• JQuery plugin only loads on refresh

    I have a plugin TwentyTwenty installed on wordpress and it seem to only be loading on refresh. Any thoughts? If you click into any of these gallery items, you will see what I mean. http://preview.lhkruegerandson.com/before-after-gallery/
  • Accordion and function parameters

    When the HTML page displays with the jQuery code, the accordion always opens with one section open (currently the first). Is there a way for that not to happen, that is, when the page displays, all sections are closed and now the viewer is presented with all the FAQs available for them to browse instead of having the extra step to close the first one and then they can see all the FAQs. Thanks
  • how to insert multiple rows from a html table and insert to database using jquery

    Hi All, In my application ,i want to add multiple rows from a table to database by a single click using jquery. following is sample table <table> <tr><td>EmpId</td><td>Ename</td><td>Dept</td><td>Salary</td></tr> <tr><td>1000</td><td>Arun</td>Civil<td>10000</td></tr> <tr><td>1001</td><td>Kiran</td>Accounts<td>5000</td></tr> </table> when a button is clicked i want to save these 2 records into database. just like fetch values of 2 rows and add in an array and pass that value to another page and executes
  • Getting google maps latlng Array from JSON

    Dear forum-members, I'm new to this forum and pretty new to JQuery and I have an issue that I can't solve by myself even after long research. Currently I'm loading coordinates into an array directly in my html-file: var AreaCoords = [ new google.maps.LatLng(48.250118898964146, 16.542320251464843), new google.maps.LatLng(48.25304504692614, 16.472831717692315), new google.maps.LatLng(48.20913525537747, 16.440147397806868), new google.maps.LatLng(48.190462182620756, 16.468437190633267), new google.maps.LatLng(48.18167250808985,
  • Select specific days within range in MultiDatePicker

    I'm using this MultiDatePicker to allow users on my project to select multiple days on the calendar. My problem is I want to allow them to select specific week days and then select a date range and by doing this select those days within the range. Example: Select all (Monday) and (Wednesday) from (September 10 2014) to (August 10 2014) and when the user clicks a button or something, all Mondays and Wednesday within September 10 and August 10 get automatically selected in the full-year calendar's
  • reposition div on window resize

    Hi there How can I change the right & top position of a div when the browser is being resized.       $(window).resize(function() {      updateScreen();      mobScreen();          });   function mobScreen(){          screenWidth = $(window).outerWidth();                       if(screenWidth < 500){       console.log("screen is smaller: "+screenWidth);              $('#player-target').css({                "right": 1070,        "top": -220        }       );      }                  if(screenWidth > 500){
  • someone please reply....how to use jquery in refreshmonkey...for a particular function...

    i use refresh monkey to refresh pages in 5 seconds interval... for doing website testing... the page will usually show 1) there is no work or 2)loading... all of a sudden work appears with words like how to use terminal... without any url change... if i don see it it refreshes for 4 more times and says u requested it too often... what command to use please explain it from basic... i'm totally dummy... some one please help me....
  • what time does this string translate into for someone who is not an engineer?

    {"query":{"id":[{"timestamp_usec":"1421117320952355"}],"query_text I would appreciate any help that can be offered. Thank you. Susan
  • Slider with jQuery UI not working properly in Safari

    I created an image slider where I use the jQueryUI draggable function and am experiencing a problem now with Safari.  In Safari the following happens: on mousedown on a picture and the mouse is slightly moved the first image is moved in the visible area (doesn't matter which image was visible before) but on mouseup the next/previous image is shown (as is should). I don't really know where it comes from - maybe from jQuery UI draggable? Here is a demo: http://codepen.io/anon/pen/YXVmEm (the problem
  • Long list demo is not working

    The Long list demo in the following link is not working on Google Chrome Version 43.0.2357.124 m  and Android 5.0 browser  http://demos.jquerymobile.com/1.4.5/selectmenu-custom-filter/
  • Jquery with Servlet 3.0 file upload is not working Boundary is missing

    Hi, I am trying to upload file with Servlet 3.0 and Jqueryjquery-1.11.3.min.js version. Its not working, issue is that boundary is missing in request header. Whereas normal form post is working fine. Please help. 
  • Autocomplete Combobox search method not working

    I have the following jQuery UI Combobox. When I click on the "show all" button, it searches for the value in the input box, instead of displaying  all items. The line input.autocomplete("search", "") is supposed to display all items. However, it seems to ignore it. Any help would be greatly appreciated.     (function($) {         $.widget("custom.combobox", {             _create: function() {                 this.wrapper = $("<span>")                     .addClass("custom-combobox")                
  • Using clipboardData.getData for image files

    I'm trying to write a jquery script that gets the data out of an image file that's being copied and pasted and then turns it into a DataURL. The getData option here is returning nothing for me when I paste in a file (ex: myfile.jpg). It doesn't seem to matter whether I do this as getData("text") or getData something else.  Alternatively, if I can't get the contents of a file this way, is there a way to convert the jQuery event object into a regular Javascript event object. I can use e.clipboardData.items[0].getAsFile()
  • Jquery paste event doesn't work the first time (but does after)

    I have a jquery script which is supposed to capture the paste event in an IFRAME. It works perfectly, but only from the second paste attempt onwards in each session. Any idea how to make it work the first time? I've seen some posts about this problem suggesting that I use a setTimeOut to delay the response, but that hasn't worked for me. $('iframe').each(function () {           $(this).contents().find('body').on('paste', function (e) { console.log("paste captured");         });     });
  • Preload then compress into a dropdown.

    Hello, The code below needs to be preload before its compress into the dropdown below. I never used jquery before so any help would be much appreciated. <style type="text/css">   .styled select {    background: transparent;    width: 236px;    font-size: 16px;    border: 1px solid #ccc;    height: 34px;  }    .styled{    margin: 0px;    width: 236px;    height: 34px;    border: 1px solid #111;    border-radius: 3px;    overflow: hidden;    background: url(http://rgn.community/fastdl/arrowdown3.png)
  • Retrieving values from array styled dataset

    I have an OPTION tag as such... <option value="478" data-tagset='{"categ": "PayOff", "selector": "checkbox", "tags": ["ARM"]},                                                  {"categ": "Term", "selector": "checkbox", "tags": ["5/1"]},                                                  {"categ": "Type", "selector": "checkbox", "tags": ["FHA"]},                                                  {"categ": "Features", "selector": "checkbox", "tags": ["203k", "Streamline"]}'>FHA 5/1 ARM 203(k) Streamline</option>
  • Persistent toolbar transition issue

    Hello, I'm using persistent toolbars, which seems to work except for a visual issue during transition. Which you can see in the fiddle below. I have tested it in Chrome and IE, in both this seems to occur. My fiddle Is this a bug or am I missing something?
  • Why the button submit is not executed

    Hello, I use a modal window to display results of a query. However, the modal is displayed but I don't have results into this modal, because of the button submit which is not read by the program. I have tested my code without the instruction if (isset($_POST['submit'])) ... and the result is : all fields are displayed, like this my request has been executed but the conditions are not taken into account. my code : http://codeshare.io/zM6JA
  • How to capture events for dynamically created data-role=“collapsible”

    Could you please let me know how to capture the events for data-role="collapsible"   This is my fiddle  http://jsfiddle.net/5kbEE/18/ I have tried it this way      $('.my-collaspible').on('collapsibleexpand', function() {             alert('herere');     }); How ever i observed that the above event is working fine in case the data-role="collapsible" is static one (http://jsfiddle.net/5kbEE/19/). Could you please let me know how to make it work if it created dynamically
  • pass the php value to the jquerry

    Hi All  I Have the php code in the same web page with js how can i pass the php value to the jquerry <?php $SITE = array(); $SITE['time'] = 10000; $SITE['path'] = './mydata/todayyest/temp.php '; ?> setInterval(function () {         tempTable.ajax.url('./mydata/todayyest/temp.php').load();             }, 10000);
  • set that button label programmatically with jQuery

    I use dialog with the help of some jentlemen here. I added a button and I attach its html representation from Inspect Element. There is no label on the button but if I manipulate and add it manually (as seen here:DIPLAYED TEXT) it appears on the button My question: How do I set that label programmatically with jQuery? Regards I. Sher <button type="button" text="Get" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text"></span>DIPLAYED
  • Jquery Lens Slider

    Hello Guys, I  am new to Jquery development. I have created a Jquery Plugin. www.jquerylenslider.com. Its a  free, please have a look into it and let me know your feedback and suggestion.  Thanks Mohammed
  • sharepoint select

    Sharepoint select is generating a select like below <select id="Vehicle_x0020_Registration_x0020_ecd4a357-d82d-4697-9173-4c98365d986a_$LookupField" title="Vehicle Registration Number 1"> <option selected="selected" value="0">(None)</option> <option value="4">00D37860</option> <option value="2">BT11WGN</option> <option value="3">BU14FJN</option> <option value="1">PO63VNC</option> </select> I tried using JQ like below but it doesn't work. Shortening select id does work. $('select#Vehicle_x0020_Registration_x0020_ecd4a357-d82d-4697-9173-4c98365d986a_$LookupField').find('option').each(function()
  • How to Limit The Range of Date Picker to Only One year (For ex 2015)

    Can some one please let me know how I can force jQuery UI Data Picker to loop only in one specific year months? I only would like to enable users select dates from Jan 1 , 2015 until end of year and again if they click on month changing button the Calende starts over from Jan First? I already tried thses  $('#example1').datepicker({                   maxDate: new Date(2015, 11, 31)                 });                   $('#example1').datepicker({                    yearRange: new Date().getFullYear()
  • Is there a website where I can pay for the development of a plugin?

    Thanks for your advice
  • Accordion and function parameters

    If one desires "Collapse content", then use "collapsible: true If one desires "No auto height", then use heightStyle: "content" What if one desires to use both? I've tried several configurations like this example <script> $(function() { $( "#accordion" ).accordion({ heightStyle: "content"       collapsible: true }); }); </script> and it always fails. IS this just impossible or is the fix really simple. I sure could use some parameter help. Thanks
  • Wait for transition to finish

    I am trying to wait for transition to finish before calling a function that shows a title: $('#imagepackwrapper div[id^="packimgdiv"] img').on('doubletap click', function() { // newtitle == "#packtitlediv1" $('#imagepackwrapper div[id^="packimgdiv"] img').not(this).slideUp(600);  // Hide other images     function myshow(newtitle) {  // Show the title       $(newtitle).css({'margin-left': toffset + 'px','width': twd + 'px'});       console.log('Opacity: ' + $(newtitle).css('opacity'));       $(newtitle).animate({
  • JQUERY infinite Slider with variable size of images, previous and next button

    PLEASE, help me.. How to create an infinitive slider with different width of imgs, like this EXAMPLE WITH PLUGIN,OR LIKE THIS but without any plugin.. I would like to learn and not put plugin without understand. THANK YOU SO MUCH.. $(document).ready(function() { enter code here });
  • Panel doesn't work on jQuery Mobile app with limited width for pc viewing

    I would like to make my mobile app look the same on a pc as on mobile. So in theory it's basically enough to make the width smaller. Here's what I found on stackoverflow and used: <style> html { background-color: #333; } @media only screen and (min-width: 600px){ .ui-page { width: 600px !important; margin: 0 auto !important; position: relative !important; border-right: 5px #666 outset !important; border-left: 5px #666 outset !important; } } .ui-header {width: 600px !important; margin: 0 auto !important;}
  • Concatenation Error in Jquery

    Hi following is a working code. var j=1; $('.btn').click(function (e) { e.preventDefault(); dyntable = ""; j += 1; count += 8; dyntable += '<tr id=' + j + '>'; for (i = i; i <= count; i++) { dyntable += '<td><input width="70px;" class="cp" type="text" id="textbox' + i + '" /></td>'; }
  • why is $.support being populated in transit.js

    hey guys , good day , have a look at the below function ::    for (var key in support) {     if (support.hasOwnProperty(key) && typeof $.support[key] === 'undefined') {       $.support[key] = support[key];     }   } i see the for in loop being used and the $.support method in jQuery being populated with more properties. WHY ?  I fund the above function here . 
  • .toggle() event

    Why .toggle() not available in jquery 1.9?
  • Autocomplete with addtional parameters

    Dear Sir In a registration form Auto complete is working fine http://marathepratishthan.org/register.php  I am accepting First Name * After this I am accepting following 3 fields  Father's Name  Auto Suggest based on name accepted-Name+ value entered Grand Father's Name Auto Suggest based on name accepted Name, Father's Name + value entered Great Grand Father's Name Auto Suggest based on name accepted Name, Father's Name, Grand Father's Name + value entered  For each auto complete I am using following
  • Multiple same name class on form, only one item need to be populated via an ajax query

    I have multiple same name class on form, only one item need to be populated via an ajax query Need to select an item in a dropdown and do a ajax query and return the price associated with that item and size in the row that was previously selected Example: <select class="size" id="size">    <option value="12">"500g"</option>    <option value="14">"Bag 400g-500g"</option> </select> Need value 14 $('.size').change(function ()         {             var size = $(this).parent().parent().text();   // problem
  • Very new to this an need help

    I am supposed to put the following in my html page  <link rel = "stylesheet" href = "jquery-ui.min.css" > <script src="external/jquery/jquery.js"></script> <script src="jquery-ui.min.js"></script> I am supposed to find this in the index.html page however all I can find is the stylesheet? Anyone know what I could be missing? Thanks,
  • Div filter not working is Safari for windows 5.1.7 and chrome 43

    I created a simple filte for my website with jquery-1.11.3.min.js It is working fine in Opera (btw the 2.1.4 version did not) and in firefox. But not in chrome and Safari, Have I done something wrong? www.test.i-stijnman.nl
  • JQuery Problem

    Hello - I'm a beginner web developer and trying to use JQuery but always seem to run into problems. Does anyone know why my jquery news ticker is not working please? http://www.jameswinfield.co.uk/v2.html#3 Probably something simple I've missed. These were the original instructions - http://www.jquerynewsticker.com/2 Thanks James
  • How to forward the request after success of ajax request ?

    I have this code: $("#ajaxform").submit(function(e){ var info = $(this).serialize();    $.ajax(    {        url : "ctrl1",        type: "post",        data : info,        success:function(data, textStatus, jqXHR)         {              $('.valid-error').html(data);         if(data == "success"){                 $.get("ctrl2", info);               }        }    });    e.preventDefault()    });   $(".submit").click(function(){       $("#ajaxform").submit();     }); I am trying to make get request to
  • how to control the load speed of pace.js and also how to hide content of the page when loader is running ?

    hey guys i was just trying to use pace.js to add a page pre-loader , and basically the way this plugin works is that , you just add the  pace.js file to your page and add any css theme that pace.js provides , see here .  now i did this , but my problem is , nowhere in the plugin docs have they specified how to control the load timing for the plugin , now , how do i actually control the load timing for the preloader plugin ?  see fiddle .  the doc says the following about this plugin ::  =========================================================================
  • Any way to find size in inches of a user screen - mobile, tablet, or laptop>

    Is there a way in jquery to get the size in inches of a user's screen?  I know about screen.height and screen.width, but they give the dimensions in pixels, and I'm not sure that I can always assume a conversion of factor of 96 pixels per inch on every device - mobile, tablet, and laptop. Thanks.
  • 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