• Submit date in different format then is displayed?

    I am trying to fix the similar issue as specified in How to make jqueryUI datepicker submit in a different format than what is being displayed? This suggested to use Jquery altField and altFormat. I tried this on simple example and it works. However, the code I have been working on uses some framework which creates the div tag and then same framework later on persists the data. The framework is too generic and the ids are something like "X123-temp". This formats the date with no time (for display
  • links and targeting

    I have links in my <nav></nav> element that change content of another element with ID "article". which works for me. However, I sometimes have links in the nav area which are to external sites which I will need to load in a new window or browser tab. I am not sure as to go about this. Below is just the code for content that is local. (function() {         $('nav').on('click', 'a', function(event) {             var link = $(this).attr('href');         event.preventDefault();         $('#article').load(link);
  • Problem with multiple accordions in Squarespace Html page

    I have designed a page in Squarespace and I want to use multiple accordions on there. However I have used the script below which works perfectly on the first accordion, but the second one appears as static content? Could someone paste the correct code for the second accordion? Thanks everyone in advance. $(function() {     $( "#accordion" ).accordion({       collapsible: true     });   });   </script> </head>      <!-- CSS --> <style type="text/css"> #accordion {     width: 100%; } </style>      
  • Themes making

    I am vishal thakar i am making a website which is provide design and download they own template for their website so want to use jquery UI for making template dynamically as per user change so any one please help me as soon as possible. my id :  thakarvish@gmail.com OR vishalthakar8@gmail.com  
  • How to Get Old and New Value Using Change Event

    Hi Guys, I already have a working change event + AJAX now I have to make a historical data by adding a new table in mySQL called tb_historical. Now I want to get the previous value to be captured as well so I can do 2 AJAX POST for my current table and the historical table here's what I got so far: Here's for a select tag  $(".sup_class").change(function() { var sup_name_update = $("option:selected", this).text(); var sup_nt_update = $("option:selected", this).val(); var assoc_id = $(this).closest('tr').find('.assoc_id_class').val();
  • Autocomplete Grouping

    Based on the menu dependencies and expected html structure, is it possible to produce grouped results such as this while keeping keyboard / item behaviors intact?
  • dynamic table using $.each - table complete only on last record

    kbwood.au steered me in the right direction yesterday. His help fixed my problem. Now I am trying to expand my table to include a footer containing subTotal and Inventory Total. Once again only the last record of the set is shown. ie: $.each() is working fine but only the last record of the set contains the footer sub Total and Totals. Here is my changed code showing the $.each() function and the results of the last three records of a set. function showTable(acctData) { var xx=$('#inv').val(); //
  • Problem with change page passing data

    I'm new to jquerymobile, i'm developing a web app: I need to pass to a page some data, the receiver page use the data, aske to DB and make a list. Clicking on a button of the new page the data ar re-ordered (asking to server). I don't understand the logic of this usage, the documentation is not well formed for this page transation. Do I have to insert php code in page or not? Do i pass data to php or not? I need help, i'm available to pay somone for make me understand it.
  • First Real jQuery Script - Need some help

    Here is my pseudo code for the operation I need to perform: [code] Document Ready Set Variable href=0       Find first child element under first div with class “commerce “       Save href attribute from image to Variable href       Step up element structure to first <Table> encountered        Wrap Table element in <a> tag       Add href from variable to the <a> tag       Continue down document to next element with a class of “ commerce “ and repeat until no other elements with "commerce" class exist.[/code]
  • How to call onChange() function in the jquery plugin

    Hi, I have a jquery pagination plug in in which I need to call the subject function, I have tried it as follows :                   <script src="js/jquery.paginate.js" type="text/javascript"></script>                 <script type="text/javascript">                 \$(function() {                                                 \$("#demo2").paginate({                                 count           : $pagenum,                                 start           : $current_page,                                
  • ajax and forms using post

    I cant figure out how to use ajax with form data when its posted to the server. Here's my form that has been loaded into a div via ajax: <form action="startattempt.php" method="post"><div><input type="submit" value="Continue the last attempt"><input type="hidden" value="54" name="cmid"><input type="hidden" value="pSRX4ou49yE" name="sesskey"></div></form> This is what i have:     jQuery("#moodleAjax form").submit(function(event) {         event.preventDefault();         var uri = jQuery(this).attr("action");
  • Can/How(can) I create an "onenter" function.

    Hello, We have a 3rd party autosuggest script file. It is creating a div and adding an <a> element in the div. It has an onclick function: (From the added <a> element) a.onclick = function () { pointer.setHighlightedValue(); return false; } Is there a way in $ to create an "onenter" function within the added <a> element. A clients want to be able to select the autosuggest using the "enter" key
  • Problem with load in IE9

    The goal is to load text from a file (located on the same server in the same folder) into a div on the web page, when clicked on a map area on an image. I have stripped it down to a minimum to rule out as much as possible. It works in Chrome, but unfortunately I need to support Internet Explorer 9 as well. This is the "main page" with the div that is supposed to be loaded with text:     <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Whatever</title> <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
  • How can you animate the content this way?

    Hi, I found a website which looks very interessting to me. If you scroll down you will see that a part of the content is animated. Anyway I can't figure out what that is. Is it CSS or is it jQuery? Is it a plugin for jQuery or is it just an easy code that I could use?
  • Bookmark Links not working with jquery mobile

    Jquery-Mobile is interfering with my same page (Bookmark) links. To fix this, I'm attempting to disable ajax calls for hyperlinks on pages within a given site. I have successfully disabled ajax for the normal links on the page, but bookmarked links are still NOT working correctly. I have researched the jquery mobile documentation and other questions here. I am using jquery mobile 1.4.2 and have setup a script to disable ajax calls throughout the entire page by setting ajaxEnabled to false and pushStateEnable
  • ajax.Complete() not working on SlideUp Menu

    Hey guys, Originally had this posted in the CSS forums but is a jQuery issue... Here is the site, if you start off at the homepage, then click on Services in the right navigation it doesn't work the Show Services slideup does not work at all, it should slide up then be able to click a Close button to slide it down... http://redrhinorestoration.com/wp/ The only time it works is if you go directly to the Services page by typing the URL into your browser, then it will work as you can see how it functions...
  • Why is it so difficult to change the text of a button in jQuery Mobile?

    There should be a possibility to easily change the text of a button using jQuery for jQuery Mobile input type="button". Something like: $("#button").button("option", "value", "New Text"); This command is valid, but it does not change the text on the button. It only changes the value, but without any effect or sense...
  • How to make jQuery remember the page number after page reload

    I am trying to configure a jquery plugin/script for pagination to use with my perl application, the problem is on page reload or refresh the pagination slider returns to 1 because there is no functionality in the script to remember the position of slider on page reload, so as to make slider to remember its position after page reload we will have to add some routines to the javascript using a jquery cookie plugin.   There is an example how to do that at: How to use the jQuery Cookie Plugin to make
  • Help with JQuery function syntax and debugging

    I am having a few issues with my JQuery functions. Below is the code: In Dreamweaver Line 14 is highlighted red as an error. I can't spot the error. and my $PopUp modal window doesn't fire on the last function. The HTML for that is below the JS. Also for multiple JS functions on a page, can/should I just use one <script> and $(document).ready (function() ? <script> $(document).ready (function(){ $(".status").click(function() {   $("#slider").slideToggle( "slow" ); }) }); </script> <script> $(document).ready(function(){
  • Datepicker popup in dialog

    Hi, There is an issue in my application with date picker popup - I have to select date in dialog, but dialog is always overlap the popup.  When I tried to create dialog in UMyProto builder it was possible to shop popup in dialog. What should be done to show datepicker's popup in jQuery dialog ?
  • Looking for an user-frienfly "open file dialog" component

    Hello, Currently, I use this following line to have an open file dialog :  <input id="filePath" type="file" /> But it's not user friendly to create a web-mobile application. Does it exist another open file dialog existing with JQuery Mobile ? Thank you
  • $.mobile.loading needs sleep and stops animating for background work

    I'm working on a PhoneGap application and am using  jQueryMobile  for the UI .  The api for the JQM loader widget is really simple and for all of the small examples it works perfectly, however, I'm having two issues when trying to get it to work nicely when I actually need it to cover for long running tasks such as loading complex UI and saving data to the disk.   The loading widget does not appear when I start it immediately before starting my long running task In these cases, I have to wrap the
  • Which event is fired when we drag the scrollbar or scroll the scrollbar?

    Hi Can you please provide me code where some function will execute on dragging the scrollbar in jquery? Thanks  Varun
  • Can you preload and internal page?

    Hi, I have stumbled into the following problem whilst trying some JQM - I have created a mini-version in a fiddle here to show what the problem is, http://jsfiddle.net/59gwp/ . In my code I want to call the disable_button before the page is transitioned to but I cannot get it to work only once the page is loaded (see commented out code).  I am not sure if it is possible to preload and internal page - if so how? Any help would be great, Paul.
  • Combining "this" and advanced selectors

    Is there any syntax for combining this with the jQuery selectors like :selected? For example: $(this:selected) I can't always be sure of the css selector for the object I'm passing so I'm not sure how to use the advanced selectors.
  • How do I select the value of each one of these?

    Im just trying to get the value of input fields with a class assigned. The input fields are added through a jquery append. Im using: $(".CC input").each(function(i,v) {     <div id="CC" style="display:block">    <input type="text" name="SCCC" class="CC" size="50" maxlength="50">    <br><input type="text" name="SCCC" class="CC" id="ID1" value="XXX" size="50" maxlength="50"> <br><input type="text" name="SCCC" class="CC" id="ID2" value="YYY" size="50" maxlength="50"> </div>
  • HELP: query

    hi i have below situation: Copy code <div id="1"> <img class="close"> </div> <div id="2"> <img class="close"> </div> like this multiple divs which have same image.  now i want to write a jquery function, the divs which has these image, on clicking of the image, divs should hide. i want generalize function.. $(this) wont work.so what should i give here..  Copy code $(".close").click(function() { $(this).hide(); }); 
  • Is there any freelancer site for just jquery mobile developers?

    I want to know if there is any freelancer site for just jquery mobile developers? What do you think about jquerymobile.ninja
  • How to follow relative links using ajax?

    OK, so i've had a go at using ajax to completely replace my iframes and have hit my first stumbling block. Absolute links are successfully followed by preventing the default a tag event, then loading the contents of the href into a div, however some links are relative and look like this: Copy code <a href="view.php?id=68&amp;chapterid=394" title="2 Aims and Outcomes">2 Aims and Outcomes</a> How will i manage to find out what the full href should be? I would need to find out where the original script
  • OnClicking the dropdown button ,it expands and when I scroll the whole web page , dropdown button moves with the scrollbar but the expanded part remains fixed?

    Hi   I have a form in which there are many entries. One entry is of type dropdown .When i Click on dropdown ,it expands(many options pop up).Now as I move the whole web page using scrollbar ,dropdown button moves but the expanded part remains fixed. Please suggest the solution so that expanded part also moves with the window scrollbar.I am attaching image for your easiness.
  • Sentense being wrapped in Marquee (using malsup.com/cycle plugin)

    Dear all, We are using Malsup's cycle plugin http://jquery.malsup.com/cycle/  (http://malsup.github.com/jquery.cycle.all.js) to make a marquee. The sentense in each <li> tab will be rolling to bottom of screen and reappear at the top. It works fine is most of time. However in some situation, the sentence will be wrapped by some reason which I cannot figure out. I created a fiddle: http://jsfiddle.net/9PK6z/27/ . By using IE8 I can reproduce the issue. In fact the problem only occur on IE9, IE8 is
  • refresh dynamic contents on common popup jQuery mobile

    I am working on a web app where, I have a Common popup as a direct child of , it contains few popups created dynamically from the JSON. There are two separate pages having user input form. JSON file is updated using the form data. I am updating the contents of the popups using the updated JSON in the form submit function. I am facing the problem to refresh the popup contents on form submit. I have to restart the APP to see the changes on popups. I tried triggering 'refresh' and 'create' events on
  • Page loads with error loading page

    Hi all, I am developing an app using Cordova and jQM 1.3.2, I have created upto some level for android and wanted to build whatever was created and test it on iOS. Everything works fine on android, but the same loads with error when I emulate on MAC. $(document).on("pageinit", function(){             $.mobile.changePage("pages/login.html");         }); While loading login.html page, it shows Error Loading Page even before submitting the form, when the form is submitted, user can login without problem
  • Trying to understand $.each()

    I need a logic check or what I am trying to can't be done this way. I can't explain this except to show you Code and Output. Each Invoice should be shown. Only the last one is. I've been trying to figure the logic for several days and can't get it. Maybe I'm too close to this and can't see some obvious fix. Thanks, R <!DOCTYPE html> <!-- This version 3 Aug 2014 writes table to screen  --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" />     <title> Feeder program
  • sorting array

    hey guys Im trying to sort and array by a price ('total_price') here is what my array looks like...but obviously there are more items [{"item_id":"1","title":"Test","price":"99","p_and_p":"0","total_price":"99","listing":"","condition":"","start_date_time":"2014-07-26 21:51:45","listing_duration":"10" here is my script ive started to make $(document).ready( function () { var data = <?php echo $data; ?> , limit = '10' ; $.each(data, function () { $( "#table" ).append( '<div class="row"><span class="cell">'
  • How to detect missing IDs/classes?

    Hello, I've been thrown a site to fix that has lots of unneeded jquery, e.g. $('#ThisIDDoesn'tExist').DoSomething();  JQuery silently passes over these invalid statements, but I'd like to be able to figure out a way to catch these across the whole site, and clean these up. Any ideas on how I can easily see across the whole site, when a jquery selector returns nothing? Thanks, Michael
  • coloring table cell

    When I click in one of the table cells, radio buttons appear. I have to select a radio button and **click on the table cell** in order to change the text and background color of the cell. What I want is to change this immediately once i choose a radio button. I don't want to click on the table cell in order to display the value and background color. Below is sample code:     function deselect(index, name) {      var app = "#app"+index;      var radioGroupName = name+'rOptions';         $("#app"+index).removeClass("selected");
  • data table plugin

    HI , I am  using data table plugin to show data , and i want to add , delete and update records from database. Add and Delete Function are working correctly but failed to modify or edit data , can any one help me to resolve this problem . I am using jquery and ajax to add , delete and update. function update()  { var hidden = $('#hidden').val(); alert(hidden);   if (hidden)  {         $.ajax({               type: "get",              success: function(data) {   url: "edit_event.php?values="+name,
  • CSS problem.

    If a make display:none CSS property of parent div, then will compiler load all images which is applied into child div's into parent div...?.
  • Show Another Popup from Popup Window

    Hi, I want to know how to show another jquery dialog from another opened dialog. i.e i want to show popup window from another popup window. I am using juery <script src="~/Scripts/jquery-1.8.2.min.js"></script> <script src="~/Scripts/jquery-ui-1.8.24.min.js"></script> <link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" />         $("#dialog-confirm").dialog({             autoOpen: false,             resizable: false,             height: 170,             width: 350,             show:
  • 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