• Trouble with .find() and if/else

    Hi, I'm trying to use the .find(), to search for a specific DivId inside of another div. <div id="container9"><div id="box9"></div> It sort of works, but I'm having trouble getting the code to run this when I use it in a if/else statement, it loads the entire ifelse statement, instead of just for when the if or else statements are true. Was wondering if anyone could shed some light. Shouldn't it search Container 9 for id"#box9", then execute that code, then break out of the if statement completely?
  • Set full screen browser

    Hi, I wanna set full screen browser when someone visit my website, I know about on click which sets full screen but I couldn't find correct way when my page load. thank you.
  • iPhone 5 Safari - setting sessionStorage blocks execution of the rest of the code

    It seems I encountered an issue with setting sessionStorage by iPhone 5 Safari browser (latest IOS version) - in desktop browsers all works flawless. I have this simple code validating a login form with ajax: <script> $(document).bind('pageinit', function() {                  $("button#submit").on('click', function() {                       if ($("#username").val() === "" || $("#password").val() === "") { $("div#response").html("Please enter both username and password"); } else {                 
  • Populate textarea with contents of span

    Hi, I need to get the text within a span to populate within a textbox. Texarea I would like to populate: <div id="GiftMessageOption" class="top-m btm-m"> <h5>Gift Message</h5>                     <label for="giftMsg"> <small>Please type your desired message (optional)</small>:<br /> </label>                        <textarea class="Field validation productAttributeFluidWidth" id="giftMsg" value=""></textarea>                        <div class="cf"></div>                     </div> Span I want the
  • jQuery validation plugin: 'required' not working

    So I've downloaded the jquery validation plugin (http://jqueryvalidation.org/) but the ability to make a field 'required' doesnt work. Or rather, it only works half. If I make a field required and I click on it and then click away it properly makes the field red as if to show that it needs to be filled in. But if I click submit it doesnt give an error message, which it should. Which is completely weird because for the 'minlength' validation rule it works fine on submit. Here's the html for the field
  • jQuery active link hide

    How can I make a link when active to hide it self? Press a link > Menu Opens > Link pressed hides it self
  • onclick check session value either it is empty or not

    when hit 'Go' button then it will be check that either session is in set or not. if session is empty or unset then a div (loginWin) will be shown. i am very confused please help me. thanks in advance. Html Code: <? session_start(); ?>   <input type="button" value="Go" onclick=" userValidate()" /> <div id="loginWin" style="display:none">       <iframe style=" position:absolute; top:200px; left:300px;" id="framSrc" width="500px" height="400px"></iframe> </div> <script> function login(){ $("#framSrc").css("src","login.php");
  • Bringing Metawidget to JQuery Mobile

    Hi guys, Thanks for all the great work you do on JQuery Mobile! I'd like to announce the new release of Metawidget (3.7) adds support for JQuery Mobile. This allows you to easily create dynamic User Interfaces for JQM applications. It supports the full Metawidget pipeline of pluggable Inspectors, WidgetBuilders, Layouts and more - so you can scale from simple UIs to complex, enterprise apps: Here's a simple (but complete) example. It creates a JavaScript object, renders a UI, and saves it again (the
  • problem in frontire calendar

    Hi, I am Using Jquery frontire calender, i am facing two problems. plz help me on those.. 1) I am doing add/update/delete event operation on the calender, in firefox . If i keep the page inactive for 1 min then the dialogue box is not responding. 2) Data displayed on the particular date box, but if i scroll the page then data is fixed and date is mooving. plz help me on that.. Thanks, Pratap
  • How to accees Elements of Iframe Inside Iframe ?

    Hi , I am trying to access Div element which has class(class="box-layout-inner") inside Iframe  , But unable to get that element . Here is my Html Code :  <iframe src="" scrolling="no" id="ifSubReport" style="overflow: hidden; width: 1062px; height: 1705px;"> <html> </div><head><title></title> <script src="jquery-1.8.0.min.js"></script> </head> <body style="margin: 0px; width: 100%; height: 100%;"> <form name="Form1" method="POST"> <mainbody> <span> <iframe src="" id="iframeMyID" height="650px" width="100%"
  • Navigate Through AJAX Loaded Content Using URL

    I know this has been asked before but i cant seem to get it to work properly despite countless tutorials. I want to be able to use URL's to navigate through AJAX loaded content on the main page. I don't want to use "#", instead the actual page name and use the back and forward browser buttons. Here is the AJAX i use to load my pages.  $(document).ready(function() { //set your initial pages when website loads $("#content-container").load("content/corporate.php"); // set initial home page     $("#sidebar-container
  • cannot update jquery-timepicker data

    I am just using time picker from https://github.com/jonthornton/jquery-timepicker , and using DisableTimeRanges feature to pickup valid time range from some date. My idea is when user selects a date, then update Disable Time Ranges on time field with ajax. The problem is time field can only display first time range data from server, and cannot refresh updated data from server. my code: $('#dateStart').on('change', function () { $.ajax({ url: "/showStartTime", dataType: 'text', contentType: "text/plain;
  • Testing jQuery UI dialog

    I'm trying to create a jQuery UI wrapper for my PHP project. I'm using QUnit for unit-testing JavaScript codes. I want to test if my wrapper functions for jQuery UI dialog are working ok, that is, if the dialog-box is actually opens as intended. What is the standard way to check if a dialog is working normally? I found that the "dialog" method is returning its object when the operation is successful and "undefined" when it fails for some reason.  Is this safe to assume those results as reliable source
  • How can I unactive the them style file

    Dear Sir, When I settup jQueryUI I add to add that line <link rel="stylesheet" type="text/css" href="/cakephp/css/jquery-ui/css/smoothness/jquery-ui.custom.min.css" /> This is fine for the date picker. But I also use tab and I do not want to use that theme for the tabs. Here is my simple tabs call $( ".tabss" ).tabs({         active: 1          }); How can I unactive the theme only for the tab .tabss? Cheers
  • Using code on specific pages

    I'm trying to set up my external js file to use page routes, so certain functions will only execute and be called on page which they are routed to. I have the route working when I need the code to work on only one page for example:  route.add('example.aspx', function () {       // code to execute on example.aspx }); But I would like to have some blocks of code accessible on multiple pages. for example: route.add('page-one.aspx', 'page-two.aspx', function() {       // code to execute on page-one.aspx
  • Using server date inside datepicker

    Hello everyone, I have implement datepicker plug-in who works pretty cool, but I found an issue - when someone has wrong date on his computer datepicker also showing wrong date (what is logical). Now I'm trying to use date from server, but I don't know how to "insert" it into datepicker. My code looks like that: JS: $(function () {     $.datepicker.setDefaults({     dateFormat: 'dd/mm/yy', dayNamesMin: ['Nie', 'Pon', 'Wt', 'Śr', 'Czw', 'Pt', 'Sob'],     dayNames: ['Niedziela','Poniedzialek','Wtorek','Środa','Czwartek','Piątek','Sobota'],
  • dialog from a dialog

    Greetings, i have a validate that uses dialog to give it's warning/message.  I also have a dialog i am using to gather manual input from an select/option drop down. If i validate the length on the dialog when it calls the second dialog it works well but then freezes up my screen after the message appears? is there a way to do this?
  • Scroll Page Horizontally With Mouse Wheel.

    Hi to everybody, I still need your help because I'd like use mouse wheel to scroll my large html table. My  example. http://registroonweb.it/registro/prova.php  If there were a lot of rows I cannot see the scrolling bar. Is it possible to to ise mouse wheel for horizontal scrolling. Thanks in advance. Tegatti
  • More headings in accordian

    Hello I want to use the accordian widget and this is probably a stupid question but there are 4 headers in the online widget, i have tried to add more but they just show up as text, how could i increase the number of headers ? Thanks in advance  
  • Create Array from Variable Values

    Hi all,   I need to create an array from the output of variable values. (ex. an output returns 5 records).   Any clues/examples?   Thanks, Kelly
  • Best way to make a scrolling CSS box

    I need to create the following: 1. A DIV with a background in CSS. 2. Then another DIV over the top of the image with an opacity that when clicked, expands out over the image. But, the second DIV must only show a small "Click to Expand" button before it expands. What jQuery would be used to do this?
  • how can i use two different version of jquery on same page

    it does not work together.
  • Dynamic ovelay with jQuery

    Hi everybody, I need some help because I modified a jQuery plugin I found on the Internet, and it works as it should, but I noticed a problem, that's the plugin correctly opens a window to show a warning for the users that want to register in my website, but this window always appears every time the page is reloaded, that's to say when the user who's trying to fill in the fields of my form, makes a mistake and he sends out the form. The page is reloaded and I show him the mistake he made ( I control
  • jquery.com does not work

    Hi! Why jquery.com does not work? I cant load this site.  All peoples in my LAN cant load too. 46.172.66.94 my IP. I asked my internet provider, They told I must write ticket in support jquery. Thanks! 
  • .each item in .data storage

    Hi all, Is it possible to use an .each statement to iterate through items stored using .data? I iterated through a list and stored the data in a div using .data but would like to retrieve it via an .each Even better, should I write my list output to an array that I could run an .each against. Any help/examples are appreciated! Kelly
  • Accordion Expand accordion based on the text.

    How can i dynamically select the accordion to expand based on another accordion section header or text
  • Aspect Ratio/Screen Size Issues After Transferring Site Between Servers

    I transferred my jQuery mobile website to a client's server and the CSS no longer displays correctly. The buttons, header/footer, and all that display as they should, but the text and everything appears small as if viewing the mobile site on a desktop, when viewing on a mobile phone.  To view the before and after, go toL  junxion.rosasfreelancedesign.com/mobile and http://www.thejunxionbar.com/mobile The latter mobile site does not display correctly, yet the code is the exact same. Any thoughts on
  • jquery mobile photoswipe need refresh

    I am setting up a jquery mobile photoswipe, but for some reason it won't start unless refresh the page. here is the page with button link to photoswipe page: http://xuanyinwen.com/mobile/examples/remax.htmafter click on the photoswip button, I need to refresh the page tot get photoswipe start but if I open the photoswipe page straight away, it work ok. how can I fix it please
  • jQuery on() doesn't work on loaded inputs (datepicker)

    Hi! I have a problem with loaded inputs. The datepicker doesn't show  This is my code: $('.datepicker').on('click', function() {            $(this).datepicker({                 dateFormat: 'yy-mm-dd' }).focus();         }); This code works on the existing input but not on loaded elements. Any suggestion? PS: I'm using codeigniter and twitter bootstrap. Usually this code works but i don't know what's the problem here... Thanks
  • New line or line break in jquery

    please can any one tell me about how to inset new line in jquery as in javascript  ' \n '
  • Check a checkbox

    Hello, I am very new to jQuery. I check and test some examples from a jQuery book. In one example there is a list with a checkbox and a label. If you click on the checkbox the item is removed. My question is: The item is also removed if you click on the text (label) not only on the checkbox. Is it possible to make the click event more "exact"? I want that the user have to click on the checkbox, to remove the item, not also the label. Is this possible, and how? <li id="my-1386340707583"> <label> <input type="checkbox">
  • Override custom "selectmenu" plugin

    I'm using v1.3.2 of jqm. Upgrading to 1.4 is not an option(I know the feature I want is in there now, it's not stable enough yet though, and in my tests is going to require a bunch of changes on my end I don't have time for right now). I'm trying to add in the listview filter ability to select menus.  Here's an example of what I'm hoping to end up with: http://view.jquerymobile.com/master/demos/selectmenu-custom-filter/ As far as I can tell, if you do the following(note the data-native-menu set to
  • jquery addclass

    Hi All, I have tried various posts from here and google for the answer but to no avail. I need to really simply, change the class on a a list item when it is clicked. It is the nav bar which should have an underline green bar when clicked and hold the class until another is clicked. The page is here http://www.katiesimmsconsulting.com/richard/index.php/welcome it is the orange bar with home, about, plan your tour etc. Any ideas how to accomplish this? Thanks Katie
  • Strange borders around a search box and submit button.

    I am using Jquery mobile to create a mobile app. When I create an input box with a submit box I see a strange border-like graphic around it. Please see the attachment <div class='unit' style='margin-top: -26; margin-left: 0px; width:400px;'> <form action="restaurant_search.asp" method="get" style="width:100%; "> <fieldset class="ui-grid-a" style="width:100%; ">         <div class="ui-block-a" style="width:25%; "><input type="search" name="search-mini" id="search2" data-mini="true" /></div>    <div
  • .ajaxSuccess, .ajaxError

    Using .click, when I click the button it calls a wrapper function I have in an external js file which does a $.ajax call.  If the PUT request was successful, I want to display a message in my current document.  My code looks like: $("input[value='update']").click(function(event) { ...... callMyWS("PUT", url, bodyData) // wrappe has call to $.ajax $(document).ajaxSuccess(function() {     alert("http request successful!"); }); $(document).ajaxError(funtion() {     alert("http request unsuccessful!");
  • how to bind the data returned by json to jquery gridview in asp.net?

    How can i bind the data returned by json object d to jquery grid ? I have tried using asp.net gridview but failed. I have seen some links of jquery grid but no source code is available in my aspx this is what i have done: function get(strcode) { $.ajax({ type: "POST", url: "Default.aspx/MyMethod", data: "{'Code':'" + strcode + "'}", contentType: "application/json; charset=utf-8", dataType: "json", success: function (result) { // Here i want to bind the gridview to the values contained in d //also
  • Help on jquery navigation plugin

    Hi all, I need help with jquery navigation plugin ( https://github.com/dansdom/plugins-navigation ) by Daniel Thomson. Its a  wonderful tool and I modified it to an extent where it suits my requirements. But how can I do these two things, A. I have positioned it at the bottom of the screen and I want the submenus to shot up and not drop down when the mouse hovers over it. B. Can each menu calculate its width and take that much space? I did this by creating separate ul ids for each but is this the
  • Help needed for writing to document using jquery

    Hai i am  completely new to jquery since i am a beginner and want to know to how to write to the document of html using jquery as in javascript document.write() any one can help me
  • How to hide week ends in calendar Team work Gantt

    Hi,   I working the Teamwork Gantt how  to hide week ends in popup calendar. regards, kathir
  • Jquery Check box

    Hi friends i m new to jquery. i need to give some limitation for selecting the check box did you have any code for that please help me friends. . .
  • 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