• Select Option Relation .

    http://jsfiddle.net/kdpfdeau/10/ when the option Default Timings (by default) is selected, the from and to options should be disabled, i disabled but when changing it for second time it is disabling, when loaded it isn't disabling the from and to options. I hope you understood. 
  • show warning or alert to my website user that please update their browser if hey are using old browser

    how can i show warning or alert to my website user that please update their browser if hey are using old browser
  • Jquery form validation

    I have a form, whereby a dropdown has "Please choose state" which has a value of 0 I have wired up jquery form validation and when I press submit all fields are highlighted red which require a value. The problem I'm experiencing is how can I perform validation on that state dropdown when it already has a value of 0. This is my HTML <select  id="UserDetails_SelectedState"  class="form-control" name="UserDetails.SelectedState" " > <option  value="0"  selected="selected" > Please Select State</option>
  • onclick is not working with collapsible div

    We have onclick event bound to collapsible div. <div data-role="collapsible" data-collapsed="true" data-theme="c" data-content-theme="c" onclick="addTemplate('used_<%=HtmlWriter.preformat(tmpItemIdStr+_tmpSerialNr)%>', dbf_template, '<%=templateType%>', '<%=HtmlWriter.preformat(itemDtl)%>', '<%=itemControls%>');"> with jqueryMobile version 1.1.0 which is working fine but now when i am trying to use latest version of jquery mobile i.e. 1.4.5 This addTemplate method on click event is not getting called.
  • light box and equalize size is not working simultaneously

    Dear All refer http://webvikas.net.in/spacerite/gallery.php Lightbox popup working fine but , following JQUERY code at the bottom of the php code does not work In short code to equalize height doesnot work with light box pls help script type="text/javascript"> $(document).ready(function() {  alert("XX"); // i had kept this alert to check whether this part of jquery is executed $.fn.delay = function(time, callback){     // Empty function:     jQuery.fx.step.delay = function(){};     // Return meaningless
  • getting scroll effect code from website.

    hey guys check out this website and try scrolling the box , scroll effect  i don't know what that effect is called but the pictures changes after you scroll a bit .  i checked the resources and i saw functions.js and general.js , can somebody tell me what js files will i have to refer to get that scrolling effect ? ofcource i will need Jquery , but what other js file will i have to refer from there to get the scrollling effect ?  thank you .  gautam. 
  • Tabs Widget not working when HREF refers to an HTML file

    Hello, I have a minimal sample of code with just 2 tabs. When I set the HREF of one of the tabs to be an HTML file, no content is loaded in that tab. The other tab is just fine. Any ideas? Thanks David <!DOCTYPE html> <html> <head lang="en">     <meta charset="UTF-8">     <link href="css/jquery-ui.css" rel="stylesheet">     <script type="text/javascript" src="scripts/jquery-1.11.2.js"></script>     <script type="text/javascript" src="scripts/jquery-ui.js"></script>     <script type="text/javascript">
  • Capture response and post

    Hi folks, I could really use your expertise to achieve the following... Connect to a web page The response from this page will load some JS that should do 3 things... Grabs the response body Locates the action for a particular button, which is a URL with query string Submits it as a POST back to the same page, with query and body dataThe challenge here is that we cannot access server side code, so it needs to be entirely client side Thanks 
  • div display

    I did a search div that appears and disappears at the click of a button .   Thanks to this input jquery search automatically filters the contents of a div .   The problem arises when you press the enter key . The page reloads and the button to bring up the div search no longer works . When I switch from one page to another the script is not always loaded . But if I update the page , the script continues to work well. How can i solve?? Thanks paste the code : <!DOCTYPE html> <html>   <head>     <meta
  • Help With Basic Banner

    Hi folks, I am trying to make a clickable banner using the following code: HTML <div class="fadein">       <a href="/link1"><img src="/images1.jpg" /></a>       <a href="/link2"><img src="/images2.jpg" /></a>       <a href="/link3"><img src="/images3.jpg" /></a> </div> jQuery <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"> $(function() { $('.fadein img:gt(0)').hide(); setInterval(function () {     $('.fadein :first-child').fadeOut(0)
  • Plug in Recomendation for store data into a table

    Hi friends, i need display data extracted from a database server(Mysql), how to? actually i create a HTML Table, but need more powerfully: 1) Display records with page option, sample: 100 records in 10 pages (10 by 10). 2) have footer operations, summarize columns. 3) Sort clicking in any column. 4) have columns operations sample: col5=col6*col7/1.18. 5) have columns type image, checkbox, number, link. if possible, if possible, ADD/DELETE/UPDATE rows and change the operation into Database. Much thanks,
  • Dynamic Creation of controls

    Hi, I have one master form where i create QuestionName Parent Question and Sub Question for Question Name. Example :- QuestName:- XYZ                   Parent Question:- Did You Came to Office                   Sub Question for Above :- At What time you reach Office                   Sub Question for Above :- How you came to office For each Parent Question and Sub Question i will select control type like drop down, list box, text box etc.and values for control. Like for Parent question  Parent Question:-
  • cleaning up and upgrading code by using loop for data to be .$post

    hi all ,  I have a shopping cart with items , quantities and sizes and i am using jquery to post these values to a php page, as i did it i can only handle 4 items in my shopping cart at once, i can add more, by adding to the code the way i am doing it, but i am looking for a better way to do this, that will not have me hard encode it everytime i want to upgrade the number of items allowed (something like a loop with variables )  here is what i have : <script language="javascript"> function add_to_cart()
  • Change div to another div

    personal hello. I'm still new to jquery. what I'm trying to do is the following. I have a div and inside it I have several other divs, when I click on one of these internal divs they should raise getting higher than the other adding a class the same (it was done here already), however with these divs raised by clicking empty div another one (example: div id = "container") this div that was once raised must exit the previous div and stay within the div container. thank you very much if you can give
  • find class into li on mouseover

    Hi put imagecontainer class into every li and its property into css is display none I want when user hover into li then imagecontainer into li will be display blocked and when rollout from li it agan display none I use this code I tried this for mouseover but it's not working, you can find attached file $('.main ul li').mouseover(function(){ nowdiv=this.find(".magecontainer"); $(nowdiv).css("display":"block"); })
  • Using the Autocomplete widgets in the right and optimized way

    Hi, I have read some books and tutorials about using jQuery UI, including Autocomplete widgets... So , I decided to make some simple application where I have JSON file named auto.json in which is data for the Autocomplete widget. This is my code: var arr = []; $("#automobil").focus(function() {     $.getJSON("auto.json", function(data) {         $.each(data, function(key, value) {             if ($.inArray(value.name, arr) === -1) {                 arr.push(value.name)             }         })    
  • Can we use window.open instead of window.showmodaldialog?

    Can we use window.open instead of window.showmodaldialog?
  • Creating ListItems using REST

    Hi i am new to Sharepoint.My task is to create listitems using REST.And i used this code $(document).ready(function () { createListItemWithDetails('TestList', 'http://sp20139:85', 'TestListRest', function (data) { console.log('New task ' + data.d + ' has been created'); }, function (data) { console.log(JSON.stringify(data.d)); }); }); function createListItemWithDetails(listName, siteUrl, title, success, failure) { var itemType = GetItemTypeForListName(listName); var item = { "__metadata": { "type":
  • Is there any way to open Jquery dialog without having element id

     i have window.showmodaldialog(somepage.aspx,someparam),i want to replace this with jquery dialog.how to do this? is it necessary to have div or some HTML element to open jquery dialog $("#someId").dialog();
  • Replace jQuery code with its implementation

    Hello! I am not sure if this belongs to "Using jQuery" forum, because I basically want to use the jQuery's implementation (pure JavaScript core) instead of jQuery. So, I have this plugin (the full code is available here ). In this plugin, I am using some jQuery code, because I don't know how I can get the same result with pure JavaScript, o your help will be appreciated. $(this._elem).click(function(e) {   e.stopPropagation();   $("[data-class=\"popup\"]").not(self._menu).hide();   $(self._menu).toggle();
  • Modifiing style from javascript in jQuery...

    Hello, I am new to jQuery and JavaScript, somewhat. I am using the noUISlider and need to change some of the styles via JavaScript. The CSS is declared as: .noUi-horizontal .noUi-handle {     width: 34px;     height: 28px;     left: -17px;     top: -6px; I am need to change the width and height and I have not been able to figure it out. How would I access and change it via jQuery? I have other code like:  $('#slider1').noUiSlider_pips({              mode: 'count',              values: 3,             
  • Jquery UI autocomplete accessing !

    Im using following code for autocomplete from remote database  $( "#name" ).autocomplete({     source: function( request, respond ) { $.post( "/Web_Service/AutoSuggestion.php", function( data ) {                 respond( ["you wanted: " + data] );         },'json');     }, minLength: 3 });I'm getting data from server as     {DSName: "sampel"} DSName :  "sampel" How to display the received data as autocomplete to the input field..! when im entering 3 characters "sam" in input field the autocomplete
  • Reset jQuery mousewheel event

    Hi everyone, I hope someone can help. I have the following script in my page and need to activate/deactivate with an if/elsewhich checks window width. This is the jquery in my body: <script> $(function() {$("body").mousewheel(function(event, delta) { this.scrollLeft -= (delta * 30); event.preventDefault(); }); }); </script> while this is is the js file: (function($) { var types = ['DOMMouseScroll', 'mousewheel']; if ($.event.fixHooks) { for ( var i=types.length; i; ) { $.event.fixHooks[ types[--i]
  • IOS audio get/set current time

    I need to create a button ( that will specifically work on iOS devices as well as other browsers) to play different audio files at specified times of the audio files.  I'm completely lost. but here is want I want to achieve: A song is playing. The user clicks on a button and a different version of the song starts playing ( a completely different audio file that contains a different arrangement of the same music with different musicians playing). However the newly selected song must start playing
  • JQuery Drag and Drop files

    Hi, currently i am working on drag and drop file upload functionality , as per my requirement Users can drag and drop files multiple times (before uploading)  but currently when i drag and drop file 2nd time previously dragged item is removed from the div. How can i append the new file to the previously dragged file and how can i hold the both information in variable. how can i modify the current function. obj.on('drop', function (e) {             $(this).css('border', '2px dotted #0B85A1');    
  • Banner With Tabs Issue

    Hi folks, I have the following code which almost works fine but when I click on a tab it scrolls back to the top of the page. http://boardnet.co.uk/testing/banner2/ Any assistance is much appreciated!
  • Call apache axis web service using jQuery

    Hi         I am trying to call my web service from jquery code. The following parameters I have . Can anyone tell me exactly , How can I call my webservices. This is an apache axis, soap based webservice. I will give my WSDL file also. URL :  http://localhost:8080/TestServ/services/TestCls soapaction : var soapaction = "http://codon.com/login";  soapRequest ='<?xml version="1.0" encoding="utf-8"?>'+'<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:cod="'+'http://codon.com">'+
  • Dynamic global variable across multiple JS files?

    I need to use dynamic global variable declared in one .js file can be used in another .js file? for example 3 js files 1. one.js 2. two.js 3. global.js I declared dynamic global variable in global.js as var token = "token from server"    can this token be used in one.js and two.js files ???
  • Simple Clickable Tab Slider

    Hi folks, I am looking for a simple jQuery banner with clickable tabs like the image attached... So as you click the tabs along the top it would change the content in the box below. Any assistance is much appreciated!
  • What would cause the difference in filter load speed between Chrome and Firefox?

    I have a  news aggregator page  built using jQuery that has multiple filters based on WordPress categories. The company filter has a large number of companies. When the + button is clicked in Chrome to expand the list and view the list of companies, it takes 6-8 seconds for the entire list to become visible. In Firefox, the list is visible almost instantaneously. Could someone help me investigate what might be causing the difference in load times across browsers?
  • Full calendar event.id undifined

    I using Full calendar v1.6.4 plugin, and i have problem when new event is posted ant when you try to edit/remove it does not save in the database, if i refresh page after event post and try again it works fine, in first part i debugged and event.id is undefined, but i dont know why and how it can be fixed. My all code, main problem is in the eventResize function.     $(document).ready(function() {     /* initialize the external events          -----------------------------------------------------------------*/
  • How to store checkbox clicked values throughout the pagination please help me

    How to store checkbox clicked values throughout the pagination please help me
  • help me

    how to create this forum mobile discussion ?
  • $.ajax POST with special characters in URL

    Hi, Good morning, good day and good evening. We have a current program where I pass the username/password in the URL property of the $.ajax. However, if a user's password has #, * or % (and some other characters) on it i'm getting an error and the request won't reach the server. So basically I'm passing something like this on the url: http://mysite/get/{username}/{password} Is there a way jquery ajax call can accept these characters? I already used the encodeURIComponent function but this doesn't
  • validation label error

    Hello experts, <input type="text" name="tel1" id="tel1" class="number" maxlength="3"/> <input type="text" name="tel2"  id="tel2" class="number" maxlength="3"/> <input type="text" name="tel3" id="tel3" class="number" maxlength="4"/> The above telephone numbers inputs are autotab at the same time. When try to make validation them (required:true), errors give inline near inputs. But I want to do it with one label-error only near 3rd input!
  • How can I remember the RGB values of the color slider?

    I'm using jQuery's color slider for a project. Basically I'm setting the initial RGB values outside the function. When the function is first loaded, the code below works as it should. I play with the color slides, and everything works great. But then, when I need to reload the color function within my project, how can I make it remember the RGB values where I left off? Right now, the color slider always goes back to 50, 50, 50 (RGB) when the function is reloaded. Thanks in advance. Here's my code
  • Autocomplete not getting closed on clicking on frames

    HI, I have my page with many frames and I wanna my autocompleter to close when i click anywhere in the page regardless of frame containing the autocompleter. Please suggest how to bind a close event for all the frames.
  • How to show messages sent while php is looping

    I have a php loop that is sending emails and I would like to have a message within a <div> that shows the number of messages sent. <div id=msgBox>   echo $sent; </div> Is that something easy for a relatively new Jquery user? Todd
  • Jquery UI Sortable, move two tables together

    I want to change order of some tables between them (tables, not rows). My code is more complex than I'll show you here, but as an example I will try to give you a short example. <table class="table-A">     <td><div>Move button</div></td> </table> <table class="table-A-next">     ..... </table> <table class="table-B">     <td><div>Move button</div></td> </table> <table class="table-B-next">     ..... </table> I want to move table-A and table-A-next (in the same time - together), with the button from
  • jquery dialog can't pass a variable to php

    Well I have a function "openDialog" and I want pass a parameter PHP $Id_var in a table... but doesn't work        function openDialog($Id_var)    {         $('<div/>').dialog({             modal: true,        show: {         effect: "explode",         duration: 500       },       hide: {         effect: "explode",         duration: 500       },                                                    open: function ()             {                           if ($(this).is(':empty')) {                 $(this).load('Ver_Estructura.php?id_ver=$Id_var');
  • 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