Can someone help me please...I have an issue with cloning an element and it's functionality.
I have a draggable module that has an edit/delete functionality attached to it that works great. But when I drag it and it gets cloned and I drop it in the droppable area the clone loses it's edit/delete functionality. The buttons are still there but they won't function. I really need to know what I'm doing wrong here. Here's my code for it... var xLabsConnect = { jQuery : $, settings : { columns : '.column', columnsNav : '.columnNav', widgetSelector: '.widget',
[jQuery] append()-Param containing <script>
Hey there, I'm trying to append HTML code to a DOM element, with a string that also contains a <script> tag: <input type="text" id="foo"> <script type="text/javascript"> stylizeInput($('input#foo')); </script> It works fine, just like it should according to jQuery functionality. The crucial thing is: The script is being processed too fast, therefore executed before the input field is known. How can I delay execution until the HTML part is fully loaded? $('input#foo').ready() won't work and I
Link to an External Page / Framework is lost
Hi ! I'm very, very newbie to JQM, although very experienced with web development, dynamic content as well. To start, I have built a simple page with 3 sections. All of them same document. On the 3rd section I have a link to an external page that has dynamic content (that queries a data base server). Need to have this external page EMBEDED into the original DOM and Framework, that is, as if it was loaded originally INSIDE the first page. On my tests below, the external page is loaded but it looses
orientation detection
how can I know if the customer has changed the portal to landscape thinks
jquery loader not spin in IOS 6.
Hello, I am new on Jquery mobile development. I am using $.mobile.showPageLoadingMsg() to show loader. It is spinning on IOS 5.1 but it is not spinning IOS6. I am using Jquery mobile 1.0.1 Any one has solution please share. Thanks
Onclick select menu url redirect
In my mobile theme that I'm working on, I have a list of replies to an article. Next to each reply is a button that one can click (or touch) to view a select menu for options to reply, report, remove etc. assuming they have permissions. My problem is for the option to remove I want a JavaScript confirm() to give the user the option to proceed so that there isn't anyone getting mad for accidentally removing a reply. :) I cannot figure out how to get the value(the url) of the selected option. Here's
jQuery problem on iis server
I just took over a project written in php using jQuery. I need to do some edits so I moved a copy of the files that were working in production to our test server. Now, with no other changes, the jQuery function below is not working. Our test site and production site are set up on the same iis server (Windows Server 2008 R2). function preFill(voterID) { $('#txtVoterID').val(voterID); $('#dialog-voter-search').dialog("close"); $.post("engine.php", {act: 2, vi: voterID}, function(data) { $('#txtNameF').val(TitleCase(data.FIRST_NAME));
How to write the selector?
Hi, how can I select a list-item which is 3rd-Element and has a child span with a class? var paginationUl = jQuery('ul.pagination'), paginationLi = jQuery('li', paginationUl), firstLiNotCLass = jQuery('li:not([class])', paginationUl), paginationStart = jQuery('.pagination-start', paginationUl), paginationPrev = jQuery('.pagination-prev', paginationUl), paginationNext = jQuery('.pagination-next', paginationUl), paginationEnd = jQuery('.pagination-end', paginationUl);
Custom jquery scroller problem
Hi All, I am trying to develop a vertical scroller - it is a UL with a fixed height to only show a few list items, then with up and down controls, the user can scroll through. There is 3 bottons on top and 3 on bottom, the first button will scroll the UL up and down one item, the second will jump/scroll 3 items and finally the last button will move to the top or bottom of the list. I have created this all and it is kind of working, it moves up and down one, and jumps up and down 3, but there are
strange variable overwrite problem
hi, ive worked with javascript/jquery for a while and think that i know quite a lot, but this morning ive come accross a situation where making changes to a variable 'magically' affects the values of another variable. have a look at my fiddle http://jsfiddle.net/4TrN4/13/ is this normal?
beta tester / apps / devs needed - Announcing the beta launch of ThunderCloud!
Hello! Announcing the beta launch of ThunderCloud! Exclusively at - thundercloud.io Thundercloud is a PAAS solution which enables you to store, retrieve and share mobile app data in the cloud. This means, for the first time ever, you can: • Upload your app data. • Retrieve your app data at will. • Retrieve data from other apps at will. With ThunderCloud, the possibilities for app integration and data sharing are endless! Here's how it works: 1. Add your app. 2. Setup keys for what you want to store
jquery not working in ajax update panel in second postback
jquery not working in ajax update panel in second postback jitendra kumar pradhan
I am trying to get continuous data using jquery
<script type="text/javascript" language="javascript"> $(function() { var checkit = function(){ $.get( "test2.php", { name: "Zara" }, function(data) { $('#stage').html(data); } ); } var nre = setInterval(checkit,1000); }); </script> </head> <body> <div id="stage"></div> </body> </html> I am trying to get continuous data from test2.php using jquery but to no avail. Can anyone please help ?
Help jquery
I want a program to write on a text box and displayed at the same time in another..
Change theme of Collapsible set list view using jquery.
Hi I have used Jqm Collapsible set list view and it is working fine. list view My requirement is that differentiates last update list view. My list view code is : <div data-role="collapsible-set" data-theme="a" data-content-theme="a"> <div data-role="collapsible" id="div_1"> <h3>ALL</h3>] <p> <select name="onoff_switch_1" id="onoff_switch_1" data-role="slider" data-mini="true" onchange="switch_status(this.value,1,'div_1');"> <option value="off">Off</option>
jquery mobile and search form
Hello, i've got a problem with a simple form (post or get) : When I arrive on a page and I submit the form the page never stops loading and i must close it, impossible to do something else, it loads... but If I refresh the page when I arrive on it and I use my form after the refresh it works. If I deactivate the ajax it works fine ('$.mobile.ajaxEnabled=false;). I tried a few things and the problem is the page in which i submit the form and not the action page. Notice that I never have the problem
modal window in header frame doesnt fill the entire window as a result of body frame existing
Hi i have a frameset. Two frames in it with top frame ocupying 25% row and other 75%. <framest> <frame name="frame1" src="header.jsp" /> <frame name="frame2" src="body.jsp" /> </frameset> header.jsp: <script> $(document).ready(){ $("#modaldiv").modal(); $("#modaldiv").show(); } </script> <div id="modaldiv"> </div> Because of the body frame(frame2) my modal window is cut half(25% top) even when i increase the height. How can i overlay on the frame 2 as well, so that it displays in the center
Particular case: Programmed Query string using form inside dialog
Place a part of my project. When I run this code and I click add on the window. Firebug responds with an error when I run the script in to submit. I would like to know why does not this `alert ("Se funziona questo mi hai aiutato");` http://api.jquery.com/submit/ There is a example at the end of the site and also works on my pc. Now I public my code or exercise where I use the form inside the window's dialog(Jquery). I want programmed and I have the solution but the script inside the function's javascript
Beginner: How to continueously alter between 5 sentences with JQuery.
Hi everybody. I need your help. I'm doing a website for a client and I want to display recommendations in the footer. I have 5 different statements like those below and I want a timer function to change the statement every sixth second. I'd like the vertical rotation effect. Can someone write the code here and explain me the things? Example: "We were so happy using Cocktails R Us", Johnny Hansson "The service was awesome", Loretta Stevenson "Cocktails were delicious", Bob Johnson Thanks in advance.
jquery grid from dynamic json.I have attached my code
Can some one help me in creating a grid from dynamically generated json data...........I am able to create html table but i need jquery grid.Using below code i am able to load a csv file and display as html table but i need a jquery grid............. <html> <head> <meta charset="utf-8" /> <title>Demo - CSV-to-Table</title> <script src="jquery-1.8.0.js"></script> <script src="jquery.csv.js"></script> <script type="text/javascript" src="json2.js"> </script> <script> $(document).ready(function()
JQuery Questions for new projects
What are the steps you need to follow to use jQuery in ASP.Net project?
Problem with field that contains apostrophe.
Hi all the community, I'm write you to explain a problem that occurs when I want to cancel a student. I have a window from where a select a student and then I get all his data. If I had to cancel it I press a cancel button and then a transfer his name and his surname to a js function from where I ask for the confirm. It works fine if the surname or the name of student do not contains any apostrophe. If it does the js function does not executes. This is my button: <button type="button" id="cance"
Zooming an draggable image keeping the center fix
I have an script that will resize an image with a jquery slider. The image is inside an overflow hidden container. But I am getting problem in keeping the draggable center of the image fix while zooming out or in. Its working fine while the image is not dragged. I know that can be done by plus minus the left and top value while zooming in out. But can't able to find a way to do it. You can View my script- var globalElement_width; var globalElement_height; $(document).ready(function () { $img = $('.canvas
using 2 jquery (slide) in one html
Hello, I want to use 2 different jquery plugins on the same page for a website I'm making. At the moment I can only seem to get one working at a timebut not both. i guess that cause there are 2 differents versions of jquery?! I have no experience with javascript. I'd be eternally thankful if someone can help me. Thank you in advance Here is the seperate code for each: Slide panel <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="imagetoolbar" content="no"
javascript enter event not working properly in sharepoint..
Hi all, I have implemented autosuggestion slide down on the search box in sharepoint 2010 using a jquery plugin. On giving something in the search box it will give some suggestion and the traversing through the suggestion in the autosuggestion box can be done through key up and key down from the keyboard.It is working fine but when selecting on one of the suggestion and pressing on enter key the suggestion text should move to the search box(as in google),but this is not happening...sometym it is
A Plugin to Speed Up Click Events in iOS and Others
demo: justinmccandless.com/demos/jquery.mobile.fastButtons/index.html github: github.com/justinmc/jquery.mobile.fastButtons I wanted to share this easy plugin I wrote for a project with a big emphasis on performance. I was having huge problems with click events happening very slowly, especially on iOS. It made my app feel incredibly sluggish next to a native app, but the problem wasn't that HTML5 was slow, it was just that the webview was waiting around for click events to fire. jQuery Mobile actually
taphold event on Windows Phone(test on OS 7.8) triggers native response
taphold event on Windows Phone(test on OS 7.8) triggers native response.
Inserting in css plugin?
Help to insert CSS plugin. Please. jsfiddle :http://jsfiddle.net/5qC8N/ mikepianist.-
Changing the width of the modal form
Hello, I am using the modal form example on the following link to create a form on my website.. http://jqueryui.com/dialog/#modal-form But the field that I have used in my form is an upload file field which requires more width than the regular modal form mentioned in the example. I wanted to know if there is a way I would be able to change the width of the form that pops up on the click of a button.
animateText.js - A new text animation jQuery plugin
animateText.js makes it easy to create text animations. It comes with several basic animations to customize. Or you could use it as a framework to create your own animations. You can check out the demo and documentation on its Github page: http://lukeas14.github.com/animateText.js/ Any feedback would be much appreciated. Thanks.
I need some help getting jqgrid displaying json
Here is my jquery: <script> $(function () { $("#list").jqGrid({ url: 'http://localhost:60418/grid/data', datatype: 'json', mtype: 'GET', colNames: ['Inv No', 'Amount', 'Tax', 'Total', 'Notes'], colModel :[ {name:'invid', index:'invid', width:55}, {name:'amount', index:'amount',width:80, align:'right'}, {name:'tax',index:'tax',width:80, align:'right'}, {name: 'total',index: 'total'}, {name: 'note',index: 'note'} ], pager: '#pager', rowNum: 10, rowList: [10, 20, 30], sortname: 'invid', sortorder:
JQuery css() Function is Killing my :hover
Hello All!!! Thanks in advance for any and all help :-) At my website, joetaranto.com I'm using the JQuery click function on html anchor buttons to animate a "billboard". The problem is I'm using the css hover command to set up background color changes on the navigation controls (buttons) and once a button is pressed and the subsequent click function is run the navigation controls lose their css hover. This behavior can be seen by going to the website and mousing over any of the navigation buttons.
Script not working in IE9 or Firefox, how to fix it?
My JQuery script is not working in Firefox or IE9. I am using IE9 Version: 9.0.8112.16421 and Firefox version: 17.0.1 . The website works fine in Google Chrome and Opera. The website is located temporarily on my dropbox: https://dl.dropbox.com/u/53597778/Web%20Dev%20Live%20Tests/Site/tutorials.html The page in question that is not working is the "Tutorials" page, if you use Chrome or Opera everything works fine. The buttons have the correct ids set and the page content changes as I set it to. This
Ajax, loader & external content
Let's say we have a main jqm index page with 4 links to 4 new pages... all with a different class names so we can make some unique trigger calls. (lets avoid id's) So every new page will have a unique ajax call loading some external data and add that to the markup, either listview or whatever. How is this done right? jqm 1.2.0 Show the loader spinner while data is being fetched. Waiting for the ajax to complete/be 'done' and spinner hides Preserve navigation and transitions effects. Preserve back
Only JQM elements sit above fixed header....
Hi Folks, I have developed an app using a mix of JQM and HTML5 elements. The app has a fixed header which I have fixed using CSS rather than explicitly using the data-position="fixed" way as this doesn't work right for my app. When I scroll the app, the header stays nicely in place and HTML5 elements scroll underneath it nicely. However if there is a JQM element such as flip-switch or button then they scroll over the top of the header! Can anyone please give me any pointers as why this might be?
Remove and bring back between two different select boxes
Hello, I have two select boxes that I want to show and hide, the only problem I have is that the form information of both select boxes still remains in the page, and I am not able to submit. Is there a way that I can remove and show, so I am able to submit the contents of only one of the select boxes? Thank you, Jason Passing Score: <select name="ChapterQuizPassingScore" id="ChapterQuizPassingScore" style="width:174px" class="HiddenPassingScore"> <option id="passingscore" value="0">Please
Drag and Drop image on top of an image
Hi, I was wondering if anyone can help me figure out how to write code for a drag and drop that involves dragging an image on top of another image. Once its on that particular image for it to stay there. Please advise. Thank you!
jquery inputmask breaking change
We using jquery inputmask plugin and have a following code fragment: $('input.maskedInput').focus(function () { $(this).mask("999-999-9999"); }).blur(function () { var numbers = $(this).val().replace(/-/g, '').replace(/_/g, ''); $(this).val(numbers.toString()).unmask(); }); This worked perfectly fine with jquery 1.3.2 but stopped working when upgraded to 1.8.2. No errors but unmasking just does not occur. Is there anything that need to be changed
Jquery Ui - effect callback function
Hi, I'm trying to use jquery ui effects but i'm not able to show the page once it is load with an jquery ui here sample page: (clickable buttons are grafici and strumenti) http://ugom.comuf.com/ I suppose I need to make an callback function but i'm not able make it Regards Ugo <!DOCTYPE html> <html lang="it"> <head> <meta charset="utf-8" /> <!-- Html 5 e CSS3 --> <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame Remove this if you use the .htaccess
Can I use the .click() method to display information from an .ajax call?
I have two ajax calls which display a first set of links and then a second set of links under it onto a webpage. The second set of links are citations and they correspond to one of the links in the first set. When I click on the link in the first set I go to an outside webpage, here's the code, var linkBase = "http://www.sciencebase.gov/catalog/item/"; var link = ""; $.each(json.items, function(i,item){ link = linkBase + this.id
Next Page