• .ajax() fail when you click in a[href]

    I posted it into bugs page, but dmethvin told that I need post here before. So, here I'm. Original post: Well... If you have a a[href^="abc:"] element then you click on it the browser will start a new request, but this pattern will do not execute anything, so you will stand on the same page. Take a look:  http://jsfiddle.net/ZwYYT/ If you start an .ajax() request and .click() in this element, you will have an error, because your Ajax request will be aborted by browser. The problem is that jQuery
  • Select / find all divs with custom attribute

    Hi Guys, Can anybody help, I am about to cry.. I have a page with two div elements who has custom attribute "validated" = "false" How to get them? I was looking for a solution, trying few Google suggestions, no success so far. Thanks in advance!  
  • jFancyTile: A jQuery tile shifting image viewer plugin

    im trying to tile shift the images. i tried running this plugin in Dreamweaver i followed the instructions i have included all the scripts typed the function out but for some reason its not working at all.  if anyone can get this plugin working much appreciated, thanks. here's the site i got the plugin from, http://www.marcofolio.net/webdesign, This is the script in html i have in dreamweaver: <script type="text/javascript" src="file:///C|/Users/Amir/Desktop/js/jquery-1.8.3.min.js"></script> <script
  • Checkbox question

    I have a simple checkbox. I need to know if it's end position is on or off upon submit. The problem is that no matter if the button is clicked once or twice, the ALERT is always "on"... I need to know how to make it "true" if clicked and "false" if unclicked...or ON/OFF...either way. I've tried a couple things but to no avail.  Thanks, Shadraq /*js*/ $("#class04").on("change", function(event){ setChildClassAttended04($(this).val()); alert($(this).val()); }); $("#classElem").on("change", function(event){
  • animate to center

    My goal is to have two squares to emerge from the left and right of the screen and meet in the center. And stay there.The squares need to cover the whole screen. Imagine standing in front of an elevator, and having both doors close in front of you. Thats what Im trying to do. Can someone please help? when i animate the squares to move right/left by _px, if you resize the screen, a gap appears.
  • Call a function when a input value is changes "not working"

    Hi guys I have 2 input fields which contains dates. I have created a function to do some math work when the second input is change. here is what i have so far     <script type="text/javascript">     function calculateTotal(){         var from =     $("#from").val();  //ex. 20-2-2013         var to = $("#to").val();    //ex.25-2-2013                 // end - start returns difference in milliseconds         var diff = new Date(to - from);                 // get days         var days = diff/1000/60/60/24; 
  • Problem with submit button and Ctrl

    Hello everybody, I have a submit button of a form and I've transformed it into a jQuery-UI button. If the user clicks on the button, the form is regularly submitted; instead, if he presses Ctrl while clicking on the button, the page is loaded (into a new tab, as defined in my browser) but no parameters are passed. It looks like a pathological beheaviour, doesn't it? G
  • retreiving data from ajax

    $(document).ready(function(){     var htm=null;     $("#search").keyup(function(){     $("#sugg").html("");     var suggestion=$("#search").val();     if(htm!=null){     htm.abort();     htm=null;     }     var searchurl="http://www.nse-india.com/live_market/dynaContent/live_watch/get_quote/ajaxCompanySearch.jsp?search="+suggestion;     htm=$.ajax({     type:'GET',     url:searchurl,     crossDomain:'true',     sucess:function(data){     alert("Here's lots of data, just a string: " +data);     }
  • Poll: Where did you get the idea to use a multi-page document?

    I am of the opinion that multi-page documents should almost never be used in jQuery Mobile. Yet, multi-page documents, and ways to "fix" multi-page document linkage to other pages seems to be an ongoing issue with a high level of activity on this forum. I'd like to keep any discussion of "why" separate. If you are curious, you can find plenty of discussion on that topic elsewhere in this forum. I am curious, though, as to exactly why so many developers seem to be using multi-page documents. It's
  • Ajax Request Web Root

    Hi, I'm using an ajax request to call a php script. Is it possible for the php script to reside outside of the web root? I don't think it is, my tests confirm but I'd like to know for sure. Than you in advance, Johnny.
  • Can I animate div as per page percentage load

    I found a lot of plugins which give me percentage load, but is it possible to have a 'transition animation page' load as per percentage loaded. (e.g if percentage loaded is 50%, then the div height should be 50%).
  • How to view the html generated by jquery

    Hello, I am working on an MVC3 application in IE 9 and very new to jqueryui. One of the pages uses the jqueryui tab. The content for each tab is loaded dynamically,  excerpt -  tab_content += "<div style='float:left;text-align:left;width:55%;padding:4px;height:90%;overflow-y:scroll;'>" + "<span style='display:inline-block;border:1px solid black;text-align:center;float:left;padding:2px;background-color:Gray;color:white;font-weight:bold;'>Sublists</span>" + "<div style='float:left;width:100%;margin-top:3px;
  • Get Directions in jQuery Mobile

    I put your Get Directions http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-mobile.html#directions_map to your mobile site. In the source code I put in my required geolocation: var mapCenter = new google.maps.LatLng(59.324419,18.101271); Then I tried to insert a marker of Google with this code: https://developers.google.com/maps/documentation/javascript/overlays#MarkerAnimations My general code: <!DOCTYPE html> <html>     <head>         <title>Get Directions</title>         <meta
  • jQuery GET part of URL and php session

    Hi, How to get: 1. Part of URL with jquery for example: ..index.php?program_id=1&option=add i wont to get valuer program_id = ? and option= ? 2. How to get value of php session? Thanks 
  • Jquery Mobile Chart Not Working

    Dear All, I m having a simple JqueryMobile Application with a simple html helper chart. first time it will not show and if i refresh it will come or if i remove @Scripts.Render("~/bundles/jquery", "~/bundles/jquerymobile") also the chart will show correctly ..could any one can help me   // Controller public ActionResult MyChart() {             var bytes = new Chart(width: 400, height: 200)                    .AddSeries(                     chartType: "bar",                     xValue: new[] { "Math",
  • Trouble with using droppable/draggable positioning inside a Carousel

    Hello all, I have been finding some problems with positioning of divs when their "container" is inside a carousel slide. This sort of thing...         $("#dragc11").appendTo("#dropc1")         $("#dragc12").appendTo("#dropc1")             .position({ my:'center center', at:'center center', of:"#dropc1" })         $("#dragc13").appendTo("#dropc1")             .position({ my:'center center', at:'right center', of:"#dropc1" }) ... where "#dragc11" etc are draggables and "#dropc1" is a droppable. Specifically
  • JQuery UI garbage collection

    Folks, I created a ticket last night in jQuery forum but moved it to here as I think it is more related. The subject was "How to measure DOM size?" and it raises questions that would effect app writers (be it for intranet or hand held devices). My initial tests came back with some scary results, but further analysis reversed those thoughts and told me that overall, its a non-issue but I still thought I would share my results. (I discovered that some UI effects clean up better than others).  For reference,
  • Sortable: connected sortables do not scroll

    Hi,I have two connected sortable list(call A and B).When I drag a element of B to bottom of A, the A can't scroll to bottom.And I search this bug case,but still not fixed it.http://bugs.jqueryui.com/ticket/3173#comment:8 you can see the example code here: http://jsfiddle.net/petersendidit/aCd5X/1/ Can anybody have a solution?please reply me ,thanks.
  • Paste from excel

    Hi I am trying to provide an easy import from excel feature to the user. They can copy paste some values from the excel template to the webinterface. However when excel has a multiline cell (I mean a cell with a break (or multiple) in it, not merged cells). Example: Col1            Col2 Test1           Res1 Test2           Res2a                    Res2b Test3           Res3 Test4           Res4a                   Res4b                    Res4c (The multiline can be an unknown amount of lines) I want
  • Have more time in before callback of cycle plugin?

    I'm using cycle malsup plugin. In my callback function onBefore, I have a fadeOut effect but It seems the before function trigger only a moment and the next slide appears before my fadeOut effect completed. How to make the before function trigger in a longer time? Here's my code: $('.slideshow').before("<div id='nav'>").cycle({ fx : 'scrollRight', fxFn : custom, speed : 500, pause : 1, before : onBefore, timeout : 6000, after : onAfter, slideExpr : 'div.layer', sync : false }); function onBefore
  • Pass variable from one html to another to change video source on page 2 from image selected on page 1

    I have 2 html pages. On the first page, there are several images, when the user clicks on an image, the second html page opens and shows a video. Page 1: <a href="video.html"><img src="img/scene1.jpg" alt="" title="" /></a> Page 2: <embed src="vid/scene1.avi"autostart="true" height="600" width="900"  /> My images are named scene1, scene2, scene3... what I need to do is change the code on page 2 to show the video that goes with the image, so the video name "scene1" needs to be dynamically changed
  • How can i do this?

    I want to display a image on center and middle of the main page. When i display image the main page will disable, and when i close it, the main page return normal. Can any one give me the property or method to do this. Thanks so much.
  • Baic login form Jquery mobile

    Hi there. Must say what an excellent tool jquery mobile is! This is my first time using jquery and all i have ever done before is HTML and css pages. Basically for a prototype im developing i need to make sure only registered users can view any of the pages. Problem is i have no idea what im doing at all. What is the easiest method? Do i need to create a DB with some usernames and passwords? I do not want people to register. It does not need to be secure its just a prototype. what is the best method
  • How to caluclate the dates differanct?

    Hi I am trying to calculate the date differance here it what i have done note how is the date format that i am using 20-2-2013 diff variable is displaying "Invalid Date "         var from =     $('#from').val();  //ex. 20-2-2013         var to = $('#to').val();    //ex.25-2-2013                         // end - start returns difference in milliseconds         var diff = new Date(to - from);         console.log(diff);         // get days         var days = diff/1000/60/60/24;  //ex.5
  • jQuery doesn't execute on div loaded with ajax !

    I looked everywhere and everything I found did not help me! I have an HTML page that contains div is loaded via AJAX ..... when the content of the page is loaded directly javascript function as it should, but when the div that found in the content of another page loaded by AJAX, jquery not working on this div, while jquery scripts are already stored in the "head". Please, is there someone who can give me a script AJAX can function will with jQuery! and make pages load without recharging! Thank you
  • another .post issue

    Hello, I have run into another issue with the $.post call.  It does not seem to be returning any information.  In the below code you will see that I am passing two variables through post to a separate php file.   $("#myform").submit(function(event){ event.preventDefault(); var user = document.myform.userid.value; var pass = document.myform.password.value; $.post("vallog.php",{ username: user, password: pass},  function(data){ console.log(data.test); if(data.validate == "passed"){ passed(); } else{
  • How to measure DOM size?

    Hi all, I regularly keep an eye on the size of my DOM using $(*).length however it is not as accurate as I would like it to be. Is there another method I can use? I want to, in effect, count every character that exists within my HTML document (dynamically created from the client or served from the server). Why? When I use jquery ui it dynamically adds/removes to the document weight. When writing an application that requires few page reloads, I am afraid of legacy data stacking up. It is true that
  • Lightbox problem. It works great when I test in Dreamweaver preview mode but it doesn't work in the online.

    I am not so sure what could possibly went wrong. Everything is perfect in dreamweaver preview mode but not the online. If something wrong my code it shouldn't work in dreamweaver too. I am so frustrated.
  • hiding id value in autocomplete

    The forum is complaining my post is too long so I will link to my question on stackoverflow http://stackoverflow.com/questions/14298030/hiding-id-value-in-jquery-autocomplete
  • Progress Bar not work in repeat region

    Hi I have a repeat region that call a list of data from mysql database. on each line I want to display a progress bar. The issue I'm having is the the progress bar only shows for the first line?? See image below I very new to jquery so any help would be great Cheers Chris       <?php do { ?>         <div id="report">           <table width="100%" border="0" cellspacing="5" cellpadding="0">             <tr>               <td align="left" width="60"><?php echo $row_rsProgress['worksorder']; ?></td>
  • starting up multiple jquery plugins.

    Hello, this is my first post. i am a newbie at the world of jquery and i have this problem on a web page. i want to start up two jquery plugins just on header wrapped with a script tag. the plugins i am using is countdown and anythingslider. the header script i use is, but for some reason it doesnt work on countdown another question is the order of the inclusion of scripts affects the script itself??? example: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script><script
  • ListView.click low performance

    Stack: jQuery Mobile 1.2 with JQuery 1.8.2 I Read a lot of post about ListView performance and I applied proposed solution but I still having problems.  The problem: I draw a simple ListView and I subscribe the click event but when I test it in my Xperia U (Android Phone) the event is triggered 2 second more late. It very low performance. The Code <div data-role="content"> <ul data-role="listview" id="serviciosLV" name="serviciosLV" data-inset="true" data-filter="true"> <li> <a href='#'>Item 1</a>
  • how to use bubbles with jquery mobile?

    hi everybody, i'm beginner with jquery mobile and i need to implement an application of reclamation so i need to use bubbles, i would like to khnow if it's possible with the library jquery mobile or i need to integrate other component. best regards.
  • twitter boots trap

    is there jquery mobile plug in  developed using twitter boots trap
  • Jflow slide every few seconds

    Hi Is their a way to set a property in Jflow to move the slide every few seconds or should I wrap it ar ound the set interval?? or any examples I have had a look about and haven't seen anything. thanks jasemilly
  • Getting the color of a datapoint when in the jqplotMouseMove event

    I have an event handler declared as: .on('jqplotMouseMove', function (e, gridpos, datapos, neighbor, plot) If neighbor is true I need to find the color of the datapoint they clicked on. Is there some method I can call that will give me that?
  • Fixed toolbar page on Android 4.0.3

    Please tell me how to resolve those 2 problems. Those problems has happend on Android 4.0.3 native browser. And fixed toolbar page cause those problems. In short, if page container includes [<div data-role="header" data-position="fixed"></div>], those 2 problems happen.   1. navigation to fixed toolbar page       navigation to fixed toolbar page cause twice white flash (onece white flash is expected).       current page → white flash → current page → white flash → fixed toolbar page   2. pinch out
  • Some button icons do not show up

    I'm using jQuery mobile locally (not from CDN) and everything worked fine until now. I want to change the icons of some buttons as described here, but some icons (e.g. bars and edit) do not work. Edit: Tried the CDN files, which doesn't work either. If I use for example this code: <div data-role="content">       <a href="index.html" data-role="button" data-icon="edit">My button</a> </div> The button gets rendered with a plus icon. The strange thing is that some icons (like plus, arrow-u, arrow-d,
  • Getting Offsetheight null or not an object while using Jquery tabs.

    Hi Guys, I'm dealing with issue since yesterday and could not get ride of it.. Iam using jquey tabs. inone of them i' am calling <a href="content.cfm">Test</a> but this one is returning the following message : Message: 'offsetHeight' is null or not an object Line: 5 Char: 2386 Code: 0 URI: ../Tabs_example.cfm. I tried to get the value of that offsetheight and got '0' as value. in the cfm file i tried to remove all tables temporarly but still have the same issue.. So, if i change the value of the
  • autocomplete problem

    Hi everybody! I'm trying to use autocomplete via php&mysql with multiple input. I used multiple:true parameter but nothing has happened... Can you tell me what to do? Here's an example of my code: var feature = $('#new_feature').clone(true); $('#new_feature').remove().removeAttr('id'); $('#add_new_feature').click(function() { $(feature).clone(true).appendTo('ul.new_features').fadeIn('slow').find("input[name*=new_feature_name]").focus(); return false; }); $('input[name*="options"]').each(function(index)
  • 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