• iPad page transition issues

    Not sure if this has been answered yet; but, I've tried so many "quick fixes" to no success. Currently, every time there's a page transition, the styling of my navbar gets unstyled and the screen jitters. Here is my index file, http://cl.ly/N4pb. And here's my custom css file, http://cl.ly/N4cX. The text also looks blurry during the transition as well. I also turned "off" the transition, but you still get the unstyled navbar as well as the blurry text momentarily. http://jsfiddle.net/SUa3p/, you
  • .animate() not running from time to time.. why?!?

    I am having an issue where an animate function is not running periodically. so to start with i have a piece of code that listens for a swipe on an element     var maxTime = 1000,         // allow movement if < 1000 ms (1 sec)         maxDistance = 50,         // swipe movement of 50 pixels triggers the swipe         target = jQuery('.pageSize'),         startX = 0,         startTime = 0,         touch = "ontouchend" in document,         startEvent = (touch) ? 'touchstart' : 'mousedown',         moveEvent
  • unable to load html file from local file system into div

    Hello guys, i am working on mobile application where i need to load a html file which is stored locally into div, i am able to see all the html text into div but not the images, i am using fallowing code to load html into div    $.ajax({       url : currentBroadcast.broadcast,       data : {},       success : function(data) {         console.log("data is :" + data);         $("#text_content").html("<strong>" + data + "</strong>");       }     });       log("DEBUG: richTextPageUpdate ended");   }
  • Changing the order in a collapsible set breaks hide/show

    Using JQM, I have a collapsible set that I want the user to be able to change the order of. I can change the order with jquery, but after the content is changed it breaks hide and show (the collapse function). Looking for some ideas as to what's happening and how to fix it. Example on jsfiddle *I tried to post the code here but I got a content limit error.
  • VideoBG mute function help!

    Hi guys.  I've been using the Jquery plugin 'videoBG' to play a background video to my site, which autoplays and loops. Here's the link to the website. Everything works fine, but the problem is the plugin contains no native mute function, and I'd like to mute this on the page loading. I've tried inserting .attr('muted', true) in the //video element section, but I just don't have the foundation of JQuery knowledge I think you need to make this work. Just for your information, this doesn't need to
  • How can I alphabetize a JSON list and then use JQuery to display it in a table

    I have an external JSONP connection working but on the success even, I can't quite figure out how to take the data it has returned and alphabetize it and then show it in a table.  Can any one help me with this or point me in the right direction?  I'm still new to JQuery.
  • ReferenceError: table-columntoggle is not defined

    I like Column Toggle. It works fine with a static table, but when a new row is added programmatically, it doesn't get required classes (ui-table-priority-?, etc.) to function. Refreshing the table with $("#myTable").table-columntoggle( "refresh" ); fails with the following error: "Uncaught ReferenceError: columntoggle is not defined". As a matter of fact, I get the same error trying to just get some options: $("#myTable").table-columntoggle("option", "columnBtnText"); I use jquery.mobile-1.3.0.js
  • Bug in IE 10

    Hey all,   Got another issue (this one might be explainable). Client called in and said our JSON autocomplete doesn't work in IE 10. IE's JavaScript debugger gave me this:   SCRIPT3: Member not found jquery-1.7.1.min.js, line 2 character 30636   I've tried 1.9.1 and haven't seen the problem corrected. Is there some work-around available for this issue?   Thanks.
  • Problem with jquery function.

    Hallo everybody. I have a problem with  a jquery spinner function. It works good just the first time when I click to increment or decrement the value of the school year. I mean  the school year changes so changes the previous student school year, where there are some data like previous couse, class and so on. I post the function. If someone would like to help me I'll appreciate very much: <script type="text/javascript"> function provenienza(arg1, arg2) {  var request; request = new XMLHttpRequest();
  • Show / Hide DD

    Hello, I have the following HTML: <dl class="Faq">   <dt>Question 1?</dt>   <dd>Answer 1</dd>   <dt>Question 2?</dt>   <dd>Answer 2</dd> </dl> How can I show / hide a DD when its DT (on top) is clicked? Thank You, Miguel
  • cycle - getting two images to change in onAfter function

    I have 24 items I am cycling through.  As each one is displayed, I have another that I want to change an icon corresponding to that item to a hover icon, and the item before back to a non-hover icon. I have the hover icon coming up as needed, but cannot get the prior item icon to change back. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script type="text/javascript" src="http://malsup.github.com/chili-1.7.pack.js"></script> <script
  • Add more inputs with autotab

    I have a page that I'm working on as seen here http://jsfiddle.net/pLr8h/2/ This works great for what I want to do. I want to do a bulk insert of asset tags. There is other fields but I kept it basic for now. What I would like to do is add example 10 of the fields. But also have the autotab function working based off of this site http://www.mathachew.com/sandbox/jquery-autotab/ I got them working on their own but I can't get them working both at the same time. Right now it will add more of the input
  • "Responsive Jquery" If width add div link else remove div link

    I have this code that turns a div into a link when the screen is sized to a specific width. How do I get it to remove the link when the width is larger? $(window).resize(function(){     if ($(window).width() <= 768) {         $(".discussionListItem .main, .nodeList .nodeInfo, .memberList .memberListItem").click(function(){              window.location=$(this).find("a").attr("href");               return false;         });     } else if ($(window).width() >= 769) {         $(".discussionListItem .main
  • How to dynamically change table data with dynamically created element?

    As sooon as I dblclick on table(3 Rows, 3 cols) data the input text appears on that <td> with dynamically allocated ID to that input. As soon as I update text in that input and focusout or press enter from Input text the contents should be updated inside that <td> with that input text. html: <div id="contentsTable" align="center">     <table class="tblData">         <tr class="tblRow">         <td class="tblCol" id="td1">Item 1</td>         <td class="tblCol" id="td2">Item 2</td>         <td class="tblCol"
  • Latest jquery mobile CDN bug fix?

    Hi everyone,im busy trying to get the latest CDN to work with my theme. Has any markup language changed? Currently im using this script in my header. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
  • popupLogin example - JQM 1.3.0 - popup in popup - cut and paste mistake?

    Below is the start of the code sample for the popupLogin example. Note that the popup is inside of a popup. The outer popup has an id of popupMenu so I am thinking there was a cut and paste mistake when the example was created. The example works because the definition of popupMenu is present. But, I can't see why there would be a need for the popup with an id of popupMenu wrapped around the popup with an id of popupLogin. <a href="#popupLogin" data-rel="popup" data-position-to="window" data-role="button"
  • .net Button Click Event Not Firing

    I'm running JQM 1.2 on my .net 4.0 website. I have a normal .net button that fires a server side event. However the button event does not fire on the server. This button is inside of a user control, not sure if that matters. I tried adding data-ajax="false" on the form tag of the master page. And even adding ajaxenabled = "false". Still no luck. Can someone please help? <asp:Button ID="btn6" runat="server" OnClick="btnSaveCart_Click"  />
  • I'd like to pay for some jquery input....

    Hi all, I'm posting this a 2nd time as I've had no (proper) responses to it first time. I need a jQuery based dynamic database facility to be added to my website.  I have no idea how to do it and too little time to learn.  I have therefore decided to offer someone an opportunity to earn a bit of money and maybe even get a job later.  In the short term, I'll tell you what I need - you come up with a price.  If we agree, away we go.  The 'winner' will be offered any further work that comes along, but
  • Show an element base on drop down box selection

    Hi I am trying up to shortened my code. Any ideas how to maximize the functionality of these work. please see the link  http://jsfiddle.net/AthlonX2/HuQ9A/ I have an idea to lock/unlocked certain fields to shortened up the mark up. thank you, have a nice day
  • Dynamic content multitemplate page

    Hi all, I've a multi-template page with 2 pages. The first contains a listview of element loaded dinamically by a json. When a list item is clicked, I have to show the second page with another listview, with the items related to che clicked item. I'm able to create correctly the view, but when I click the back button and choose another item, the second page also contains the items of the old page. I've tried to use $("#list").empty(); but when i load the second page for the second time, jquerymobile
  • Facing problem in getJSON

    Thanks in Advance.   I am trying to load JSON file from SharePoint site with url   $.fn.AddPeriod = function (param) {         var $this = $(this);         var options = $.extend({}, $.fn.kpiIndicator.AddPeriod, param);        // var url = '/_layouts/UADemo1/Datafile/period.json';  var url  = 'http://ddc4-l-6qpnvs1/sites/UpstreamDemoCollection/SiteAssets/Period.json&callback="';             $.getJSON( url, function (data)        {             // traverse all nodes                            $.each(data,
  • Two buttons in the header bar that open panels

    Hi, I know this probably a silly question. I copy the source code at http://view.jquerymobile.com/master/docs/widgets/panels/panel-fixed.php and pasted it directly to a html page. It doesn't seem to display right :( I need to have header and jQuery script somehow I believe. What do I need please? Thank you!
  • How can I reset all fields in a form including dropdowns?

    Im trying to reset all fields back the blanks and selectindex=0
  • Insert new row after a specific row in $.ajax call

    I need to insert several rows of data into a particular place from the success function of an $.ajax call to a PHP database query. What follows is the result of a suggestion at StackOverflow and some of my own testing. Currently this only inserts the new table into the space of a single cell immediately after the target row. function GetActorsForSelectedMovie(movieID) {    // $.ajax call gets rows from php script    var row = $('#tblMovieList tbody tr').find('td input.chkDeleteMovie[value="' + movieID
  • Issue with google chrome, please help.

    I loop through inputs on my page and two of my inputs are autocomplete combobox. I get the value through looping on Internet explorer but on chrome, I don't get the values of it. Is there any solution for that? this is the loop.                    $("#table tr:gt(0)").each(function () {                        //$(this).find('td').each(function () {                        _myqu = "";                        $(this).find('td input[type="text"]').each(function () {                            if (($(this).attr('id')
  • No date info on form submit. (html/php)

    Hi all. I'm obviously missing something simple here, but I don't seem to be able to retrive the date info from my form. I'm using html for the form and php to process it. This is my html file. <!doctype html> <html lang="en"> <head>     <meta charset="utf-8" />     <title>Reminder - Set up a new event</title>     <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />     <script src="http://code.jquery.com/jquery-1.9.1.js"></script>     <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
  • item search

    Hi, Can someone kindly help? I'm a newbie to this, playing around with the filter item search...            <ul data-role="listview" data-inset="true" data-filter="true">                                the above code allow to search by one item only, but is there a way, this search can be itemised into a few specific search at once e.g. a pizza store, search by name, location and price all at once? Thank you so much.
  • Why Jquery panel is not working in Internet Explorer?

    Hi,          I am trying the new jquery mobile panel http://view.jquerymobile.com/master/docs/widgets/panels/panel-fixed.php in Internet explorer. But its Not working at all. But its working fine in Chrome and Firefox. Any plan to fix this issue?  Thanks, Suresh
  • how to get comeplete asp page html in $.get where the page contails udpate panels too..

    hi, can any one suggets.   I am trying to get the page html in asp.net using Jquery $.get as below. But as my target page contains asp controls along with asp:update panels i am unbable to display my result html to my req div after $.get result.     $.get(url, function(data))
  • Problem with Resizable()

    I am currently facing issue with Resizable(). If i open div with screen size and moving it by using draggable(). I am unable to click the links on the page. I can click on the link only when i re-size the div. 
  • Making the jQuery Cycle Plugin work in Google Maps infowindow

    I am trying (without success...) to make the jQuery Cycle Plugin work in a Google Maps infowindow from a KML layer... has anyone done this or can point me in the direction of a working example? Or perhaps you can suggest a better solution for a slideshow within an infowindow?
  • Images with alternating z-indexes JQuery UI

    I found another question with a similar issue but couldn't make head nor tail of how to apply the solution. My webpage is a simple combination of draggable images that lap over each other. All I want is for an image to appear on top of the others when clicked. Each mage is currently functioning as a span element for dragging - do I need to have all individual images as div elements for a solution to work? do I need to apply an initial z-index to each image? (right now no z-indexes have been applied)
  • Tablesorter – how to not toggle sort order when switching columns

    In tablesorter, when you switch between columns it always toggles the sort-order of that column rather than simply set that column as the default criteria. I expect it to only change/toggle the sort-order of a given column if its selected twice. Is there a way to get tablesorter to behave like this? Can I get it to check if the clicked column is active before toggling its sort-order?
  • Jquery solution to map print template?

    Hi all Fairly new to pogramming & jquery, in at the deep end and learning fast :) I am developing a mapping application (C# ASP.net) and I have a map with several Ajax controls and tools on my default aspx page which all work fine. I am trying to capture the map div from a button trigger (Printbtn) and send it to another HTML page (print.htm) which will be my print template. I am using... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>So far I have... <script
  • jQuery Treeview.js get selected node

    Hi, I am using treeview.js in my MVC web app and I am struggling to understand how in jquery or javascript I can get the selected value in a button click event. Here is part of my mark up of the treeview: <div id="container" class="fLeft">     <div id="demo1" style="" class="demo jstree jstree-0 jstree-focused jstree-default">         <ul>             <li onclick="FolderClicked(this)" id="D:\" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="#"><ins class="jstree-icon">&nbsp;</ins><span>D:\</span></a><ul>
  • [tablesorter] jQuery 1.9 support

    Has this plugin been updated to support the latest jQuery 1.9? I ask because official site still lists metadata() plugin for inline options, which itself is broken as of jQuery 1.9 [it relies of jQuery.browser() afaik, which been removed].
  • Dynamically generate table and then add td based upon some condition?

    I have javascript method where based on condition I add table and tr. Then based on other condition I call another javascript method where I want to add new td each time. I looked at this link http://forum.jquery.com/topic/jquery-insert-td-before-previous-td But here td is added before to any other td and I want to add on some condition after previous td. If there is any jquery way plz let me know.
  • Cycle and Fancybox working together...al;ways show the first slide, no matter the one I click.. ??

    Dear friends : I have created a module with two jquery plugins : cycle and fancybox... the purpose is to show many promotions using the cycle plugin and whenever the user wants one of them, he can click on it and it will display the bigger version of the promo, using the fancybox to open a more-detailed information frame.... Everything works fine, except that if for example, I click on the promo #4 it always opens the fancybox from the #1, and I have to click on the right / left arrows to achieve
  • Help for making Pi Chart

    i want to make a pi chart in jquery
  • Advice needed for jParallax

    Hey all... I'm very, very new to CSS/HTML/JS.  I'm intelligent enough to take someone else's code, modify it a little, and come up with something neat.  However, I quickly get to the point where about everything I do just breaks! Could someone take a look at my site and tell me how to implement the CSS3 multiple backgrounds technique on all of the slides in my design?  I want all slides to behave like the 4th one, the one with the soldier on it.  I'm a Microsoft certified enterprise administrator
  • 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