It prints 0,1,...,9, but you cannot see the word "hi". It seems that it prints "hi" then executes the listnum function. But the listnum function is placed before "hi". Could you
give me some info on order of execution?
<HEAD>
<SCRIPT language=JavaScript>
function listnum() {
i=0
do {
document.write( i + "<br>")
i++
} while(i<10)
}</SCRIPT>
</HEAD>
<BODY onload=listnum()>
hi
</BODY>
I would like to have two actions for one event. But I want the second action to trigger when the first one action completes. Is it possible to do this in javascript? I'm using the onclick event.
View 23 Replies View RelatedI am trying to develop a iGoogle-like dashboard that uses JSONP to get the content of each widget from other (trusted) sites.Each widget is a div that will take care of getting its content using $.ajax() and use the callback to update the div with the html content returned with JSONP.The problem I have happens only in Firefox (I'm using 3.6.3):when a site is unavailable or takes longer to return the JSONP content for a widget, it seems that the callback for the other widget does not get executed. All the widgets stay in the "loading" state although I'm sure they have all received the answer.What's puzzling is that if I hit the "stop" button of Firefox, the content of the other widgets get displayed (ie. their displaying callbacks get executed).
If the calls are asynchronous, what prevents Firefox from executing the callbacks for the other widgets once the response is received?Do you have any idea of what's happening and if there's some way around this?
Given a page with a "header" and "main" frame, is there some way from the "header" frame to initiatere-execution of the JavaScrip/HTML code in the "main" frame? I don't want to have to reload "main".
View 4 Replies View Relatedis there any specific function in Javascript / jquery which delay the functionality
I use SLEEP() funciton in php to add delays .
How to know the execution time of a function? For example, which of these functions run in less time? That is, which of these functions are more weightless to run?
document.getElementById("my_image").src = "images/picture.png";
//or
document.getElementById("my_image").style.webkitTransform = "rotate(45deg)";
I would like to have two buttons on the page. When visitor clicks on first, I would like to start looping through numbers for example from 1 to 100. When loop gets to the end, I would like to start it over and stop it when user click on the next button.
My concern is if this is safe. What if user waits for 1 minute or more to click the second button which should stop the loop and pick up the number where it currenly is? Will it cause browser to warn user that the script is slowing down the browser? How can I avoid this?
I have a site and in that I don't want to users pressing tab key and also shift + tab key. So I need a small javascript code for preventing execution of tab key and Shift+Tab Keys.
View 1 Replies View RelatedI need to use self.scrollTo(x,y) as the last action in a js function called
by a onClick event. It seems that the scrolling actually takes place, but
the document is then scrolling back to top when js code execution has ended.
In the following example I get this effect in IE6 with the third and fourth
calls, while the first two work fine. Code:
I'm developing a webpage that is composed by several divs. These divs
are supplied by the server depending on the user that made the request.
Some of these divs require some javascript functions to be called when
they are added to the page. I add the content using innerHTML (function
renderPage(data) ....
I currently have a situation where I have images that load when a user scrolls to the bottom of a page. I also have part of the same function call .remove() on the top 2 images if the number of currently loaded images exceeds 10. The trouble that I am having lies in the .remove() is causing the scrollbar to move down, calling the image-loading part of the function again (essentially a chain reaction of image loads and elements being removed if a user scrolls down while images are being loaded).
I was wondering if I can use setTimeout or a similar function to prevent .remove() from executing until images have been completely loaded?
$("#message").html(calcScroll);
if (calcScroll == 0 && curPageIndex + 1 < totalCount) {
$("#message").html("loading new images");
window.setTimeout(function () {
[Code].....
i have the following two pieces of code:
function slideOut() {
var $slidy = $('#slideout');
$slidy.animate({
right: parseInt($slidy.css('right'),10) == 0 ?
-$slidy.outerWidth() :
[Code]...
As long as i return false and the link is an anchor, i can see the menu slide out. Which is quite clear to me why. When i use a link with a href on another page though, the "jump" is executed before the animation ends most of the time even before it starts.
I would like the click to be delayed weather a certain condition kicks in, or some time passed to end the slide and then jump to the new page. I have been looking throughout the web and found no hint helping me to tackle this. delay() and setTimeout() dont seem to work the way i used them.
I am sure there is a way, its just the blind man's stick in my eye that keeps me from it. I hope someone can help me with this.
Heres the general idea of what I want to be able to do
[Code]...
What I've already build can be found on demo. The Idea:I wanted to build a menu that when you hover the menu button the menubuttons slides up, when it is ready all the menubuttons will slide down. The next may slidedown when the first one is ready, etc.When you leave you mouse outside the picture, all the menuitems must slide up (like to have them slideup like it works when they slidedown) and the menubutton must slide down.The idea works, so that's not the problem, maybe the code could be better, but I thinks that's for later.The problem:When a user hovers very fast between menubutton and outside the picture the menubutton is slidedup, down etc. When you do this even faster the menuitems are stuck and shown, and that is not what I want.
View 4 Replies View RelatedI've noticed after some code investigation that I cannot execute jQuery within 'included' php sites. The structure looks like the following:
[Code]...
I'm not sure if the subject describes what I'm asking very well, but it's the best I can think of. In this example:
$(".nav a").bind("click", function(event, i) {
});
Is there a way to get the index of the a you clicked passed into the handler? Like if I clicked the second A i would = 2.Same question for any jquery method actually. Since they all work off of collections I'd like to be able to get the index on anything.
is there a way to run js functions one at a time? example, this is part of some code i
have:EvalSound('CorrectIs');
WrongAnswer();
PlaysRemain();
[code]....
See my code:
I don understand why this javascript:document.write(b); doesnt work in url...
We contract security services with Thawte and have become frustrated with their servers showing lag time. Our site basically runs a script to go to Thawte's site, executes code and returns a value to show protection. If their server is running very slow or down, the script line takes down our entire site because it can not complete execution. Here is the code:
<!-- THAWTE CODE - Comment Out when Thawte is having issues ********************* -->
<tr>
<td>
[code]....
have a select element that has a function attached via onchange. The function does some AJAX using the HTML_AJAX library.
When I use Firefox, if I select an item in the list, then the code executes in a timely manner, which means that I see lines 1 and 2 of my debugging output (displayed at the end of this posting). The code then displays a wait window. A second or so later, I see the third and final line of debugging output when the AJAX call has completed. The wait window then disappears. Yaay!
However (and you knew that this was coming even without the "IE" tag in the subject header, didn't you?), with Internet Explorer, I see no debug output nor wait window until AFTER the AJAX call has completed one second or so later. Suddenly, every line of debug output is displayed and the code is executed. Boo!
"Hold on! Are you saying that your Javascript code isn't being executed until after the AJAX call?"
This is what I am seeing with Internet Explorer! Even if I insert an alert() message in the code, I do not see it until AFTER the AJAX call has completed, even though it appears in the code before the AJAX call. Then, I see my alert() message. I do not see the wait window because it is displayed and immediately closed during the rush of code that executes after the AJAX call has completed. The whole idea of the wait window is to display while the AJAX call is working.
Here is the code for the select element:
HTML Code:
<select id="txtfieldNbNights" tabindex="4"
onblur="return ValidNbNights(this, 4, true);"
onchange="return OnNbNightsChanged(this);">
[Code]....
Suppose we have following javascript codes: Case 1.
var foo = function (){
var x = "hello";
var bar = function () {
alert(x);
} return bar;
} var bar_ref= foo();
document.write(bar_ref()); // it pops up "hello" and print-outs "undefined".
If we modified above code slightly, shown as follow: Case 2.
var foo = function (){
var x = "hello";
var bar = function () {
alert(x);
} return bar();
} var bar_ref= foo();
document.write(bar_ref()); // it only pops up "hello".
As you can see, Case 2 modified the return value from "return bar" to "return bar()," which won't cause the "undefined" output. To me, it looks like when the JS interpreter executes the line "bar_ref();" it triggers the execution of function "foo", besides both "return bar" and "return bar()" do the same job which is to execute function body of "bar".
The only difference is that after the execution of function bar, its function body does not exist anymore, so when the interpreter executes the line "return bar;" it follows the function identifier "bar" and ends up with "undefined". This is why the Case 1 gives us "undefined", but I am not quite clear about why the Case 2 can trace down to the function body of "bar". Do you have any ideas about such difference outputs?
I have discovered a XSS vuln in a website and I'd like to use this as a cookie grabber. If you can help, <removed>.
View 1 Replies View RelatedHow to avoid the execution of a function at the time of defining.
Here i am giving the details.
I am creating the following div container through DOM.
<div id="content">
<a href="#" onclick="displayDiv('content')" Click</a>
</div>
The Code is:
var category_list = document.getElementById('category_list');
var dom_div = document.createElement('div');
dom_div.id = 'content'
var dom_link = document.createElement('a');
dom_link.href ='#'
dom_link.onclick = displayDiv();
val = document.createTextNode('Click');
dom_link.appendChild(val);
dom_div.appendChild(dom_link);
category_list.appendChild(dom_div);
The displayDiv Funcion
function displayDiv()
{
dv = document.getElementById('content'); //Here is the error.
}
The Problem is when the following script:
dom_link.onclick = displayDiv('content');
is executed it is calling the function displayDiv(name)
Here we have the code
document.getElementById('content');
which throws the error.
The reason is the div container is not yet created.
What I need is the function should be called only on the click event. It should not be called while I define it to the Click Event. (ie it should not be called at the time of defining)
How to achieve this.
I'm trying to use delay() before changing the html contents of an object.Eg. myobj.text("Hi There").fadeIn().delay(2000).text("Bye!").fadeOut();The result of this is that it just shows "Bye!" then fades, without any delay. So delay() seems only to work only with effects methods (fade, etc) not with other methods.Is there any way of getting around this and making a pause between any type of method in a queue?
View 1 Replies View RelatedI'm developing with jQuery quite long right now, but recently I spotted one big problem with execution of jQuery code in Safari and Chrome. So everything is working fine in these browsers until jQuery code is placed in one page. But when using for example tabs plug-in loaded with ajax and on this loaded page exists some extra jQuery code it isn't executed.Co page is loaded but nothing is happening with code which was included. This problem doesn't exists in IE, FF or Opera. It appears only in Safari and Chrome. The same problem is when I'm loading page with $.get, $.post or $.ajax query. So it doesn't affect tabs plug-in but
overall functionality. I was checking that with latest versions of jQuery and UI today.
I am using jQuery 1.5.1 and am seeing a problem when testing in IE7 - all other browsers are fine.I am loading a number of scripts, and the last two load in the reverse order in which their respective script tags are listed, presumably because the last one is considerably smaller than the one previous. The problem is, instead of waiting for ALL scripts to load, jQuery begins processing the ready handlers before the final script loads. Subsequently, my handlers attempt to access objects that aren't defined, yet.Is this a known problem that is fixed in later jQuery versions, and is there some way I can work around this to ensure the ready handlers actually wait until ALL the scripts are loaded?
View 1 Replies View Related
