• 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,
  • Problem with getting visual to work

    Ok at first, I am new to this so bear with me. I have this page that displays data in a simple list. Nothing strange really. On each row there is an edit button to which when you click on it triggers a javascript that turns all the fields that are to be able to be edited on that row to edit mode: $(x).children(':lt(8)').each(function (i, e) {             if (i == 2) {           // The selection of authentication                 var html = $('<select>' + authlevelList.map(function (e) { return '<option
  • JQuery download plugin, save file without renaming filename

    Hi: I have a web page with list of file names. Any file can be saved multiple times by user. Base on the browser, an extension typically gets added to filename, like abc_1.pdf, abc_2.pdf, or abc[1].pdf, abc[2].pdf. Is there any way to automatically overwrite the older file. thanks Shahab
  • I'm having problems with data-overlay-theme

    When I open the popup overlay does not work fully. What is happening? My phone is a Galaxy III.
  • Problem with tool tip

    Hi Geniuses!  I have problems with "tool tip". Project: http://codepen.io/anon/pen/KzDjB Function:  $(function() {     $( document ).tooltip({       position: {         my: "center bottom-20",         at: "center top",         using: function( position, feedback ) {           $( this ).css( position );           $( "<div>" )             .addClass( "arrow" )             .addClass( feedback.vertical )             .addClass( feedback.horizontal )             .appendTo( this );         }       }    
  • How to get value from drop down select box

    I am trying to get the value of a selected option in a drop down box with jquery. The problem is, I have one after another selection boxes. When the user selects the first one, it shows the second, when selected the second the user chooses the third. When the third appears, lets say that the user changed his mind about the first one. How can I make it reappear the second one, dissapearing the third and getting the first one new value (getting values in php)? Please help with a very simple example!
  • ajax php server side code

    I read jQuery document regarding ajax. It says that I need pass a server side php file to ajax. If this is the case then I need one php file for one ajax function. Is it possible to pass a php file and function to ajax then I have have a couple functions in the same php file. like the following example, $.ajax( "example.php?Method=Myfunction"&MyParam) or I have to use $.ajax("example.php") Your information and help is great appreciated, regards, iccsi,
  • swapping login with logout

    this code will display a login popup when you click on sign in menu: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <style> #mask {  display: none;  background:
  • How can I show my jquery alert from within a child view?

    Hi, I have a javascript inside a partial view that sits in a parent view.  There is a submit button on the partial view that when clicked I would like to fire an alert.   <script type="text/javascript">  $(function () {         var selectedName = $("#selectaname");         $("#sendMail").click(function () {             if (selectedName.val() == "someValue") {                 alert("You need to select the correct name");                                  return false;               }         });  
  • Help Jquery Mobile, Phonegap build and PHP MyAdmin

    Hi guys, I am quite new to programming and mobile development and I came across an issue which I can’t resolve. Right now I am creating an image gallery app where people can share their comments on the images.  So how can I integrate a PHP MyAdmin database into my JQuery Mobile app and still able to use Phonegap build to create my app? Many thanks.
  • how to load an external page (or force non-ajax reload)?

    I try to let users click on the title bar (the middle portion) and force a reload of the page. so on the title bar <h1 onclick="$.mobile.pageContainer.pagecontainer("change", "index.php",{allowSamePageTransition:true,                                                                                                                         changeHash:true,                                                                                                                          data:null,                                                                                                               
  • how to make a split icon dark (theme-b) while the split is light (theme a)?

    Hi: For a listview, I can add a second link to make a split button. In version 1.3.2, if i do <ul data-role="listview" data-theme="d" data-inset="false" data-split-icon="gear" data-split-theme="a"></ul> here theme "a" is dark, theme "d" is light, the icon is black on a white button. but in version 1.4.2, it does not work, either both the split button and the icon are black, or both are light color. I have tried various ways, such as make the icon and button both dark with data-split-theme="b" and
  • Bind image button click

    I have an image button and i am trying to bind  click event to a function. I have tried binding it using its id:   $("#imgBtn").click(function () {   alert('Img btn clicked'); });   and     $("#imgBtn").live('click',function () {    alert('Img btn clicked'); });  and        $(document).ready(function () {    $("#imgBtn").click(function () {  alert('Img btn clicked'); });  But am not able to achieve this.
  • Jtable DateTime picker in mvc 4 .net

    Hi, I am using Jtable in MVC4  .net , Could you please help me how to plugin Datetime picker in jtable while insert and edit row .   Thanks, Murali.
  • 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