I am writing a chrome extension.In this extension i append a img tag to the dom. Then i read the width and the height of the picture to adjust it to the viewport size. The problem is that when i read the dimensions right after adding the img tag i get zero with and height. I could fix that if i make a setTimeout between adding img and read size.
View 1 RepliesI am totalynew to jQuery, and i want to do the following on a website: Load the full page - wait a few seconds -fadein a DIV with a slideshow. I tried the following code, but somewhere there must be a big, big bug in my code. Idid not tryto build in the fadein of the DIV.
[Code]...
[code]The problem is, that sometimes I call get method, even before the data variable is fetched from server via ajax.[code]So I need sth, that delays the return of the get method. I tried delay, wait, etc, but nothing successfully. I managed to wait for the data, but I wasn't able to return the result.Is there some possibility how to wait for data? Because while(this.data === null){} isnt the right way, moreover it kills the browser
View 3 Replies View RelatedI'm trying to make a list of tweets fade in and out progressively down the list. I'm pretty new to javascript and jquery, so I might be missing out on some basics.
1. How do I make the while loop infinite and loop around itself, because I'd like the tweets to loop around when it reaches the last tweet. I tried adding the if statement to make it go back to 0 but it hangs my page when I include it.
2. How do I make the loop not run altogether at once? I've tried queue() and putting in delay(4000) right before the .eq(n) so that it delays 4000ms before selecting the next tweet, but I'm trying to find a more elegant solution to it as the timing might be offset infinitely if there are changes in the timings.
var $j = jQuery.noConflict();
$j(document).ready(function() {
var tweet = $j('#twitter-3 .tweets li').length;
var n = 0;
while (n <= tweet) {
$j('#twitter-3 .tweets li').eq(n).delay(500).fadeIn(1000).delay(2000).fadeOut(500);
n++;
//if (n == tweet) {
// n = 0;
//};
};});
Trying to figure out how to get my simple page re-load to pause for a couple seconds before sending the request. I tried $.wait() and think this could possibly be what I need but seem to not be using it correctly, as I have not had any success getting it to work.
[Code]...
Is there a specific place to put the $.wait()? or should I be using something different entirely to get the script to pause before sending the request to reload?
I am using a custom dialog function which is called after an AJAX request to see if a file exists. This dialog shows a "Continue" or "Cancel" button and returns true or false depending on which button is clicked. It can also be switched between "alert" and "confirm" functions.
Here's the function:
//Popup dialog
function popup(message,mode) {
// get the screen height and width
var maskHeight = $(document).height();
var maskWidth = $(window).width();
// calculate the values for center alignment
var dialogTop = (maskHeight/3) - ($('#dialog-box').height());
var dialogLeft = (maskWidth/2) - ($('#dialog-box').width()/2);
// assign values to the overlay and dialog box .....
$('#dialog-overlay').css({height:maskHeight, width:maskWidth}).show();
$('#dialog-box').css({top:dialogTop, left:dialogLeft}).show();
if(mode=="alert") {
$('#continue, #cancel').hide();
$('#close').show();
$('#close').click(function() {
$('#dialog-overlay, #dialog-box').hide();
return false;
});
} else {
$('#continue').click(function() {
$('#dialog-overlay, #dialog-box').hide();
return true;
});
$('#cancel').click(function() {
$('#dialog-overlay, #dialog-box').hide();
return false;
});
$('#continue, #cancel').show();
$('#close').hide();}
// display the message
$('#dialog-message').html(message);
}
Here's how I call the function:
success: function(result) { if(result==1) {
if(!popup("<p>Plugin version exists. Overwrite?</p>","confirm")) {
$('#file_upload').uploadifyCancel();
} else {
$('#file_upload').uploadifyUpload();
}} else {
alert("Doesn't Exist ");
}
After a few tries I realised that the file was always being uploaded whether it existed or not. I then used the alert function to show me what is being returned from the popup() function and it was returning "undefined". Obviously the function isn't waiting for a response from the listeners. How can I change this so the function doesn't return until one of the buttons has been clicked?
Is there a way in Jquery to make a gif spin to use as loading/wait indicator .gif ?
I have an image I want to spin and be my loading/wait/progress indicator gif.
Can I spin it in JQuery? Is this lighter than an animated gif?
How do I get the callback for load() to wait until the load is complete?
View 1 Replies View RelatedI have a scenario where the user can click a delete button to remove a dynamic element from the page. Whent he button is clicked I want the element to slide up and then be removed from the DOM. I can't make this work however. I can either slide it up or remove it. how to force the remove function to wait until the animation
is complete?
function test()
{
first();
second();
[code]....
i have this type ofsituationin my code, now many time function three is called before first and second complete execution.i want third to wait until first and second finish execution, dont want to use delay
Just started working with jQuery and AJAX and I have a quick question regarding the fadeIn function.
I have a form that is submitted to a PHP page. The PHP processes the form (using a script from DHTMLsuite) and outputs text. Using AJAX this text is then shown in a div tag with the id #results on the same page as the initial form.
I have the following jQuery code:
Code:
<script>
$("#mySubmit").click(function () {
var formObj = new DHTMLSuite.form({
[Code]....
So, when the user clicks the "mySubmit" button the #results div will ade out, submit the form and then the #results div will fade in again. The problem I am having is this - the #results div fades back in before the dostuff.php page has finished executing so that the content of #results changes suddenly when the AJAX response comes back. What I want is for #results to fade out, the form gets submitted and comes back setting #results to the new content, then #results fades back in.
Is there any way to tell the cycle-plugin to wait with the next slide when the previous one is still animating?When i use the default animation with a next and prev button and I click quickly on the next button the slides start flicker.
I've searched the whole internet, but couldn't find anything regarding this.
This is the code I use:
$('#div_slider_big .div_fotos').cycle({
next: '#div_slider_big .div_navi_next',
prev: '#div_slider_big .div_navi_back',
speed: 1500,
timeout: 3000
});
I'm using the submit and ajax functions to check a form. When the form is submitted the submit event executes and within that event the data (a code the user has to fill in) is sent to the server to check if it's correct. If it is correct, the submit event supposes to return true (so the form submits), if it's incorrect the submit event supposes to return false (so submitting the form cancels).
Here's my code that should do this:
$(function(){
var submit = false;
$('#login').submit(function(){
$('span.error').fadeOut('slow');
$.ajax({
url: '/ajax/login',
type: 'POST',
data: 'code=' + $('#code').val(),
success: function(response){
if (response != ''){
$('span.error').fadeIn('slow').text(response);
submit = false;
}else{
submit = true;
}}})
return submit;
})});
But here's the problem: While jQuery does the ajax request, the script continues. So it will return false - even if the code is validated - because the var submit has been set to false at line 4. When I submit the form again, the form is validated because 'submit' is true (but that's set to true the first time). How can I ensure the submit function waits for the ajax request to finish?
Any way to wait until it is fully loaded
<script type="text/javascript">
$(document).ready(function(){
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 4000, true);
});
</script>
I am trying reload a div on a page with content from another page using ajax.I am able to do this but the problem is that I need to wait for the page (that I am sending an ajax request to) to finish inputing all the relevant html before it is shown on the page calling the ajax otherwise the re-load of the div will not be up-to-date.
(Here is my code)
$('.addbskt').click(function(){
$.ajax({
type: 'GET',
[code]....
I'm trying to write some code to show a little div (with an image
is sayng is loading...) that is showed when the page is loading...
the events I can use are onbeforeunload, onunload and onload but with
that the code does not work!
are there a solution to show a little div while the page is loading
and then make it to disappear when the page is loaded?
I am looking for a please wait or busy processing script.....
View 1 Replies View RelatedCould anyone please tell me if there is any way i can have the text "Menu
Loading Please Wait..." appear while the js menu loads and then disappear
after it loads?
I am using following code
Now what i want to do is: i have a callajax() function. with in this function i will call do_login() function. this do_login() handles an ajaxrequest and returns the responsetext.
Now i want to do some validation on this responsetext(in case of onsuccess). so i am trying to return value to callajax() function for onSuccess case in ajaxrequest.submit();
That is(onsuccess response) supposed to be some string( but not true or false). but i am always getting false in ajaxcall() function. i know the do_login() function is returning false before ajaxrequest completes
So i want to stop this and make do_login wait until ajaxrequest completes and then i want to return it's response to callajax() function.
I'm trying to use Google's Translate API. I copied (and adapted) the example below from here. I would like to input the text to translate, instead of having value="I cannot input my text", but I do not know how to make the script wait for input.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
[code]....
I know this should be very simple but I'm new to all this, so if anybody could indicate what changes I need to make to the html and/or script to translate the text I input.
I have a calculation system that uses ajax with php and xml and executes with onkeyup. The only problem with this is the result can be returned before the user finishes entering the entire number. My question is how can I give a delay prior to running the rest of the js.I know how to use setTimeout() but will it get reset out every time the function is called or for example if they enter 5 characters in the form, will the script be called 5 times with a second delay from each or will it only be called once? Is there a performance degradation involved?
View 3 Replies View RelatedI'm calling a recursive function, and I want to display an alert after its done running, the thing the function is "done" after goes through it once.Here's the coles notes version....
Code:
function yay(n){
n = n-1;
if(n=0){
[code]....
I don't want it to show the alert until its done all of it's recursive splendor.
When you login to Paypal, it displays a progress bar type gif and then the page loads when the authentication is complete. How to implement this with js? How does js script know that it is time to proceed to the next page?
View 1 Replies View RelatedI have report that takes about 5-10 seconds to generate depending on the
load. I want to show the user a progress bar while it is being generated and
when it's done, forward the browser to the report.
I have tried to write a wait function but it seems like it will not brake the while loop. I tried two different solutions. Can anyone tell me what I am doing wrong, and come with another suggestion? If I call the function like this: wait(500); it should wait 500ms right?
function wait(time) {
while(1){
setTimeout("break;",time);
}
}
function wait(time) {
var flag=0;
while(flag=0){
setTimeout("flag=1;",time);
}
}
Is it possible to wait until an AJAX request is completed before moving on to the next instruction. If an example is needed I will be happy to supply it.
BTW, I'm using jQuery for my AJAX requests