Search Results

Search found 26043 results on 1042 pages for 'jquery ui plugins'.

Page 249/1042 | < Previous Page | 245 246 247 248 249 250 251 252 253 254 255 256  | Next Page >

  • handing data returned from jquery get request

    - by ian
    I have a simple jquery script as follows: $('a').click(function() { //get the id of the song we want to play var song_id = $(this).attr("id"); //do a get request to get the information about the song $.get("http://www.site.com/v4/ajax/get_song_info.php", { id: song_id, }, function(data) { alert("Data Loaded: " + data); }); //alert( song_id ); }); I have gotten it to work and it returns several bits of data 'artist' 'title' 'song duration' and so on. How do I process my 'data' so I can then update my page with each bit. In this case I want to set a series of '' to hold each of the values returned. Thanks.

    Read the article

  • Answered: Selecting even table rows from a table element

    - by mvrak
    The issue I am having is: How do I go from a variable pointing at an element to using CSS selectors? I want to make this work: function highlight(table) {$(table " > :even").toggleClass('highlight');} where table is a reference to a table element. I don't want answers that tell me to use $('#table') because that defeats the point of the generality I am trying to make. Thanks

    Read the article

  • Problem with jQuery animation

    - by Daemon
    I have a problem with an animation in jQuery using ajax. On the click of an button (actually an tag), I call a ajax method, and have the following written inside the success parameter: success: function(msg) { $('.ContentsMainRight').children().fadeOut(500, function() { $('.ContentsMainRight').html(msg.d); $('.ContentsMainRight').children().fadeIn(1000); }); }, This have the following result. The contents of a div fade out over 500ms as it's supposed to. Then the html contents of the div are swapped, but then the last part did not work as I hoped. The html returned by the ajax method include some text inside a tag, and a image inside a tag. The result is that the text is automatically displayed instantly with no fadein, but the img that is put fades in over 1 second. Why is the text and image treated differently? -Daemon

    Read the article

  • How to perform .select() on jQuery masked text input

    - by dllhell
    I'm using http://digitalbush.com/projects/masked-input-plugin/ plugin. There is an input text with defined mask: <input type="text" id="txtMyInput" class="FocusSense"/> and a script: $(document).ready(function () { jQuery(function ($) { $("#txtMyInput").mask("?9.99"); }); $(".FocusSense").focus(function () { this.select(); }); }) As you can see, I would like select all in txtMyInput on focus but but alas! On focus, mask appears and loose .select(). What should I do to preserve mask and .select()?

    Read the article

  • jQuery - add onclick to TR

    - by Guus
    I use Richfaces and one of the rich:dataTable generates this html: <form id="scheduleForm"> <table id="scheduleForm:rowList"> <tr> <td></td> </tr> </table> </form> I want to act on a click on a TR for this table. How can I do this? The following also works for other tables on the page and I get the alert() for the other rows as well, and I don't want that. jQuery('#scheduleForm:rowList tr').click(function(event) { alert(1); });

    Read the article

  • jquery integrate form parameter in one object

    - by jesse
    There are many forms in my page. I want to merge them in one object and submit them in one object. But I find serializeArray() or serialize() do not match my request, the serializeArray function will generate a array object and serialize is used by get model, it is not an object. is there a jquery or local function can merge them in one object. I have one solution but it is not perfect, loop the array object generated by serializeArray, use $.extend to merge them in one object. is there a better method? kindly help, thanks.

    Read the article

  • How to find the submit button in a specific form in jQuery

    - by leifg
    I try to get jQuery object of a submit button in a specific form (there are several forms on the same page). I managed to get the form element itself. It looks something like this: var curForm = curElement.parents("form"); The current Element has the context HTMLInputElement. The several techniques I tried to get the according submit element of the form: var curSubmit = curForm.find("input[type='submit']"); var curSubmit = $(curForm).find("input[type='submit']"); var curSubmit = curForm.find(":submit"); var curSubmit = $(curForm).find(":submit"); var curSubmit = $(curSubmit, "input[type='submit']"); the result is always the same (and very strange). The result that I get is the same element as "curElement". So how can I get the right submit button?

    Read the article

  • How do you send an array as part of an (jquery) ajax request

    - by Ankur
    I tried to send an array as part of an ajax request like this: var query = []; // in between I add some values to 'query' $.ajax({ url: "MyServlet", data: query, dataType: "json", success: function(noOfResults) { alert(noOfResults); } }); } I wanted to see what I get back in the servlet, so I used this line: System.out.println(request.getParameterMap().toString()); Which returned {} suggesting an empty map. Firebug tells me I am getting a 400 bad request error If I send a queryString like attribute=value as the 'data' then everything works fine, so it has to do with not being able to send an array as is. What do I have to do to get that data into the servlet for further processing. I don't want to pull it out and turn it into a queryString in the JS if I can avoid it. EDIT: I used the .serializeArray() (jQuery) function before sending the data. I don't get the 400 but nothing useful is being sent through.

    Read the article

  • Deselecting an element in jQuery

    - by Michael Itzoe
    I have a collection of span elements. In the code I have a global variable that represents the "selected" object. Using the click event when a span is clicked I reset the object's class, reset the global variable, then set the object to the variable and change its class (to make it "highlighted"). This effectively toggles selection when clicking an object. var currentItem = null; $( ".item" ).click( function() { if( $( this ).hasClass( "selected" ) ) { $( this ).removeClass( "selected" ) currentItem = null; } else { if( $( ".item" ).hasClass( "selected" ) ){ $( ".item" ).removeClass( "selected" ) } $( this ).addClass( "selected" ); currentItem = $( this ); } } ); What I'd like to be able to do is unselect when clicking on an empty area of the page. I tried creating a click event on the body object, but that overrode the span click event so nothing was selected. I'm a complete jQuery noob and not sure where to go with this.

    Read the article

  • Jquery Templeate, droping last item off in the each

    - by Lawrence
    Currently I am using jquery templating with some json data, I have a couple images that I am getting and I would like to drop the last image that I am getting from my json data. Right now I have this coded ( this only a snippet of the spot I am having the problem at): <div class="altViews"> <ul class="clearfix"> {{each(i,addImage) AdditionalImages}} <li class="altImage"> <img src="http://images.url.com/images/products/${addImage}" alt="${Name}" id="${addImage}"/> </li> {{/each}} </ul> </div> SO the main help I need is to be able to drop the last li, I just dont know how to use my index to do that.

    Read the article

  • jquery get width of previous image

    - by user1250987
    So i cant get the jquery correct for this one, whatever i try it returns the wrong width. I wish to make the image within the "img-shadow" div the same size as the image right before it. Notice this will repeat several times on the page. <p> <img src="" alt=""> <div class="img-shadow"> <img src="" alt=""> </div> </p> I hope you don't shake your heads too much on at me on this one, it seems super simple, but .prev .find .closest hasn't worked for me. Thanks!

    Read the article

  • Need help in JQuery scroll function

    - by KillerFish
    I am developing a small project and i need a help in JQuery Scroll event. I wrote code loading data while scrolling using following code $(window).scroll(function(){ if ($(window).scrollTop() > ($(document).height() - $(window).height())*.75){ $('#loadingimage').css({"bottom":"10px", "right":"10px"}).fadeIn('fast'); $.ajax ({ type: "POST", url: "../../scroll_load.php", data: "letter="+letter+"&start="+start, success: function(msg) { $('#new_music_videos .appendvideos').append(msg).children(':last').hide().fadeIn('slow'); $('#loadingimage').fadeOut('fast'); } }); } }); But data loading while the scroll bar is moving at bottom of the screen only. How can i make it for scroll upto 3/4 of the screen. Thanks a Lot.

    Read the article

  • Play/pause HTML 5 video using JQuery

    - by Barny83
    I am trying to control HTML5 videos using JQuery. I have two clips in a tabbed interface, there are six tabs in total, the others just have images. I am trying to make the video clips play when their tab is clicked and then stop when any of the others are clicked. This must be a simple thing to do but I cant seem to get it to work, the code I am using to play the video is: $('#playMovie1').click(function(){ $('#movie1').play(); }); I have read that the video element needs to be exposed in a function to be able to control it but can't find an example. I am able to make it work using JS: document.getElementById('movie1').play(); Any advice would be great. Thanks

    Read the article

  • Remove the period and everything after it using jQuery

    - by veryserious
    Is there a way to remove the period and everything after it using jQuery? The numbers following the period vary in length, so it's not as simple as finding the length. For example: <span class="changethis">505.234</span> <span class="changethis">23.93</span> Thanks for your help! P.S. (bonus) If there is a way to round up if it's x.5 or higher that would be awesome. Not essential though.

    Read the article

  • How to break a jquery variable dynamically based on condition

    - by Adi
    I have a jquery variable which has is showing the value in the console as .. ["INCOMING", 0, "INETCALL", 0, "ISD", 31.8, "LOCAL", 197.92, "STD", 73.2] Now as per my need i have to break these values and make it like this ["INCOMING", 0],["INETCALL", 0],["ISD", 31.8],["LOCAL", 197.92],["STD", 73.2] but these values i need to make in the required formate dynamically as this is received from database. Here is my ajax call to get the values from server side.. var dbdata=""; $(document).ready(function() { $.ajax({ type: 'GET', url: 'getPieChartdata', async:false, dataType: "text", success: function(data) { dbdata=JSON.parse(data); } }); console.log(dbdata); }); Please guys help me . Thanks in advance..

    Read the article

  • Set timeout on third-party file request with jQuery

    - by markedup
    I'm trying to integrate a script file hosted by a third party into a new web site. Currently, I'm adding a SCRIPT tag to the DOM for that third-party script file on document ready: $(document).ready( function() { var extScript = document.createElement('script'); extScript.type = 'text/javascript'; extScript.src = 'http://third-party.com/scriptfile.js'; $('head').append(extScript); }); function extScriptCallback() { $('#extWidgetContainer').show(); } But sometimes that third-party script file request times out or takes a long time to respond. So, for the sake of best practice, I want to provide alternative content if the external script takes longer than e.g. 10 seconds to load. How do I achieve this? I've looked at JavaScript's native setTimeout(), as well as jQuery's delay() function, but I'm not sure which I should use--or how. Grateful for any suggestions.

    Read the article

  • jquery for loop on click image swap

    - by user2939914
    I've created a for loop of images. I would like each image to swap with another image on click individually. Here's the jQuery I've written so far: for ( var i = 1; i < 50; i++) { $('article').append('<div class="ps-block" id="' + i + '"><img src="img/bw/' + i + 'bw.png"></div>'); } $('img').click(function() { var imgid = $(this).attr('id'); $(this).attr("src", "img/color/" + imgid + ".png"); }); I also attempted to use this code inside the for loop after the append, but i ends up returning 50 every time you click since the loop has already ran: $('img[src="img/bw/' + i + 'bw.png"]').click(function() { $(this).attr("src", "img/color/" + this.id + ".png"); }); Thanks!

    Read the article

  • Use jQuery to match variable text?

    - by VUELA
    Hello! I have a sidebar navigation that lists blog entry titles down the side of the page. I am trying to write some jquery that will check the text in the title of the current full blog entry page and match it with the corresponding title in the sidebar navigation so that I can apply a class to style for an active state link ... but I'm not quite getting it! Here is the link to an example page: http://ncw-commercial.com/property-listings/eastpoint-plaza-lot.html, and below is my current code. I have also tried using :contains but could not figure out how to get that to work with a variable rather than direct text. $('.single-journal-entry-wrapper .journal-entry .title').each(function(){ var activeTitle = $(this).text(); $(".feedburnerFeedBlock .headline a").filter(function(index) { return $(this).text() == "activeTitle"; }).parent().addClass("activeTitle"); });

    Read the article

  • Rotate on hover using Jquery

    - by Ian34
    I can't figure out how to set up a jquery rotate function that would only rotate on hover. Here is the code that I am using: $('div.settingsButton').hover(function() { var angle = 0; setInterval(function() { angle += 4; $(this).rotate(angle); }, 50); }, function() { var angle = 0; setInterval(function() { angle = 0; $(this).rotate(angle); }, 50); }); The rotate is a plugin found here: http://code.google.com/p/jqueryrotate/

    Read the article

  • Paging with jQuery

    - by zurna
    I get data from another page using jQuery get method. But I have a small problem. Sometimes, data that I take from another page is too long so it's divided into pages. When the user clicks on 1, 2, 3, ... links he/she is redirected to the other page. However, I want data to be reloaded on the same page. Edit $('ul.thumbs li.pagination a').live('click', function() { var pageNumber = parseInt($(this).text().replace(/[^0-9]/g, '')); $.ajax({ type: "GET", url: "images.cs.asp?Process=ViewImages&PAGEID=<%=Request.QueryString("PAGEID")%>", success: function(data) { $("#ViewImages").html(data); }, error: function (XMLHttpRequest, textStatus, errorThrown) { $("#ViewImages").html('.'); } }); return false; });

    Read the article

  • how to delete element created with jquery ?!

    - by mehdi
    hi , i have write this block of code in jquery to create three element after some events $('body').append( tmp= $('<div id="tmp"></div>') ); $('<div id="close" />').appendTo("#tmp"); $('<div id="box-results" />').appendTo('#tmp'); this three elements are created normally and added to my DOM but i want to remove them with some function like this : $("#close").click(function(e){ e.preventDefault(); $("#tmp").remove(); //$("#overlay").remove(); }); and after i click close div noting happen ! what's wrong with my code ?

    Read the article

  • how can i send jquery ajax http request with php

    - by testkhan
    i have following form... <form action="http://mydomain.com/get.php" method="post"> <input type="hidden" value="thisisvalue" name="hdnvalue"> <input type="text" name="cost" id="cost"><br><br> <textarea id="msg" name="message"></textarea><br><br> <input type="submit" value="Send" id="send"> </form> the get.php file will response in 1 or 0 i.e 1 means recieved and 0 means not recieved now i want to send it to http://mydomain.com/get.php via http request with jquery ajax how can i do that get the returned value..

    Read the article

  • Facncybox in Jquery

    - by user319740
    I am using jquery.fancybox-1.2.1.js of fancy box in asp.net application Q1: In the base page i have datagrid and on combobox. on slection of combobox the datagrid is populated. From the datagrid I open the fancybox when user click on Edit link. I open new page like In EditProjectTask.aspx i have the controls in edible mode. Now if user closes the window using default icon provided in fancybox. then if user select some other option from combox the url changes into EditProjectTask?Task= 86 Q2: # From the # datagrid I open the fancybox when user click on Edit link. I open new page like In EditProjectTask.aspx i have the controls in edible mode. Now when user updates the the content I want to close the fancybox and also refresh the parent window. I have achieved this using After update i # But it reloads all the page. Can I use some Ajax call.

    Read the article

  • jquery.position() isn't working correctly.

    - by devzero
    I'm working on a menu system where I want a ul to show as a dropdown when the users does a mouseOver on li in another ul. I thought I'd use position to set the position of the dropdown (so it actually looks like a menu). What I want is the dropdown's top left corner to start at the same place as the bottom left corner of the wrapping listitem. Unfortunately the positioning fails in several different ways: In Firefox it seems like the dropdown's are offset with approximately -100 25 pixels the first item in the list has a different offset on the left side compared to the other items The offset in IE is not the same as in FF Doing the positioning repeatedly in explorer results in different positions each time. I've created a test page where you can see the effects: http://test.evju.biz/test/test_position.html

    Read the article

< Previous Page | 245 246 247 248 249 250 251 252 253 254 255 256  | Next Page >