• Strange Happenings with IE

    My web-app uses three buttons (Add/Edit/Delete) to control inputs and updates to my database. To determine which of the three submit buttons was selected I used the following code... var whichButton = event.originalEvent.explicitOriginalTarget.idWorked fine in FF but then I discovered that it did not work in IE or Chrome. So I changed my concept to include an onclick in each of the buttons to change the form 'name' depending on the button. In the js I thus simply load the form 'name' to take the
  • jQuery UI Autocomplete JSON example data returned

    What does the data.geonames in response( $.map( data.entities, function( item ) mean? I am using a web method an an ASPX page to return the data (a List<object> collection) but don't know what I need to do to specify the 'geonames' part, or whatever would be relevant for my application. My c# code is as follow:         [WebMethod]         [ScriptMethod(ResponseFormat = ResponseFormat.Json)]         public List<TheEntity> SearchEntitesJSON(string title)         {             Manager mng = new Manager();
  • editable list view

    Hi everyone :) I´m trying to development a editable list view with jquery. My list, began with an element that have inside some elements that you could see when you click on it. i have a button to create a new element of the principal list. How can i create another element of the principal list with the same type of elements and characteristics of the first element of the principal list? Here is my code:  <title>Lista con Botones</title> <meta name="viewport" content="width=device-width, initial-scale=1"> 
  • How to get Table td value when using Multiple tables in a div??

    Hi Friends, I am Using three tables, first two tables are showing some records.  And third table having some buttons. when click the button in third table i need to get first table td value? Please check My code in razor view... Razor View Code(HTML): <div> foreach (var item in Model.TreatmentPlansList)             {                                            <table class="table1" id= "table1">                 <tr id="@item.ExpertTreatmentPlanId">                     <td>Treatment Plan @TreatmentPlanNo</td>
  • Row hyperlink disabling TabelSorter

    Hi,   I'm using the excellent table sorter, but have found that when I place a hyperlink around an entire tableRow the sorter becomes disabled. Any ideas why, or what I need to configure to make both work? i could just add a hyperlink to just a TD, but hyperlinking the row looks nicer   <a href="pop_MSTDetails.cfm?MSTNo=#ALL_EQPT_NO#&SJNo=#Std_Job_NO#&WG=#Work_Group#" class="noborder" OnMouseOver="javascript:window.status='Click to view full record details'; return true" onclick="NewWindow(this.href,'Process','730','710','yes','center');return
  • Help With Variable and Converting Variable to a String to be Concatenated

    Hello: I am working with this snippet of code and having problems because I don't understand the syntax. Could someone help me with this? I need to separate the hours variable into hours and minutes an then I need to turn that into a concatenated string. function updateDistances(item) { try { var prev = $($(item).prevAll('li:not(.show_placeholder):first')); if (prev != undefined && !$(prev).hasClass('temp_placeholder')) { calcRoute(prev, $(item)); } } catch(e) { log(e); } try { var next = $($(item).nextAll('li:not(.show_placeholder):first'));
  • Listview is locked for some reason

    To whom it may concern, I'm having a weird issue that may or may not be repeatable for other people but I managed to repeat it every time. This issue only happens on an iPad though and does not happen on the browser. Some background: This is a phone application using a mash up with PhoneGap to access the WebSQL library as well as some other stuff but only needing the WebSQL for this issue. I'm using JQM1.3.1 but I don't want to update to the latest 1.4 because there's too many changes between the
  • questions about jquery ui

    I have a website with autocomplete and dialogs and it works fine but not on my tablet the autocomplete and the buttons of dialogs  if you can answer in Spanish is better   thanks.
  • options not set to selected in multiselect dropdownbox.

    Hi, I am using a mvc webapplication for filtering some data. Therefor I have a viewmodel with the filters. I found a nice multiselect dropdownbox from Eric Hynds. Why aren't the options set to selected for the values in the span of the button? this is a part of the rendered html. <select name="multipleSelectDropDown878" class="filterSelectMultiSelect" id="multipleSelectDropDown878" style="display: none;" onchange="javascript: filterChange(false);"><option value="878_"></option> <option value="878_NSENPF5">NSENPF5</option>
  • How to solve using jquery?

    How to disable the <td> and td elements using jquery? I have tried for second td(class="dataCols inlineEditWrite") disabling in jsfiddle.but its not working. My jsfiddle: http://jsfiddle.net/atJHC/1/
  • Is it possible to use other variable in another function?

    Basically I want to use selectedRS found on my first function to the second one 1st Function $("#activityPane").on("change", "#rsOptionSelect", function() { var selectedRS = $("#rsOptionSelect :selected").text() $("legend").text( selectedRS ); if(selectedRS != "Please Select A Reseller"){ $("#rsOptionSelect").hide("slow").fadeOut("slow"); $("#skuSetup").show("slow").fadeIn("slow"); $("#skuSetupBtnDiv").show("slow").fadeIn("slow"); }else{ showSKUSetup() } }); 2nd Function $("#activityPane").on("click",
  • JQgrid with jq popup

    I have implemented jqgrid,and in that i have put button in last column , but i can not open jq popup on that button click, where as on another page i can open jq popup  on single button click which is not in jq grid. please help me out. any link or code will help me.
  • I'm trying to setup an event handler using a div id to identify the specific element that should trigger the event

    This is a newbie question as I'm trying to figure out how jQuery works. I've got an input field that I'm trying do use to trigger a handler event.  The DIV ID is "cid".  Here's the code: $(function() {     $('#cid').on("mouseleave", highlight); }); Both Safari and Firefox give me the error: "TypeError: $(...).on is not a function" on the line that starts "$('#cid".  Everything I've read or viewed online tells me that I should not get that error on that line. I cannot figure out hat I'm doing wrong. 
  • Stop webapp from streaming mp3 file but download it instead

    I am coding a webapp using html5 and jquerymobile, and i created a download link that streams the mp3 file, which i dont want it to do. i used the html5 download tag but it doesnt help, only works in chrome. <a href="Zagro Deejays feat Lala - Inspiration (Main Mix).mp3" download="Zagro Deejays feat Lala - Inspiration (Main Mix)" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-arrow-d">download</a>
  • Drag and Drop

    Hi,   I working on trending application which will render data from Server for partculre item.    My UI looks as below.       Here i want to drag and drop item from first div to 2nd div.  In second Div I am not going to display item name but I have read item name which droped and display corresponding trend. so could you please help me do this ? if there is demo that would be more appreciated.   Thanks,
  • Sorting without database + search

    Okay so I found this script http://jsfiddle.net/tc5dc/ It works like a charm but I would like to edit it so it doesn't need a button,so it should sort on .ready not on .click. (I am talking about alphabet sorting) Second,I would be really grateful if you could at least point me in right direction about the search. So I would like to make a search input witch will react on change and do a live sort based on titiles of my divs. (In the case above class 'style'). I hope you understand what I would like
  • Moving items from one listbox to another using Jquery

    Hello I basically want to move items from one listbox to another using Jquery. I am trying to do this in my MVC application. The code commented below works but it is not what I want. So if I select an item on the source listbox it gets added to the destination listbox. I basically want the movement to happen upon click of the button. That is the    $('#ShiftRight').click(function () that i have written below. Further below you would see the two listboxes and button code. The problem that I am facing
  • Table cell is not showing up

    Any ideas without moving the code around? $(document).ready(function () { var metricsHtml = "<table id='metrics'><tr><td width='150'>Site Name</td><td width='150'>List Name</td><td width='150'>List Type</td><td width='150'>Item Count</td><td width='250'>Created Date</td><td width='250'>Modified Date</td><td>Default List View</td></tr>";         $("#myDiv").append(metricsHtml);         $().SPServices({             operation: "GetListCollection",             async: false,             completefunc:
  • "after-create" event for panel?

    Hello, i want to add a class to a specific element in a panel, after its completly created/loaded. But using event "create" does not work. "beforeopen" does work, but i dont want to fire it every time the panel opens. Is there a solution like "after-create", that fire one time when panel completly has beend created? Thank you
  • Opening the dialog box

    I am trying to make the dialog component of jquery UI to work. Look at this fiddle and tell me what is wrong and the dialog box does not work? It might not be the code itself but the dependencies. I would appreciate I little help with this. Here is the fiddle dialog box fiddle
  • Dialog box not working

    Hi,      I have one popup window with this having 'SAVE' and 'CANCEL' button. when I click save button it goes to the  Generate Pdf Method for  Particular Action(Controller) in MVC.but not showing the dialog box. Without using Jquery dialog box is coming. this is sample code. button click: <input type="submit" id="simpledialog" value="GenratePaySlip" /> in this button click bind webgrid <div id="dialogbox">     @grid.GetHtml(displayHeader: false,          tableStyle: "grid",          headerStyle:
  • create a loop for jquery TABs in different DIVs

    The code below I am going to use for more thank one tabs (to have something like tabs[i]) and I think would be better to have a loop: <script> $(document).ready(function() { $('.nav-tabs1 > li > a').click(function(event){ event.preventDefault();//stop browser to take action for clicked anchor var active_tab_selector = $('.nav-tabs1 > li.active > a').attr('href'); //get displaying tab content jQuery selector var actived_nav = $('.nav-tabs1 > li.active'); //find actived navigation and remove 'active'
  • Comparing scrollTop and scrollHeight?

    I want to compare the scrollTop of my overflow:auto div to scrollHeight so I can append new data when I scroll to the bottom. However, scrollTop, when I scroll to the bottom, outputs a much lesser value than how scrollHeight does... Any ideas? Thanks!  
  • Drag to Create Html Controls using Jquery

    Hi friends i want to create drag to create html controls using jquery. Thanks in Advance.... like (www.wufoo.com)
  • jQuery process bar or clock for long runing server jobs and keep browser from timing out?

    I need a way using jQuery to show process bar or clock for long runing job on server and keep browser from timing out?  Does anyone have a solution using jQuery in a php program. Thanks James James R. Martin J. Martin Associates
  • Can't get snappish plugin to work

    Frontend newbie here trying to get http://code.pb.io/jquery-snappish/ to work. I followed the instructions but the plugin doesn't seem to be working. When I turn it on it definitely responds because it messes with the layout, but I'm definitely missing something important and probably really stupid. Any help greatly appreciated! Test on basic layout: http://johnnywang.nu/_TEST/snappish1/ I even tried copying the code source from his demo directly and it still doesn't work:  http://johnnywang.nu/_TEST/snappish2/
  • Duplicating Jquery plugin

    I'm brand-spanking new to Jquery - so I am very sorry if this is a ridiculously stupid question.  I have been trying so many things out today, and I just can't figure out how to do this.  I purchased a snippet of code from a site to create a box on my website that links to an RSS feed from another site.  The code that came with it is as follows $.fn.rssWidget = function(feedUrl, dateFormat){     var dateFormatF = dateFormat || 'day/month/year hours:minutes';     var googleFeedUrl = 'https://ajax.googleapis.com/ajax/services/feed/load?v=1.0';
  • looking for example templates or gallery for jquery mobile 1.4.2

    Are there any sites that have a good gallery or example templates using jquery mobile 1.4.2? I have only been able to locate examples with older jquery mobile versions. Best regards, Ty
  • need a Professional help?

    i use Nosql database i had a table call aabc i had a field name rows the values on the field is array but the number on the values 0,1,2,3 .... the database program who is give it not on the same data i want make login code by jquery really need a loop i'll have two textbox one for username like txtuser and other for txtpsw and like the last pic , test1 work with password who it belongs to him user:test1, password:1111 as up if he login the <div> will appear.
  • jquery and json

    i use Nosql database i had a table call aabc i had a field name rows the values on the field is array but the number on the values 0,1,2,3 .... the database program who is give it not on the same data i want make login code by jquery really need a loop i'll have two textbox one for username like txtuser and other for txtpsw and like the last pic , test1 work with password who it belongs to him user:test1, password:1111 as up if he login the <div> will appear. i want to get the value of rows one by
  • Displaying information when image is clicked

    I'm trying to create a page where there is a grid of images and if you click on one of those images it will expand. Once the image has expanded and you click on the i icon that is below it, the i icon will display the information about that image. I have managed to make the grid work the way I need it to, but getting the i icon to display the information about that image is starting to drive me insane :-DHere is the Jquery function galleryInit(){ $('#gallery li').hover( function(){$('span',this).slideToggle('fast');},
  • jCarousel problems

    Ok, so I have been using a version of jCarousel that works...eh, ok.  It's from 2006, no idea how I found it or its examples, as I know I did so in the last 9 months, but jCarousel's website no longer has versions back that far...or why I'd have gotten a version that old. Anyway.  Here's what it looks like: The images were loaded in via javascript (rather than HTML or AJAX), eg. I have this at the top itemList = [         {url:"images/img_caseStudies_td-1.png",title:" "},         {url:"images/img_caseStudies_td-2.png",title:"
  • iframe popup

    Hi guys, Trying to implement popup with iframe embedded. This documentation is not that clear for me. I want to dynamically bind popup to table cells, i have a widget that can be embedded. now  if i take this div: <div data-role="popup" id="popupVideo" data-overlay-theme="a" data-theme="d" data-tolerance="15,15" class="ui-content"> <iframe src="http://player.vimeo.com/video/41135183" width="497" height="298" seamless></iframe> </div> (with my own url) I get an iframe inside my page already, its not
  • using Balloon plugin to show and hide balloon tip

    I am using the jquery balloon plugin from here: http://file.urin.take-uma.net/jquery.balloon.js-Demo.html The default method is to show the balloon on hover.  Well, I want to show it on page load and the hide it after so many seconds.  I can get it to show by calling the "showBalloon" function on my jquery ready function.  But I can't figure out how to make it hide after a set number of seconds.  Can anyone figure out how I can do this? Thanks Mike
  • jQuery UI 1.11 rough estimate for release?

    Hi folks, I realize you are probably hesitant to give out dates for when you expect things to be released (and I know you have a small team), but I was wondering if I could get a ballpark idea.  We would like to incorporate jQuery UI 1.11 in an upcoming release of our product and wanted to estimate for which of our releases we could realistically expect to do so.   Do you expect it to be GA sometime in June?  July?  other? Thanks David
  • Unifying DatePicker and Globalize

    Hi, i've created the ticket a couple of months ago, describing the problems with datepicker localization. In short: number of date formats in DatePicker is very small and specific. Guys replied me there would be merging Globalization plugin and DatePicker, so DatePicker will reuse Globalization plugin settings. I wonder when it happen? So far I can see there are no any movements in this direciton... Thanks.
  • Difference between appending to a jquery-wrapped object and appending using an ID selector

    Hi there, I'm using jquery-1.10.1 and relatively new to web frontend development. My question is as follows: is there a difference between wrapping a div element in a jquery object then appending to that object, and directly appending to the div using the selector  $('#div_id').append() ? I have a jquery widget that behaves differently depending on whether I'm passing around a div wrapped in a jquery object, or appending to div via selector. In the first instance I have this: div.append(content);
  • how to write radio button click event in jqueryMobile

     $(document).on("vclick", "input:radio.rblPolls", function (e) {                     e.preventDefault();                     alert('Hello');                 }); function what i written is not triggering.Please help on this Thanks inadvance
  • Any suggestions for a plugin that scales a parent element and it's children, with a max and min size?

    Hello! Does anyone have a suggestion for a plugin that will scale an element and its children... with the ability to set the element's parent to a maximum size and a minimum size? I'm looking to create the same effect that Google uses for its application icons page. Here is a link to a screen capture that I made, that demonstrates what I'd like (I colored Google's containers purple). You'll see that there's a limit to how small the parent elements can get and to how big the parent elements can get.
  • Glitch/odd behavior with Z-Index and JQuery in Safari

    Hi! This is my first post on this forum, so if I do something wrong feel free to let me know :) I originally created this question on stack overflow, foolishly in the mid-afternoon on sunday, so there has been very few views. I'm reposting an (edited version) of it here, to see if I have more luck here. I've created an advertisement panel at the very top of my webpage. This can be expanded or collapsed. When the expand/collapse bar reaches the navigation bar, they merge and become fixed. In safari,
  • 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