• JQuery ajax delete request

    I have a rest service which does a DELETE. I am able to successfully invoke this rest service through curl. The command which I used was; curl --request DELETE http://localhost:7080/airavata-rest-services/registry/api/descriptors/hostdescriptor/delete?hostName=tempI have a Jquery client which tries to do the above but I don't see the hostName param in the request. Am I missing anything in the way in which I create the request?         var hostName = $("#hostName1").val();         var deleteUrl =
  • extending jQuery.expr.filter.CLASS

    Hi! We use the HTML class attribute to give the JS access to parameters. For example a class="cssclass jsclass(a=b;b=c) cssclass2" can be read by a script using something like $("element").filter(".jsclass").getParameters(). To achieve this we extended jQuery.expr.filter.CLASS to match classname( too. That worked fine in 1.4.x and with a slight modification it works in 1.8.x too. But when I override the default behavior of jQuery.expr.filter.CLASS, I loose the classCache because it is a local variable.
  • How To Select Specific Data (TD) from Rows

    I need to select all of the languages from the following table using jQuery. The output should be Java, Ruby, Smalltalk, C++. What statement would I used. Thanks       <table id="languages" border="0" cellspacing="1"> <thead> <tr> <th>Language</th> <th>Type</th> <th>Invented</th> </tr> </thead> <tbody> <tr> <td>Java</td> <td>Static</td> <td>1995</td> </tr> <tr> <td>Ruby</td> <td>Dynamic</td> <td>1993</td> </tr>
  • loadPage not working

    what i'm trying to do is just load a content from another file to a div, just like $.ajax using normal jquery. in my main page: <div data-role="page"> <button id="load" style="border: solid blue;">Click here to load</button> <div data-role="content" id="target"> <!-- ajax load here --> </div> </div> this is the html from another file: <div id="secondPage" style="border:solid red;"> <p>test</p> </div> and finally, the js: $("body").on("click", "#load", function () { $.mobile.loadPage("mobile/favorites",
  • Loading alternate page header including menus based on screen size

    Help!  I am new to jquery.  The first part of my page is my header and a menu. I have one menu that I want loaded when the code is loaded via cellphone and a different one when on any other media. This script loads my header but then the script just keeps running until the browser times out. None of the rest of my code loads.   <head>           <script src="jquery/jquery-1.8.3.min.js"></script> </head>   <body>     <div id="layout">        <script >           if (screen.size < 321) {                  $('#layout').load('includes/navbar-cellphone.html');
  • How to pass content of <a> tag on form submit.

    Hi Guys, I have many <a> tag like buttons with content date inside the form, when I do post how I will get the data who stored on the <a> tag? Example: <form id="formOs" action="jsOS.php" method="post" rel="external"> <a style="height:60px; line-height: 40px;" href="#" id="diaSelecionado" data-role="button" data-inline="false"> 19/11/2012  </a> </form>
  • play audio on hover div not working

    hello. i cant get the sound to play when i click on the div. any ideas? <div id="videoHolder">                                         <audio preload="auto">                         <source src="assets/audio/beep.mp3" type="audio/mpeg" ></source>                         <source src="assets/audio/beep.ogg" type="audio/ogg" ></source>                     </audio> </div> $(function(){        $('#videoHolder').click(function() {             $("#audio")[0].play();        }); }); thanks ricky
  • How to add count down time in specific pages using jquery?

    I want to add count down time in some pages using jquery, which function will work?
  • Looking for search function

    Hello everyone, I am looking for a jquery search function, updating a result list every time the user sets or changes a filter (checkbox, radio, text). A good example of the complete search function is: http://www.carwale.com/new/search.aspx#fuel=2&bs=3&fuel=1 As I am quite new to jquery use (however, I got some general programming experience) I would be greatful for any hints, clues or even a walkthrough / tutorial / guide, to build such a search function. One hint I yet found is "auto postback",
  • Dialog Form with target frame

    Hi Guys , i'am lilt bit stuck here .. i want to open a dialog form on button click ..the issue is it is not opening in the right frame and it is located in the top frame menu frame. How van i do that? i want to open that dialog in a frame called "frame_content"  below is my code : thanks $( "#create-user" )             .button()             .click(function()  {                 $( "#dialog1-form" ).dialog( "open" );             });
  • Problems with mobile phone orientation!

    Hi guys, I need some help with developing my portfolio website. I'm working with media queries to make my website responsive to different devices and have come unstuck with a jquery plugin that I have used. For the navigation, i've used magicline but when the website is viewed on a mobile device, the positioning of the line goes all over the place. EXAMPLE: If you go to http://www.baztesting.co.nf/wordpress/contact on a mobile device, and view the website in landscape orientation (refresh the page
  • jquery .each progress bar

    Hello, I'm processing data on site using .each, everything works fine, but I'd like to make something like progress bar, because there is quite much data and it takes maybe 2 or 3 seconds, so I'd like to show user some progress bar. I have idea, how I would like to do that, but there is one problem. I have a div which is hidden by default and shows only when this processing is in progress, so i have something like $('#divid').show(); $('.processdata').each(function() {       // processing }); $('#divid').hide();
  • Simple Javascript problem

    I am new to javascript and have a problem. I am trying to get a hash and pass the tag to a url but I am getting undefined as a result. I am sure it is a simple markup issue but can't for the life of me figure it out. Thanks in advance   $("#nest-tabs li a").click(function() {   //alert("On the top nav:..."+(this).hash+" was clicked!");   var hashStr = location.hash.replace("#","");   $.post('form.php?toptab='+(this).hashStr+'', function(html) { $('#result').html(html); }); });
  • jquery cookbook example.

    Hi, I study jquery using jquery cookbook by o'reilly. I tried to use this example in book: alert('Page contains ' + jQuery(document.getElementsByTagName('a')).length + ' <a> Elements, And has a ' + jQuery(document.body).attr('bgcolor') + ' background'); but jQuery(document.body).attr('bgcolor') returns allways undefined. Can somebody explain to me why? thanks.
  • jQuery validation: display the focused field error message

    Objective: I'd like to display the focused field error message in a container. What I've done so far: <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> label {display:inline-block; width:60px;} </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){
  • How to check if an input-array element is filled?

    Hi everyone, I've been puzzled for a while now on the following: I have an inputform with several inputs, all carrying the name 'participant_surname[]'.  I would like to check if one of those elements is filled or not and take appropriate action. However, only the first element works wonders, but any other changed inputfield is not detected. How should I solve this?  Any help is much appreciated! This is currently the Jquery script:     $("input[name^='participant_surname[]']").keyup(function() {
  • Ajax POST Cookie Not Set

    I am trying to perform a POST operation to a page within the same domain that I set my Cookie in. My GET operations populate the Cookie just fine. When I POST the Cookie is not set. I have even tried to set the Cookie header on Before Send but I get a warning saying it is protect or not safe or something. I still think the POST request should send the Cookie data:                        $.ajax({   type: 'POST',  url: "include/page/admin/post.new.php",  data: { var1: "abc", var2: "abc" },  success:
  • Load another page with DOM changing

    I'm trying to load from initial.html different html page with: $("#hidden_demo_div").load("modules/another.html", function (data) { var value = $(data).filter("#demo_div"); var html = value.html(); // THERE IS NO <strong>Hello</strong> here!!! } (The "#hidden_demo_div" is at the initial.html (HTML where JS code with .load is linked). This element is declared at the BODY) here a snippet from another.html <html> ......................... <head> <script type="text/javascript"> $(document).ready(function()
  • converting windows .exe to app. run program.

    hi all im new here and dont want to wast everybodys time. i have a program that i use to tune my bike . the program is a windows run program , i cannot find it in app. form anyplace is this the place to do it?????? thanks harle.
  • $.plot is not working in ASP.NET on JSON return(maybe it is string)

    Hello Everyone,      For god sake I have been working for this since last 3 days. I am using ASP.NET webforms for flot charts I connected to database in test.aspx.cs file using [Webmethod] where I can return json. I stored the return value both in textarea  and $.plot(placeholder, [and also here], options) It does not print the graph in placeholder however when I do: var data = past the value of textarea here and run applicationn it prints to me the value can anyone help me please: ---------------------------------------------------------
  • jquery scroll down with change letter spacing

    i want to animate text with scroll down. i apply this code.this is working. but scrolled<400 not stop.code is running.how to fixed this issue, Thank You ..... $(function(){ $(window).scroll(function() {         var scrolled=-($(window).scrollTop())/50;                  $('#scrolled').text('scrolled: '+scrolled+'px');        if(scrolled<400){ $('#cName').css({'letter-spacing':12+scrolled+'px'}); }       else{$('#cName').css({'color':'red'});}    });      });
  • data role="page" div height

    Hello, i have application done with jquery mobile and i want to change page height from default. So far i have tried this (page divs id is mobilepage):  <script type=\"text/javascript\"> $(document).ready(function(){                                                  $('#mobilepage').height(100);                         //or this                         $('#mobilepage').css('height','350');                         alert($('#mobilepage').height());//displays 728                         })</script>";
  • Jquery Letter spacing

    i want to animate text with scroll down. i apply this code.this is working.  if scrolled = -16  my text color id Red , but again scroll top -5 , still color is red, Please help me.  Thank you. $(function(){  $(window).scroll(function() {         var scrolled=-($(window).scrollTop())/50;                  $('#scrolled').text('scrolled: '+scrolled+'px');         if(scrolled>-10){ $('#cName').css({'letter-spacing':12+scrolled+'px'}); }        else{$('#cName').css({'color':'red'});}    });      });
  • .submit(), some problem with safari, others works very well.

    the requirement like this, "download one file without refresh the page" so, I dynamic created an iframe object contains a form with ’get' method and appended to 'body' through jQuery,  after that, I test ie, firefox, chrome etc, all works very well, but for Safari, only the first time it takes effect, the second time when you click trigger button, nothing happened, even an error message. attached is the testing code. anyone can help me figure it out? thanks in advance. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">
  • button icons for jquery mobile would not be showing

    Hei Does anyone know why the button icons for jquery mobile would not be showing in swatches panel? Any help much appreciated.   dw cs6 v12 b5842 osx 10.8.2
  • Help - Creating a image configuration plugin?

    Hi There, I'm wanting to create a fairly simple Configurator script that will make use of a static image, with lots of PNG's that overlap the image. When certain options are checked, the image needs to update with the relevant image. For example, there will be a base image, lets call that base-image.jpg. On base-image.jpg, I will overlay a couple of different options. As an example: Circles:       - Red Circle        - Blue Circle       - Green Circle Squares:       - Black Square       - Blue Square
  • Long list presentation

    I did read all the posts titled long-list... and my question remains open: I have about 700 items in a list (displayed as checkboxes) from which the user can select multiple items. These selected check-boxes are automatically serialized in an ajax call to the server from a JQM single page. Instead of showing this long list, what are my other options from a design perspective or from a tactical angle? This is important for the mobile and of course the desktop version too.
  • Google Map not showing marker

    does anybody have an idea why my marker won't appear on the map??? The json file is a valid one...the information are stored correctly on every variable but it simply won't appear on map //var map; var latRO = 46; var lngRO = 25; var markerArray=[]; //var info_window = new google.maps.InfoWindow({ content: '' }); var RomaniaCoord = new google.maps.LatLng(latRO, lngRO); var mapOpts = {     zoom: 6,     center: RomaniaCoord,     mapTypeId: google.maps.MapTypeId.HYBRID } var map = new google.maps.Map(document.getElementById('map'),
  • Jump to anchor

    How could I jump to an anchor???
  • Out event in droppable is not firing..................

    hi  all................ i have a problem the out event is not firing properly any help would be appriciated.thanks    $(function () {        $("#draggable").draggable({revert:"invalid"});        $("#droppable").droppable({ tolerance: 'touch',                        hoverClass: "ui-state-active",            drop: function (event, ui) { alert("Dropped!");     $(ui.draggable).draggable( 'option', 'disabled', false );                          $(this).droppable("disable");                $(this).addClass("ui-state-highlight")
  • credit card input

    Hello, I am trying to implement the credit card input type ..when I am start typing the digits I need to include dash every after 4 digits like this XXXX-XXXX-XXXX-XXXX and if it is amex card it should be like this XXXX-XXXXXX-XXXXX... can anyone help me with this? Thanks
  • append method only inserted the element once

    Hello everyone:  I am doing an exercise to insert an html element after the selected elements. 1. I noticed that using append() method will let me insert the html element right after the matching elements 2. using insertAfter method will insert the html element directly below the mathching elements However when I used the id element in the append method, it only insert the html element once, instead of inserting it for all the matching elements. Please review my code and advise me why it happened
  • Drag and Drop in tablets

    Hi!   I am working on an existing drag and drop animation which uses the mouse to move. The animation is being done in Adobe Edge. The animation works fine in the browser (using the mouse for the drag and drop). I want to make the animation to work on tablets, therefore, I will need to use the events: touchstart, touchmove and touchend.   I managed to make to symbols drag around on the stage. However, all the symbols gets dragged together as a bunch. Also, the reset button does not seem to work in
  • scroll up/down will fire swipeleft/right event?

    Hi every,   I met a problem, in my app I bind swipe event on my page and the page is a scrollable one, when I swipeleft/right it works find, but sometimes when I try to scrollup/down my page the swipe events fired as well(I'm sure I just scroll down/top and I only tested it in iPhone iOS5), I don't know why, any ideas?
  • Audio player that supports song descriptions

    Does anyone know of an audio player that supports song descriptions, and possibly multiple playlists for multiple instances of it? I've searched all over the web, from jplayer, jwplayer, to sound manager and audio.js, none of them supports the basic feature song descriptions. All I need is when I click a song in a playlist, some information about the song shows up, either fades in directly on the player itself or on an adjacent div or anything. I've tried adding this feature to a couple of the audio
  • Search Bar for separate UL

    Hello, So let me explain the setup i'm shooting for, that way you understand the method to my madness. I have a page that allows the user to select different list items (options for Recent stores, Local stores, and All stores). When the user clicks on one of those list items, the page dynamically adds content to a different ul that is revealed on the page. And in that dynamically added ul, via the data-filter="true" the user can search that particular ul (whatever the user clicked, either recent,
  • JQM 1.2 Popup Positioning Problem on iPad in Home Screen ShortCut Mode

    Popups introduced in jqm1.2 have positioning problems on iPad in Home Screen mode. Opening the same page in normal Safari has popups working fine. Looks like positioning calculations need to take into account for a different environment in this mode. Any ideas for workarounds? Note: You have to add the page concerned to your Home Screen and launch from the shortcut to see the issue
  • jquery autocomplete-next and previous page record

    hello guys, I already success in using jquery autocomplete and its search based from what I entered, but the search only work in one page only For example I search only PASS but I have 12345 record, when I click next or previous to see another PASS record only, the data changed / listed all data include FAIL and NA.....
  • Theme roller code

    This question comes up from time to time and the response is always "please wait". It would be nice if the theme roller was open.  Many want to replace a lot of the work that theme roller does with SASS and compass but theme roller itself is very opaque.  It would be nice if the source code could be released so it could be understood directly rather than reverse engineered. I don't understand the response of "it is changing so we don't want to release it".  So?  Everything is always changing.  jQuery
  • What is wrong this jquey plugin?

    I have a young jquery developer working on my wordpress sim only deals comparison plugin. The plugin is that is powered by jquery. I am unhappy about the fact that the plugin takes about a whole minute to load my sim only deals in IE8 while it loads all my deals in about 6 seconds in FF and chrome. In fact I would ideally like to make the whole thing much faster across all browsers but probably not possible.   I suspect that this IE8 issue is to do with how IE8 deals with my developers JS code. My
  • 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