I am trying to write code to print a message 5 seconds after document has loaded.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script>
[Code]....
The message appears ok but the page loading bar in the browser + hourglass wont go away (in firefox).
I'm writing some code so that my comments section automatically updates every 10 seconds. The code i wrote does update it but sends off about 40 request every 10 seconds until it eventually crashes the browser.
[Code]...
Is it possible to "ajaxlike" make a animation while loading an internal page... Is there a tutorial for this or example?
View 1 Replies View RelatedI am using the following code in the button_click event in xxxxx.htm
page which is URL for the showModalDialog window.
function btnAddComment_Onclick()
{
var user_info = new ActiveXObject("Msxml2.DOMDocument");
user_info.async = false; *****causing the error.
user_info.load("../xml/userinfo.aspx");
}
user_info.asyc = false is throwing the error (Object doesnt support the
method or property. Do you want to debug?) This is happening only on
the production region and after I choose not to debug and click on the
button once again it is working fine.
I'm trying to graph line with a delay between each line drawn - my code is:
var jg = new jsGraphics('Canvas');
jg.setColor('maroon');
jg.drawLine(40,130,80,120);
setTimeout('jg.paint()',10000);
jg.drawLine(80,120,120,110);
setTimeout('jg.paint()',10000);
Unfortunately it draws all the lines at the same time i.e the setTimeout function doesn't like the paint method.
I have a page that's built using ASP.NET and using a master page.Page contents shows up for a moment then I get a blank page - when I run it. If I remove the jQuery code from my page - then I get the contents.
I tried putting the following in the master page.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" >
</script>
been a while since i been to the experts for help figures i was about due for an issue beyond my solving capabilities
ok so the code The function containing the rogue setTimeout
function refresh_timer(){
//alert(window.timer);
var total = getTotal();
document.getElementById('status').innerHTML = 'Updating in '+ (total-(window.timer+1))+' seconds.';
if((total-window.timer) == 0){
[Code]...
I have created a script that needs to constanstly poll a webpage, I do
this with a controling function that fires off different functions to
do the work, then restarts by calling itself after a second using
settimeout.
on IE it runs forever, on firefox it stops after a while,
what am I doing wrong?
is there a limit on the number of times you can go around this type
loop you can go around in firefox?
if there is a limit, how do I get around it?
Would it be freak out if the function is already running when it is
fired again?
I am trying to make a simple image change involving an animated gif using javascript. After 5 seconds, the original image (which is simply a transparent pixel gif) changes to an animated gif.
in the body:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
[Code]...
I know this isn't a problem with the gif itself, because displaying the gif in firefox does not produce any issues. Does anyone know why these problems are occurring in firefox? I'd like not to have to use a broken src link to make it work, and it's weird that that's a way to solve the animation issues.
I believe I'm having an issue with the jQuery Cycle plugin. For the duration of the occurrence of a transition, the page appears to be "jumping" due to the fact that the site content is centered vertically and horizontally and the transition is making (inactive) scrollbars disappear entirely. I have not witnessed this personally in Safari/Firefox on Mac or Firefox/IE8 on Windows, but a colleague took a video of it happening on their machine with Firefox (Mac). Some see this problem, and others don't—I haven't been able to narrow it down. I also can't put overflow:hidden; on <body>, as I need the site to scroll if the browser window is too small.Here's the video, it's a 1.8 MB QuickTime file:[URL]
View 1 Replies View Relateddo the following: I have a thumbnail image that on rollover swaps to another image. At the same time i want to do a fade out/fade in animation between the images. Most of it is working but when the page loads for the first time there is no swaping of the image but just a fast opactity effect on the first image. Then if i try the rollover for the second time it does work as expected. Is it because the image that im loading doesn't load fast enough and the whole animation onRollover doesn't happen? I also have a problem when Rollover fast on the thumbnails. It just stays on the second image but doesn't go back to the first original image? For some reason the animation gets confused between the Rollover and Rollout states. Here is a link to see the example
[Code]...
I know this is not a good practice but do is why im looking for help in this forum.
I have 2 fixed divs in the site I'm developing. One of them is just a tab and the other div is a contact panel. These divs alternate - if the user clicks on the tab, the tab is hidden, and the panel shows and vice versa. Everything works great. Except that when I click on the link to hide either tab or the panel, the page behind it scrolls to the top. I would like the panel to show/hide but for the page behind it to be unaffected.
// Configure Contact Us panel on page load
$('#contacton').hide();
$('#contactoff').show();
var contacting = false;
[Code].....
I'm writing a script, part of which calls an AJAX request to populate a table. This script runs when the page is first loaded and when different buttons are clicked on the page (I won't go into the details here). It works just fine when the page is first loaded, but whenever the function is called from any other event on the page (onclick, etc) it performs the function, but then proceeds to reload the whole page!
I've spent a long time debugging and trying to figure out exactly where the trouble is starting, and the only thing I can think is that some sort of "reload page" command is being sent to the browser somewhere that I'm not seeing. In Firefox, after the request is complete and the response data is written to the page, the page reloads. However, in Safari, the page reloads after the readyState is 1, so the request hasn't even been sent yet.
Here is the offending function:
Javascript Code:
function fillLogTable(date, org, poc, name)
{
document.getElementById("visitLogTableDiv").innerHTML = "<br />Loading...";
//fetch the logs
[Code]....
I have an iframe somewhere on my page. Now on click of a link, I would like to show it in a different location on the same page, BUT I don't want it to reload again. I've tried this simple method but it doesn't do it because the iframe reloads in its new location.
<script type="text/javascript">
function move(what, where)
{
document.getElementsByID(where).innerHTML = document.getElementsByID(what).innerHTML;
}
</script>
[Code]...
I have a floating button that is on a webpage via a javascript call.For one customer whose site is aspx, it causes a spontaneous redirection to the home page on their site.This happens after about a minute on the page & only on IE(7 or 8), BUT not on every IE configuration that I've tried. I've watched it happen with firebug lite running and didn't see any console messages or anything.
View 1 Replies View RelatedI have an iframe and I want to display a loading animation to the user until the iframe is fully loaded, this is want I did:
1. I start the iframe with style:display:none
2. I have a div that wraps the iframe
3. When the iframe is fully loaded a method is called from the iframe 'removeDivs', I change the div to be invisble with style:display:none and I set the iframe to be visible with stle:display:""
4. The problem: Because the div wraps the iframe, after changing the style of the iframe its stay invisible, the property I set doesn't affect.
[Code]...
I am using a timer to fadeOut and fadeIn some articles such that 5 articles are displayed in rotation.However, for some reason the call to fadeIn or fadeOut is causing the page to change it's y scroll position. If I am currently at the bottom of the page, the fadeIn call causes the page to scroll up.
View 2 Replies View RelatedI'm using a .click event handler to add new classes to 9 list items. It does this perfectly, but once it's been clicked it reloads the page and everything resets!Here's the jQuery:
$("#diamond").click( function() {
$("#storage ul li#1").addClass("box1-diamond");
$("#storage ul li#2").addClass("box2-diamond");
[code]....
I have a very simple image rotator that brings in images then rotates through them using fadein/out.
You can see it going here: [URL]. If you scroll down to the bottom of the page then wait a few seconds the main image will rotate and the browser will jump up (almost as if it's going to an anchor).
The images are brought in to a 100% div and the images are specified to 100% width (not sure if this is related but I'd thought i'd let you know!).
The code I'm using is this:
function run_slides(id){
var curid;
var nextid;
curid=id;
[Code].....
I got this message when i try to open the main page of my applicationpankaj.site in IE 6 or IE 7. This is working fine in Firefox, Safarietc."Stop running the script?A script on this page is causing IE to run slowly.If it continues to run, your computer may become unresponsive."After I clicked the "Yes" button, then the loading message came up andstopped there.
View 1 Replies View RelatedMy problem arises when I use this to access the portfolio section. The portfolio section doesn't seem to work. If you head over to http:[url]... , you can see how the section should render and how a person can use the scroll feature, however, when the content is loaded using jQuery, it doesn't function properly.Additionally another problem i'm realizing is the delay of the content. For example, if you are on the contact page and then click on downloads, the content will slide left and then slide back right when the content is loaded. However the problem i'm seeing is the delay in the content loading meaning that the animation will finish and the content will then load.A second or two delay. I've tested it in multiple browsers and seeing the same problem. Surprisingly the only browser i'm not seeing this in is IE6.
View 3 Replies View RelatedI am also trying to achieve , displaying a loading activity indicator gif till the server (JSP) processes the validation work for my Ajax call.
Below is my code:
Code:
var httpRequest = newXMLHttpRequest();
//Show loading activity indicator gif
showLoadingImg();
[Code].....
The only thing I am not able to see the loading gif functionality.. But as I said..
If I put an alert message in function showLoadingImg() or the make the red line uncomment (making the line a error), Then I am getting the loading gif functionality work..
But, all next functions fail due to above red lined error (if its uncommented).
I made a scale animation that works on IE 7 but it does not work on Firefox 3.
The button toggles between scaling up and down.
In Firefox , it shows a weird behavior: it starts the loop for scaling up but it is quickly interrupted and return to its original scale.
What should I change in the below code to make it also functional on Firefox 3 ?[code]...
I made a scale animation that works on IE 7 but it does not work on Firefox 3.
The button toggles between scaling up and down.
In Firefox , it shows a weird behavior: it starts the loop for scaling up but it is quickly interrupted and return to its original scale.
What should I change in the below code to make it also functional on Firefox 3 ? code...
I have been working with this code:
Code Java:
function heroSliders() {
var $active = $('#slideshow img.active');
if ( $active.length == 0 ) $active = $('#slideshow img:last');[code]....
When the page loads all the images kind of load very quickly causing a flicker, and then the slideshow begins.
I'm here trying to simply expand a table cell's width to 88% whiledecrease it's siblings's width to 2% each.elow is the code
$('#mytable td').click(function (event) {
$(this).animate({
'width': '88%'
[code]....
