Search Results

Search found 28755 results on 1151 pages for 'jquery validation engine'.

Page 399/1151 | < Previous Page | 395 396 397 398 399 400 401 402 403 404 405 406  | Next Page >

  • Firefox running infinitely even after condition met in jquery function

    - by Kyle
    The following function is called with setTimeout(function () { get_progress(fileID,fileName)},8000); upon a form submit. The purpose of the function is to get read_file.php to read a txt file that stores the file upload status from a form (in percentage). Upon reaching 80%, my Firefox seems to run infinitely even when HEAD returns an error. Am I have too many recursions or have I used a wrong condition that's causing get_progress to run repeatedly even when filename does not exist in the folder ? function get_progress( fileID, filename) { $.ajax({ url: filename, type: 'HEAD', success: function() { $.ajax({ type: 'POST', url: 'read_file.php', data: 'filename=' +filename, success: function(html) { document.getElementById(fileID).innerHTML = html + ' <img src="images/loading.gif" />' setInterval(function() {get_progress(fileID,filename)},4000); } }); } });}

    Read the article

  • jquery get selected dropdownlist text

    - by mike
    Hi How can i get the selected text on a dropdowm, ive seen examples of how to do eg $('select option:selected').text() but looking at my code below, how can i modify it to work as the line alert($(this).parent().text()); gets all the list items as opposed to selected text $(document).ready(function () { $('.mutuallyexclusive').live("click", function () { checkedState = $(this).attr('checked'); $('.mutuallyexclusive:checked').each(function () { $(this).attr('checked', false); }); $(this).attr('checked', checkedState); alert($(this).parent().text()); }); });

    Read the article

  • How do I return something in JQuery?

    - by TIMEX
    function vote_helper(content_id, thevote){ var result = ""; $.ajax({ type:"POST", url:"/vote", data:{'thevote':thevote, 'content_id':content_id}, beforeSend:function() { }, success:function(html){ result = html; } }); return result; }; I want to return the result. But it's returning blank string.

    Read the article

  • Jquery file format

    - by sarbe
    HI. I have multiple webpages. So I have a common external js file. And I have added this js file to every page. I have multiple check boxes in every page. And I have written the click event in the external, common js file. But I wonder how the js file should be? Currently I have written like this. $(document).ready(function() { $(".chk").click(function() { alert("hi"); }); }); But whenever I click a checkbox the click event is fired twice. it should be once. I dont know where is the error, is there any error in writing the js file? please comment.

    Read the article

  • jQuery on() method not working for appended elements

    - by behz4d
    I know I should use on() method for triggering appended elements and not use click(), so: $('#change_profile_img').on('click', function(){ alert(1); }); so the above code is working fine on any elements unless the appended elements, for example, I'm appending: $('.companylogo:first').append('<a id="change_profile_img" class="ic_change">CHANGE IMAGE</a>'); after it's appended, it's not working, but after a page refresh it works just fine. Another thing that I should mention, I'm doing the append from a modal page, it appends the button and everything but I could not trigger it anymore... I would appreciate any kind of help. Thanks

    Read the article

  • jQuery querying the database

    - by mazhar kaunain baig
    The thing is that there are number of items in the HTML select list. I want to click on any of the items, then query the database on the id of that item, retrieve the value and then display that in the textbox. How would I query the database? I would really appreciate that if someone provides a code sample for querying the database.

    Read the article

  • Scolling list with jQuery

    - by Chris
    My javascript is not up to scratch at the moment and I am stumped with this! I need to create an animated list with javascript like this one - http://www.fiveminuteargument.com/blog/scrolling-list. What I want is to take a list like so <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> <li>Item 5</li> <li>Item 6</li> </ul> And display two at once, then display them in a loop, 2 at a time. Even pseudo code would help to get me started.

    Read the article

  • JQuery each loop problem

    - by bhefny
    Hello, I have the following code <div> <a href="#" class="clickMe">test</a> <ul> <li class="action_li">1</li> <li class="action_li">2</li> </ul></div> <div> <a href="#" class="clickMe">test</a> <ul> <li class="action_li">3</li> <li class="action_li">4</li> </ul> and I want to loop on all the <li> that are enclosed with the same <div> as the clicked <a> $("a.clickMe").live("click", function(eve){ eve.preventDefault(); $('.action_li').each(function(index) { console.debug(this); }); }); but of course this will get me all the 4 <li> not the two enclosed so I want to have something that starts with $(this) and ends with .each()

    Read the article

  • Determining if a div contains a table element in JQuery

    - by fishiefishie
    For my accordion, each time the user clicks on the header, i want to see if accordion-content contains a table, if not, generate one and add it to accordion-content. But how do you check if the current element contains a certain type of element? <div class="a-header"> <ul><li></li></ul> </div> <div class="a-content"> </div> $('.a-header').click(function(){ var currentHeader = $(this).next(); //if currentHeader contains 'table' }); Thanks.

    Read the article

  • jQuery resize event for div children

    - by Frank Michael Kraft
    $("div.content-left > *, div.content-main > *" ).live('resize',function(){alert("Size changed")}); does not work, because the resize event only applies to window resizes. But in my case the divs change size late, because the content is loaded late by an ajax request - or by clicking a panel menu. I definatley need to avoid to register on all individual events of the children (ajax, click), because that can be very many different events and then it is not maintainable.

    Read the article

  • jquery .load() function only gets called once

    - by user1288099
    the html <div class="stackwrapper" id="user1"></div> <div class="stackwrapper" id="user2"></div> <div class="userdrawings"></div> the javascript $('.stackwrapper').click(function(e){ var id=$(this).attr('id'); $('.userdrawings').load('loadSession.php?user='+id).fadeIn("slow"); }); Somehow it only works at once, only at the first click on stackwrapper, when I click on the second one, the function is not triggered again.

    Read the article

  • jquery dialog popup window problem

    - by kumar
    I have this code $("#window").dialog({ resizable: true, height: 180, title: titles, width: 500, modal: false, buttons: { "OK": function () { $(this).dialog("close"); } } }); i am able to get the popup perfectly but the problem I am getting here is.. On the top of the Dialog box I have 'X' I am not able to see that X on dialog popup's but when I resize my window I can able to see.. what I am doing wrong in this? Thanks for your all help

    Read the article

  • jquery $.ajax call succeeds but returns nothing. (jsonp)

    - by Shawn
    $(document).ready(function() { $('#button').click(function() { try { var json = $.ajax({url : 'http://www.example.com/experimental/service.php', type : 'jsonp', success : function() {alert('success')}}); alert(json); } catch(err) { alert(err.description) } var sjson = JSON.stringify(json); $('#display').html(sjson); }) }) After a button is pressed I get an alert message that says "success" and also one that says undefined, referring to the fact that nothing was returned from the ajax call. I checked the firebug 'net' tab and indeed i get a succesful response from the server of "jsonp1272724228884( {} );" Any ideas?

    Read the article

  • Why does jquery behave like this

    - by andrei
    $('.box').click(function(){ $(this).find('p').toggle( function () { $(this).css({"color" : "red"}); }, function () { $(this).css({"color" : "black"}); } ); }); if i execute this script the 'p' color will change if i click on the 'p' not on the .box class why ? And how to i make it so that 'p' color changes when i click on the .box div

    Read the article

  • jQuery reference to (this) does not work?

    - by FFish
    I have this href link with text either "attivo" or "non attivo" User can set the item to 'active' or 'closed' in the database with an ajax request $.post() I have 2 questions for these: I can't get the reference to $(this) to work.. I tried it with a normal link and it works, but not wrapped in if/else?? How can I prevent the user from clicking more than one time on the link and submitting several request? Is this a valid concern? Do I need some sort of a small timer or something? First I was thinking about a javascript confirm message, but that's pretty annoying for this function.. HTML: <dl id='album-list'> <dt id="dt-2">some title</dt> <dd id="dd-2"> some description<br /> <div class='links-right'>status: <a class='toggle-active' href='#'>non attivo</a></div> </dd> </dl> <a class="test" href="#">test</a> JS: $('dd a.toggle-active').click(function() { var a_ref = $(this); var id = a_ref.parent().parent().attr('id').substring(3); if (a_ref.text() == "non attivo") { var new_active = "active"; // for db in english $.post("ajax-aa.php", {album_id:id, album_active:new_active}, function(data) { // alert("success"); a_ref.text("non attivo"); // change href text }); } else { var new_active = "closed"; // for db in english $.post("ajax-aa.php", {album_id:id, album_active:new_active}, function(data) { // alert("success"); a_ref.text("attivo"); // change href text }); } return false; }); $('a.test').click(function() { var a_ref = $(this); $.post("ajax-aa.php", {album_id:2, album_active:"active"}, function(data) { a_ref.text("changed"); }); return false; })

    Read the article

  • how to use OR in jquery

    - by user1493339
    1st i would like to thanks all who view this and special thanks for those who answer this. today, i tested this out but it not working, so just want to know how should this code. multiple "OR" in one line $("input[name='ABC']or[name='DEF']or[name='GHI']or[name='JKL']").click(function (){ //do something }); or even put else for it like... $("input[name='ABC'][name='DEF'][name='GHI'][name='JKL']").click(function (){ //do something }else{ //do something else }); i know both code is invalid, so is that possible to code in that way? so far i code it all one by one, so my coding is very long.

    Read the article

  • load data only when slide down with jquery

    - by hd
    I have a link that when user clicks on it some data loaded into a div. I want to display waiting message to user until the data fetch completely from server and then show it to user. I also want to call the data url happen only when the result box is going down(slide down) not in both of slide down and slide up events to reduce load on server. my code is here but i don't know how implement second part into it: $(document).ready(function() { $("#prereq").hide(); $("#prereqlink").click(function() { $("#prereq").html("please wait ..."); $("#prereq").slideToggle("slow"); $.ajax({ url:"referee.php", success:function(data) { $("#prereq").html(data); } }); }); }); would you help me??

    Read the article

  • jQuery replacement for Default Button or Link

    - by pyccki
    As everyone knows, that default button doesn't work in FF, only IE. I've tried to put in the tag or in the and it's not working. I've found a js script to fix this issue, but for some reason it's not working for me. This script for a submit button, i need to use it for a LinkButton, which is should be the same. Link: <div id="pnl"> <a id="ctl00_cphMain_lbLogin" title="Click Here to LogIn" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$cphMain$lbLogin&quot;, &quot;&quot;, true, &quot;Login1&quot;, &quot;&quot;, false, true))">Log In</a> <input name="ctl00$cphMain$UserName" type="text" id="ctl00_cphMain_UserName" /> <input name="ctl00$cphMain$UserName" type="text" id="ctl00_cphMain_UserName1" /> </div> <script> $(document).ready(function() { $("#pnl").keypress(function(e) { if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) { $("a[id$='_lbLogin']").click(); return true; } }); }); I know that i can override original function "*WebForm_FireDefaultButton*" in This post, but i really wanted to get this one to work. Thanx in advance!!!

    Read the article

  • Help with jquery animate()

    - by andrei
    I'm using this code to change opacity when user is on and off a picture unfortunately when the user clicks the image the opacity does not stay at 1. Anyone has an answer ? $(document).ready(function(){ $('img#slide').animate({"opacity" : .7}) $('img#slide').hover(function(){ $(this).stop().animate({"opacity" : 1}) }, function(){ $(this).stop().animate({"opacity" : .7}) }); $('img#slide').click(function(){ $(this).animate({"opacity" : 1}); }); });

    Read the article

  • jquery ajax calls with scope safety

    - by acidzombie24
    My gut tells me that if i am on a laggy server and the user fires two events fast enough on the success function c will be the value of the most recent event causing func1 to use the wrong value. <--- This is a guess, i haven't proved it. Its a feeling. How do i ensure that i use the right value when calling func1? I prefer not to send c to the server and i dont know if or how to serialize the data and deserialize it back. How do i make this code safe? $('.blah').click(function (event) { var c = $(this).closest('.comment'); ... $.ajax({ url: "/u", type: "POST", dataType: "json", data: { ... }, success: function (data) { func1(c. data.blah);//here

    Read the article

  • Jquery: hot to sleep or delay?

    - by lazyanno
    i want move up the object, delay 1000ms , then hide it, i get the code: $("#test").animate({"top":"-=80px"},1500) .animate({"top":"-=0px"},1000) .animate({"opacity":"0"},500); i use ".animate({"top":"-=0px"},1000)" to implement delay, it's not good. i want: $("#test").animate({"top":"-=80px"},1500) .sleep(1000) .animate({"opacity":"0"},500); any idea? thanks! :)

    Read the article

  • how to use the bounce effect in jquery

    - by pradeep
    i have included the plugin and written code like if(page) { $.post(page,{},function(data){callBackFunction(data)}); } function callBackFunction(data) { $('.page_change').html(data); $('.page_change').effect("bounce", { times:3 }, 300); $('#submit_show').show(); } The data change is happening but the bouce effect i am not getting..how do i solve this issue..

    Read the article

  • Concatenation in jQuery

    - by Nimbuz
    var os = $.client.os; // mac var browser = $.client.browser; // firefox var browserversion = $.client.browserversion; // 3 $('#root').addClass( os + browser + browserversion ); .. results in <div id="root" class="macfirefox3">. How do I add spaces between them?

    Read the article

  • jquery navigate in code

    - by galilee
    Hi trying to fade out elements on the page when a navigation link is clicked, then go to the clicked link: $("#navigation a").click(function() { var $clickobj = $this; $("div#content").animate({opacity: 'toggle', paddingTop: '0px'}, 'slow',function(){ $("div#navigation").animate({opacity: 'toggle', paddingTop: '0px'}, 'slow', function(){ $("div#logo").animate({opacity: 'toggle', paddingTop: '0px'}, 900, function(){ $clickobj.click(); }); }); }); return false; }); but this just navigates straight away with the fade out...any ideas?

    Read the article

< Previous Page | 395 396 397 398 399 400 401 402 403 404 405 406  | Next Page >