• ThemeRoller

    Hello! Why has suddenly ceased to work http: // jqueryui.com/themeroller/developertool/? I integrated it into the project, and now I do not know how to solve this problem. Help, please. Thanks.
  • How to pass ID as a parameter for a function

    Hi guys! I've been struggling with a piece of code. I'm guessing the solution is quite simple, but I just can't find it!!! Here's the piece of code:     $('.i_gal').click(         function(){             $('#gal1').removeClass('gal_hide').addClass('gal_show');             document.getElementById('fade').style.display='block'; /*            var exact_img= this.attr('id');*/             galleries[0].showImage(5);                         }     ); This code should load an image gallery, and the number
  • Every nth element?

    I can use the nth, or eq()  object to target a specific element, but what if i want to target say, every 12th element? If there a jquery object to accomplich this, or will I have to use old fashioned javascript? If so, can someone enlighten me on this logic - I can't seem to work it out. thanks
  • problem with phone number JQM Alpha 3

    With the below code there is a ">" appearing along the LI and also the 2nd number 866-111-1111 (Spanish) is getting cut off. Please advice if there is a way to disable the right arrow ">", show the 2nd number and still be able to click the phone number. thanks in advance for your help ! <ul data-role="listview" data-inset="true" data-theme="d" data-dividertheme="d" data-counttheme="e">       <li  data-role="list-header" data-theme="e">Contact Info</li>       <li>            <div data-role="collapsible"
  • Labeling single links/Slide In Slide Out Command

    Hi i am currently coding my new website and i am fairly new to code but want to use code over Photoshop slicing etc as its the way forward coding that is.  So I am trying to make a box slide in and slide out when a certain link has been clicked, Ive made it work with all 'a' tags but i want to be able to make it work with only one link for one box and another link for another box. (Trying to make a basic drop down box with text in).  Similar to http://www.justinmaller.com/showcase.html (If you click
  • creating input form items dynamically not showing

    I'm making a call to the back-end which returns one or more values.  I'd like to use the return values as input/ checkbox items.  Here's how I've implemented this thus far: $.mobile.changePage("#establishRelationship", "slide", false, true); checkboxMarkup += "<input type='checkbox' name='${name}' id='${id}' class='inputs' />"; checkboxMarkup += "<label for='${id}'>${name}</label><br />"; $("#establishRelationshipControlGroup").empty(); $.each(km.core.currentRelationships, function(cnt) { arr.push({
  • Add cookie functioanality to jquery.showhide.js plugin - should be simple...

    Hi everyone, check this out.  I am using the following plugin by Dana Woodman:   http://jquery-showhide.googlecode.com/svn-history/r7/trunk/demo.html   Implementation is relitavely simple:   1) Add scripts - done   <script type="text/javascript" src="js/jquery.cookie.js"></script> <script type="text/javascript" src="js/jquery-1.4.3.min.js"></script> <script type="text/javascript" src="js/jquery-showhide/jquery.showhide.js"></script>   2) Add script for show/hide areas - done   <script type="text/javascript">
  • AJAX function works only once

    I do apologize if this turns into a double post. I though I posted the first time, but I can't find my post to edit and I forgot some code: The first time I call my function it works like a charm.  When I try to call it again, it refuses to work.  I know the info is being passed to the function, I checked, but it doesn't initiate the AJAX portion again. do you have to clear the function somehow? Here's my code for the function: //the AJAX search function function searchAndPull(objTNfield, objFNfield,
  • .detach memory leak.

    I don't know if this is being fixed or is fixed in the most recent versions, but in 1.4.2, when I detached an element in DOM and then reinserted into another place, jQuery left something in memory...leaked.  I found that I had to call the .detach and then on the next line also .remove the same element to avoid the leak.  This became a big problem as I was scripting an animation for the screen with lots of detaching and appending.  Saw the memory go from 80k to almost 1 gig.  Not good. Is there even
  • How can you generate a jquery click when mouse is over something?

    Hi, I am currently trying to make a layout editor.  I am still trying to figure out who to do the whole thing. So far know that jquery can create new elements and delete them by matching the ID.  I know that jquery can find id's from elements. I used this .attr('id');  to get ids. Here comes the problem it works great when buttons and the elements are not inside a div. yet when you click on a div you not just get the id of the div but also the elements inside the div. I want to select the div by itself.
  • how do you attach to ui-datepicker events

    I am working with the experimental ui-datepicker,  but when i call the datepicker() function of the input control, it screws up the rendering of the picker. $("#myPicker").datepicker({       onSelect: function(dateText, inst) { ... } }; I can't seem to bind to the events any other way. Thanks.
  • Can i retrieve an css attribute from a rule, in a LINK tag stylesheet ?

    I don´t know if i am in the right way. I wish to extract some features of the "theme" link tag and them apply in other elements. For example, extract backgroundColor from rule .ui-widget-state-active, work in that color and them apply it in a color of other element. In fact, i wish generate a style tag, completing theme stylesheet, but using some collors directly from the choosed theme. Is it possible without tricks ?
  • My Panels are staying open...HELP!

    Hi All, I am a super newbie to jQuery.  I was asked to change the way some div panels are behaving.  Right now, when clicked, they just stay open.  I would like to add an "x" in there to close it.  Is there an easy way to implement this with the current code. Here is the function for the div panels.. $('#button_friend').click(function(){ // If another panel is open and we need to close it first before opening this one. switch (strPanelOpen) { case '': // no panel open, open Friend panel strPanelOpen
  • How to save jquery generated modifications to HTML file?

    Hello I`m using some functions to manipulate contents of local HTML files When modifications are done i would like to make them permanent by clicking SAVE / SAVE AS / EXPORT button How to save dynamically generated HTML elements into the opened file, as well as export them to another one?
  • Widget Factory _setOption

    When working with jQuery UIs Widget factory is it considered standard to provide _setOption functionality for every option available at instantiation? The reason I ask it because I'm finding myself adding a shed load of bloat to my widget just to allow option changes that, in all honesty, I can't see being used after instantiation? Any advice? Rich
  • Rebinding click events after AJAX still doesnt work.

    Hi I have an Ajax post that gets 100 records. That runs a callback function called Update(data.d) that loops through and populates a Div container with these records each in their own Div with numbered IDs. (It also removes old Divs so that there are never more than 100 in the container. During this loop I register the click event for each <a> called 'Like':   $("#" + items.id + " .vLike").click(function () {       if (this.innerHTML == "Processing') return;       SendLike(items.id);       this.innerHTML
  • Problem with Qaptcha

    Hi all,   I downloaded Qaptcha from here:   http://www.myjqueryplugins.com/QapTcha   unpacked it and uploaded to my php server version 4.4.9 and tried to test them out.  Everything looks fine but when I slide it over to enable to the submit buttom.  The submit button still disable.   Can someone please help? Thanks
  • Convert MooTools to jQuery

    I'd like to know how you would modify this to use it in jQuery, Thanks,  window.addEvent('domready', function() {          var work = $('work');          if (work) {                  var originalHeight = work.getSize().y;                  var openHeight = work.getElement('.content').getSize().y;                  work.getElements('.toggle').addEvent('click', function(e) {                          var tweenToHeight = null;                          if (work.hasClass('open')) {                       
  • Mutliple calls to Google Maps in Jquery mobile

    I have a single internal page that links to single internal page that allows the user to lookup an address using google maps.The address to lookup is passed as a URL parameter to the second internal page It works fine on the first hyperlink , on the second link it just shows a grey screen, no crash , just no map. Do I have to explictly destroy the google maps div canvas on subsequent links to this same page or must the googlemaps page be external?
  • scrollTop: offset().top not working in Firefox 4 or IE 8

    Hello! I have this bit of jQuery: $(document).ready(function() { $('article').click(function(e) { e.stopPropagation(); var offset = $(this).offset().top - 70; $('body').animate({scrollTop: offset}, 'slow'); });It works in Chrome, but not Firefox or IE. Here is a live example: http://websitesthatmarket.com/dblog/site/ Thanks
  • Can't make jparse to work properly.

    Hi there! I can't make the content of the xml-file to show. Callback & precallback functions work so it seems like the xml-file is loaded correctly. But the content doesn't show. I'm just not sure what I'm doing wrong here... I've removed som tags in the html-code. I hope that someone has some experience working with this plugin and can help me out. Below is the xml-file-content & the js-code below that. Best, Niklas XML-file <?xml version='1.0' encoding='utf-8'?> <text> <test><![CDATA[<p>testing</p>]]></test>
  • nested lists & map ui

    i am a complete newcomer to jquery mobile as i was iui before but was having issues with the gmap api this has got be something really simple but i'm going round in circles trying to work it out basically i'm trying to combine a nested list with the google map plugin (http://code.google.com/p/jquery-ui-map/) this seems to me it should work straightforwardly - the top 2 map links work perfectly and as they should but i get a page loading error in links in the nested section (submaps)         <div
  • Building slider controls to target specific slides

    I have a slider set up that navigates fine using 'next' and 'prev' buttons. There are 14 slides and I have 5 buttons at top that I need to point to specific slides in the layout. Content is static and there will always be 14 slides, and the links will always link to the same slide. So I can manually set IDs for those slides and I can also manually designate each link to go to whatever slide... but I'm not sure how to move forward. My existing slider code is very basic: $("#slider").cycle({  fx:  
  • jQuery validation plug-in 1.7+ using jQuery v1.5 and jQuery Mobile v1.0a3

    Hello,        I wonder if anyone has succeeded on making to work the following configuration:  jQuery validation plug-in 1.7+ using  jQuery  v1.5 and jQuery Mobile v1.0a3. I just make to work so far. Thank you in advance jD
  • Strange IE issue with jQuery mouseleave event

    I am having the strangest issue with a drop down menu in jQuery. If you run the result below in IE you should be able to reproduce the issue. When you click or focus on the text box a drop down menu with some options will appear. If you hover over the radio labels the drop down stays in tact but when you mouse to the right of the labels the menu will disappear. This does not seem to be the case in Chrome or FF. What is even more odd is that if you change <div class="options" to <span class="options"
  • Popup like WEB2.0

    Hello, i create with JQuery an overlay popup: $("body") .append('<div id="cl-entry-layer" style="position: absolute; top: 0; left: 0; z-index: 10;"></div><div id="cl-entry-wrap" style="position: absolute; width: 100%; top: 0; left: 0; z-index: 20;"><div id="cl-entry" style="position: relative; z-index: 91;padding: 20px; margin: 0 auto; margin-top: 20px; width: 600px; background-color: #fff; border: 1px black solid;"></div></div>');Now i try an click event to close the overlay: $("#cl-entry-layer,
  • Jquery autocomplete

    iam developing a simple jquery-Html 5 application with mysql database.How i can connect the autocomplete extender to the function which retreiving details from database(ex: city collection).
  • How to change style attribut?

    Hi everybody, Im trying to change a style attribut by jquery but can't get it work. I have a list of images like that: <div id="bgstrecher" class="bgstrecher">       <ul>             <li class="landscapes bgs-current" style="display:list-item"><img src="path img 1" /></li>             <li class="landscapes" style="display:none"><img src="path img 2" /></li>             <li class="landscapes" style="display:none"><img src="path img 3" /></li>              <li class="landscapes" style="display:none"><img
  • problem which I can not solve

    $("#aPlus").click(function(){ stevilo1 = $("#txtCena").val(); stevilo2 = $("#txtKolicina").val(); stevilo2++; $("#txtKolicina").val(stevilo2); $.ajax({ type: "POST", url: "mnozenje.php", data: "stevilo1="+stevilo1+"&stevilo2="+stevilo2, success: function(vred){       $("#spanSkupaj").hide().text(vred).fadeIn("slow");       $("#hideSkupaj").val(vred);         }         });         skupaj = $("#hideSkupaj").val(); $.ajax({ type: "POST", url: "ddv.php", data: "stevilo="+skupaj,            success: function(ddv){
  • Can we check if a CSS file is loaded or not.

    I am developing a web application in which user can change the theme of the page. So for this i am changing href attribute of the link tag on selection of the perticular theme. Problem is that when i change the theme whole page gets messed up till the new css file  is fully loaded. So how can I check if the CSS file is completely loaded or not?
  • Fast IE DOM replacing

    Hi! What is the fastest way to replace a (big) TBODY in Internet Explorer? So far I'm doing       $("#"+TABLE_ID+" tbody").replaceWith(newBody); where newBody is plain text. IE's profiler reports quite a bit of time for replaceWith. I wonder if there is something faster. Thanks, Alexander
  • Multiple Ajax Calls.

    Hi All, I have this function that works well:   $.dimScreen(1, 0.4, function () { $('#dimmer').fadeIn();      $.ajax({       type: "POST",       url: "Default.aspx/Process",       data: '{Irs: \'' + encodeURI(textArray) + '\',other: \'' + encodeURI      (textArrayOther) + '\'}',       contentType: 'application/json; charset=utf-8',        dataType: 'json',        success: function (response) {         if (response != null && response.d != null) { alert(response.d); }         $.dimScreenStop();        
  • Event-Pageshow not working

    Hi, I am new jmob i am using event handling function but my page is not showing any alerts.  <script type="text/javascript">    $( '[data-role=page]' ).live('pageshow', function(event){       alert("page show event); });         </script> <div data-role="page" > </div> please help Thanks & Regards, Nithya
  • Triggering incremental function

    Hello I`m a beginner so excuse me if my question is too obvious. i have a set of functions with identical name + incremental number <a href='javascript: fun1()'>1</a> <a href='javascript: fun2()'>2</a> <a href='javascript: fun3()'>3</a> <a href='javascript: fun4()'>4</a> <a href='javascript: fun5()'>5</a> ..... <a href='javascript: fun50()'>5</a> ......etc I want to add NEXT/PREV  navigation buttons to trigger subsequent functions  . And when last function is called , the next click should trigger
  • Jquery easy confirm dialog.js IE6 issues

    Hi, I am using jquery.easy-confirm-dialog.js plugin for confirm dialog.In IE6 it doesn't opens up the confim dialog when I click on the button. IE6 it shows the error at line number 144 in jquery.easy-confirm-dialog.js var handler = function(event) {         alert(event);             $(dialog).dialog('open');             event.stopImmediatePropagation();             event.preventDefault();             return false;         } I dont know what is the reason and how to resolve it.In FF it works fine,
  • jQuery UI tab IE6 issues

    Hello, I am using jQuery UI tabs and I couldn't traverse between the tabs. When I click on the tabs the page get reloads everytime and I couldnt view the corresponding tab section.How to prevent the page reloading in IE6? I dont get any specific error.All your answers are welcome!! Thanks, THiru
  • How to fix slowdown problems when parsing large xml files with ajax?

    Hi, I'm trying to load info from an xml file into a table. The xml structure is roughly as follows (the actual file is a bit more complex but simplified here for illustrative purposes): <xml>       <record>             <id></id>             <title></title>             <year></year>             <author></author>             <journal></journal>             <abstract></abstract>       </record> </xml> It contains about 300 <record> entries, with each tag containing text content (the <abstract> tags
  • jQuery UI tabs IE6 issues!!

    Hello, I am using JQuery UI tabs for user to input some form values .When I click on the tab section the page get reloads and I coudn't see the corresponding tab section. How do I prevent the page relaoding when I click on the tabs. My example code is as below. HTML Code <div id="tabs">     <ul>         <li><a href="#tabs-1">Tab1</a></li>         <li><a href="#tabs-2">Tab2</a></li>         <li><a href="#tabs-3">Tab3</a></li>     </ul>     <div id="tabs-1">         <p>I am in tab 1</p>     </div>
  • Using JQuery unable to access code behind functions

    Hi, I am new to Jquery Please help me.I am trying to access the function in server side on click of my button but its not working. I am using http://jqueryui.com/demos/dialog/ I have to implement a search functionality inside a modal. This is my Div <div id="dialog_test" class="divSearchDialog" style="display: none" >         <table width="100%" id="tblSearch" class="tblDragSearch">             <tr>                 <td>                     <cm:CMWLabel ID="CMWLabel1" runat="server" Text="Advanced
  • Inconsistency in JQuery Cookie

    Hi, I am have two cookies as follows $.cookie("cookie1") and $.cookie("cookie2"). When I set cookie1 with some value, the same value is being set to cookie 2 automatically. I am not getting why it is happening so. I am setting cookie 1 as follow $.cookie("cookie1" , "TestValue" , { path:'/' } ); Could anyone help me regarding this.
  • 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