• Help needed with displaying additional mySQL data from a mySQL derived table

    Hi, I've been looking at this problem for quite some while now and I'm still trying to figure out if what I want is even possible (which is why I haven't posted my code so far). I'm sure it is as I can see the two parts are fairly straight forward on their own.  I have a mySQL database, with 2 columns, Grade (1-5), and Comments (free text). This gets filled in on a separate form already built and connected with no issues. On my results page I want to display only the Grade column in a dynamic table
  • is there any jQuery plugin for quick load large images?

    is there any jQuery plugin for quick load large images?
  • Storing array of values in one variable

    The is My Code in the attachement. I'm preparing a offline quiz system. This code shows multiple questions with there option field. Now in radio variable, currently it stores the option of question submitted by user who's name is q1. Since the name of every question set is dynamic,how can I store multiple values in radio variable ? Like option of q1, q2... and so on ...
  • Change speed through keydown at the spriteanimation-plugin spritley

    Hi, i´m using the spriteanimation plugin spritley . And now I want to change the .sprite({ speed: 4000}); through the arrowkeys, left and right using keydown. But I have some problems with the syntax. Could somebody take a look and can tell me how can I fix this? var player = $('#draisine'); player.sprite({fps: 30, no_of_frames: 1, speed: 4000});            //Draisine keydowns   $(document).keydown(function(e){ switch (e.which) { /*case 40: //down player.animate({ top: "+=80" }); break;*/ case 38:
  • Problem with adding Jquery editable datatables inside jquery UI tabs

    I want to add jquery editable datable inside a jquery Tab in its tab content section. The problem is whenever i include the jquery  js scripts in the html page both the jquery tab and the jquery editable table is not working. but both of them are working separately. Please help how to successfully add a editable table in a tab. I am using the tabs API from:  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>   <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> along
  • Problem using Google "ProgressiveImageSequence.class.js"

    Hi guys: I want: to do a video with image sequence, and there is a class "ProgressiveImageSequence.class.js" can do this. I did: I linked beloved jquery lib and this class file to my html. then instanced an object of this class and use it's method to get a image. the code: var imageSeqLoader = new ProgressiveImageSequence( "../images/vid-{index}.png" , 15, { indexSize: 1, initialStep: 1, onProgress: handleLoadProgress, onComplete: handleLoadComplete, stopAt: 3 }); var index=1; var img = imageSeqLoader.getNearest(
  • How to display the particular tag in a file like description in the listview dynamically using jquery?

    I'm trying to get the some data from file like some.txt. I want to display some data in that file like description under the each list in the listview. $(xml).find('section[order="' + order + '"] content').each(function () { var content = $(this).text(); var seq = order + '' + $(this).attr('order'); var file = $(this).attr('file'); $("#content").append('<li><a href="#" data-sequence="s' + seq + '"         file="' + file + '">' + content + ' </a> </li> '); }); $("#content").listview('refresh'); });
  • another datepicker's run mode

    hi everyone, I was playing with datepicker and found it works in next modes (in terms of datepicker, ref. _attachDatepicker() function): * inline mode, when it sets listeners and waits for the click to open * connected mode, when it displays "statically" on the page Unfortunately, I need the third mode, very close to the "connected" one, but with some features from "inline". To understand what I mean, please, check the next picture: It's a mock. Some description: when user clicks on some button (on
  • How to maintain popup window after submit action form?

    Hello, I have page which created by struts2 and in that page have link to open popup window which created using jquery UI dialog model form. i have created the another form in same jsp page and have action button to do connect the database.Now while return back, i need to maintain the same popup window in the page. How to maintain the same popup window ? Example : page A (parent jsp page) has form with action and buttons). Now i have created another form for popup window in same jsp page with another
  • Returning AJAX Data from Function?

    I have the following function function getAllUsers() {         // make ajax request         $.ajax({             url: url,             type: "GET"         });       return data; // <---- i want to return data from ajax call } How in the world can i have my function return data from an ajax call asynchronously so that the above function can be used by a client/caller like so. var userArray = getAllUsers();
  • problem using jscrollpane and jquery tinymce

    Just wondering if anyone else has come across this and managed to find a way around it... I'm trying to create a form, which contains rich text editors, inside a scrollpane. The problem I'm having is that regardless of whether I place the jscrollpane code before or after the tinymce code, the RTEs are initialising after the scrollbars, and the extra length (top and bottom of the textareas) is pushing the bottom of the form off the bottom of the div, and not allowing me to scroll all the way down.
  • Validate combobox with jquery easyui

    In my page, has two plugins: jquery validate and jquery easyui .. I use jQuery Validate to validate the datas inputs in a form.. And I use jQuery EasyUI to customize a combobox, allowing to search datas in combobox. So, I put the Validate plugin: $("#form1").validate({ rules:{ filename:{ required: true, minlength: 3 }, leia:{ required: true } } }); That's ok! Is's work! But when I put the easyUI plugin, and set class in combobox 'leia' the validation of 'leia' didn't work more. <form id="form1" action=""
  • Requesting a way to prepend an event handler

    Hi, I'm reposting this from http://forum.jquery.com/topic/requesting-a-way-to-prepend-an-event-handler, which did not get any responses. It appears that all of the event handler adding functions (on(), one(), etc) append to the list of handlers.  This can make it difficult to override other handlers that are already registered.  Could jQuery add a way to prepend to the handler list? My use case is that I am creating a separate implementation of this jQuery-based drag/drop library: http://threedubmedia.com/code/event/drag
  • Getting data-prefetch to work like a multipage html does

    I am taking the advice of the experts here and dividing my multipage html file into separate single page html files but......... I cannot get data-dom-cache and data-prefetch to work as a multipage does. For instance, one of my pages, the location page, has several input boxes that when clicked open a dialog box for the user to input data. In the multipage html this works perfectly, but after splitting the pages into single html's and pre-fetching the location page (and supposedly caching the DOM),
  • How to display a modal when the user will close the page?

    Hello... I wonder how do I load a modal window (with info within it), when the user is closing the page (go with the mouse pointer to the close button of the browser)? Here is an example of this: https://shop.ashampoo.com/10/purl-onlineshop?scope=checkout&cart=111972&cookie=false&usepricescale=false&x-source=web&x-mid=web The above example loads a modal window when the user goes with the mouse to close the window. How to do it? Can someone show? Thank you all!
  • Issue with latest Chrome on Android - Zoom on button click

    We have updated our Samsung Galaxy Tablet to the latest Chrome version for Android(27.0.1453.90). When you click a button anywhere on the screen it opens the current view in a zoomed popup. This was not happening before we updated the browser(though the old version was causing other issues). Has anyone else encountered this? We've logged a ticket with Google but I wanted to check here as well.
  • filter a json

    i couldn't find a good easy to understand example allowing me to filter a json generated table: URL
  • Putting data from a database into highcharts with $.getJSON

    I'm having some problems with $.getJSON, I really need some help because I don't know how to solve the problem and I've been stuck here for days. This is the js file that should generate highcharts when selecting a select option in HTML: $(document).ready(function() { $("#paese").change(function(){ var seriesOptions = []; $.getJSON("prova.php", function(data) { seriesOptions = data; }); var chart1 = new Highcharts.Chart({ chart: { renderTo: 'container', type: 'column', spacingLeft: 20, borderWidth:
  • How to reset select box after "selected" has been assign

    Hello, Im trying to reset("selectedItem",0) on a dropbox that has had a "selected" attribute assigned to it.When I try to do the "selectedItem,0" property it does not reset the box.   How do I do this? $("#s1tpid").prop('selectedIndex',0); $("#s1elem").prop('selectedIndex',0);
  • Easier way to get proper JQM styling and functionality to dynamically generated listview ( ul / li ) ? (Source : JS/JQuery)

    Greetings.. and thank you for using your time reading my post... Setting up a listview in the markup is easy, and looks like it should when applying the correct data-roles and styles to it... But.. populating (databinding) a listview from javascript/jquery was more brutal than i thought it should have been... I wonder... am i doing something terribly wrong, when ending up with the code you can see below to create the jqm listview or is this the way to do it ? I hope.. the first :)     var listString
  • Collapsible top margin - how to remove?

    Hi,   With the html below, I get a space between the page footer and the collapsible, about half a height of one collapsible item, how can I get rid of that space? If I replace collapsible with listview it start right after page footer and there's no space.   Thanks!           <div data-role="content">             <div data-role="collapsible-set" data-inset="false">                 <div data-role="collapsible">                     <h3>1</h3>                 </div>                 <div data-role="collapsible">
  • How to get jquery autocomplete values to search?

    The autocomplete part works, but clicking on the values in the drop down just puts them into the search box, and then I have to hit enter to perform the search. How do I get the values to search? <script> $(function () { var availableTags = ["SEO", "Responsive Design", "Google Local", "Twitter", "Social Media", "Web Design", "What is Google Authorship", "NFL", "Fantasy Football Rankings", "Kevin Sullivan", "Fantasy Football RB Rankings 2013", "Fantasy Football", "How to Buy Twitter Followers", "Advanced
  • jQuery Mobile and iOS 7 Look & Feel

    The style transition guide is posted, and it changes quite a bit. Is there a person or group working on a jQuery Mobile Theme to match the iOS 7 look/feel?  From what I've seen, it has a number of changes in buttons and icons, but not a complete upheaval of everything. Full new set of default icons UIFont.preferredFontForTextStyle to drive dynamic font sizing (Dynamic Type) - may be hard to get access to this property without a Cordova-style hook. Blurred under-window transparencies may be hard with
  • Responsive search box in the header

    Hello! Just started to use jQuery mobile to build a new mobile app. I saw the jQuery mobile demo (http://view.jquerymobile.com/1.3.1/dist/demos/) and really loved the search box in the header. Especially when you watch it on a mobile screen. Then the input form change to a search icon, and the search form will open/hiden below the header. Does anyone now how to build this? Can't find the code in the demo. Thanks for the support!
  • Enabling a checkbox when text inputs are not empty

    I have some text inputs and one checkbox: <input type="text"> <input type="text"> <input type="text">      <input type="checkbox"> I want to disable the checkbox and enable it when all text inputs will be not empty. I have this code, but it doesn't work:   $(document).ready(function () {     var empty;          $('input[type="checkbox"]').prop({       disabled: true     });          $('input[type="text"]').keyup(function(){       $('input[type="text"]').each(function(){         if($(this).val().length
  • ColorBox plugin

    Does anyone have any ideas how to open the coorbox window and then upon clicking on the image it passes the id through into the form on the page and change the image when closed? or any other ideas?
  • What happened to api.jquery.com/jsonp ?

    I'm trying to search jQuery's documentation from a different domain with JSONP. api.jquery.com/jsonp/ used to be the page to do it but it's been removed. Please can someone tell me the new URL or has the service been removed? Thanks in advance.
  • Listnav plugin not working in jQuery 1.9

    Listnav does not appear to be working in jQuery 1.9 - get a completely empty area where A-Z nav should be. Works fine in 1.8.1 Just wondered if anyone might know a fix for this? I know it's a relatively old plugin, but I haven't come across anything more up to date that does the same job. thanks
  • ListNav

    Does anyone know if the iHwy jQuery ListNav Plugin works on jQuery 1.4? I'm trying to implement it on my current site, but its not doing anything. It isn't generating any errors, but isn't working either. I've double checked the code, though to have more eyes, here is the code: -- On the page itself             <div id="myList-Nav" class="listNav"></div>             <ul id="myList">               <li><a href="major1">major1</li>               <li><a href="major1">major1</li>               <li><a
  • Changing font family and size

    New to jQuery but understand CSS. Need to change the font-family and font-size on the menu widget but on no other widgets, such as datepicker. What has to be overridden in the css? Is there documentation that describes this in general?  Thanks     John
  • jQuery load external files into popup dynamically

    Hi everyone, i've got a problem by loading an external html code from a file by load(...) or $.ajax(...) or XMLHttpRequest(...). The loading of the files works exactly 2 times and then it aborts by 404. So i tried the xhr.abort() command but unsuccessfully too. If i use a full URL like www.domain.tld/abc.html it works great. But i need this for a WebApp in Apache Cordova. Here comes my Test-Code: HTML:         <script src="jquery-1.9.1.js"></script>         <script src="jquery.mobile-1.3.1.js"></script>
  • creating data

    i have data like blow  var data=[{"name":"NICCA","data":1},{"name":"TCS","data":2},{"name":"SafeScrypt","data":0},{"name":"GNFC","data":0},{"name":"eMudra","data":0},{"name":"MTNL","data":0},{"name":"IDRBT","data":0}]) but i need to construct like blow  data: [                ['NICCA',   2],                ['TCS',     1],                ['MTNL',   0],                ['IDBRT',  0],                ['eMudra',  0],                ['GNFC',   1]            ] how to do it . please help me out... Regards
  • Accessing newly added html elements as soon as they are created

    Hello,   Lets say I have this code:   var x = "<div id='div1' />"; $("#main").html(x);   then I presume that the following line risks failure because the browser might not have updated the dom just yet   $("#div1").html("Hello World");   So - is the above line going to work in all browsers ? (like I said I suspect not)   And if not, what event fires that I could pick up on to make the above line work ?   I tried this   $("#main").html(x).ready(function (h) {$("#div1").html("Hello World");};   BUT
  • header image button with jQueryMobile

    As would have to do to create a button in the header with an image only, because if I put an icon without text looks pequello. Help please
  • Problem with trigger() in a loop

    Hi all, I don't know if this question has been asked before. I have a loop and inside that loop I have a trigger and an event handler for the triggered event. <Code Snippet> $.each(loopvalue, function(k,v){       var element = $("#divid").find(k);       element.trigger('dblclick');       element.dblclick(function(event){             //do something       }); }); </Code Snippet> If loopvalue has one element, everything works fine perfectly. If loopvalue has more that one element then the first cycle
  • How to check select event

    I have two options select, if I want to change option 1 to option 2, I want to show confirm message let user check, if no then keep on 1, if yes then change to 2, how to do that?
  • JQuery security

    Hello,          I have just started using JQuery, I found that it is basically a Client side JavaScript , accessible from any webpage and can be tampered using intercepting proxy (like burp proxy). I want to know, if there are any details of security implementation on JQuery (Server Side validation). If SSL can stop tampering and manipulation. Thanks Regards Anoop
  • JQuery Date-Time Picker

    Hello everyone,   Have any body used Jquery Date-Time picker? We have JQuery Date picker but we need Time picker also. If anybody have used it, plz help.   Thanks in advance.    
  • select menu

    Hi All, I have this code (below) that works well but i am having some issues with a select menu. When you select an item from the list, it adds some text to the search bar and filters the results of my listview. That works well. but when you select an option, the highlighted state doesnt change, it keeps the first option that you choose, and will never change, however, it does know what you have selected as the filtering still works, but gives the user no visual appearance to what they have choose. 
  • How to make jquery function run only 1 time?

    I have the code below: jQuery('.teste').hover(function() { jQuery('.modalcart').trigger('click'); } ); How do I get the declared function is executed only once?
  • Next Page

  • Announcements

  • The Basics of jQuery AJAX

    A step-by-step tutorial for those new to jQuery and wanting to use AJAX in their projects. Includes valuable information about troubleshooting using the console and understanding the request / response. http://jayblanchard.net/basics_of_jquery_ajax.html
  • jQuery Conference 2010: Boston Announcement

      The jQuery Project is very excited to announce the jQuery Conference 2010: Boston on October 16-17, 2010.  The conference will be held at the Hilton Boston Logan in Boston, Massachusetts.  The best part of this announcement is that Tickets are on sale now!  This venue is the largest that the project has worked with to date (Harvard Law School in ‘07, the MIT Stata Center in ‘08 and Microsoft New England Research Center in ‘09) and we expect to sell out very quickly. A brief synopsis of some of