Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Mar 2005
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Modify this script?

    How cna i modify this script so instead of clicking the button to open teh progress bar its automatticaly displayed on the page when it loads?

    Code:
    <style>
    <!--
    .hide { position:absolute; visibility:hidden; }
    .show { position:absolute; visibility:visible; }
    -->
    </style>
    
    <SCRIPT LANGUAGE="JavaScript">
    
    //Progress Bar script- by Todd King (tking@igpp.ucla.edu)
    //Modified by JavaScript Kit for NS6, ability to specify duration
    //Visit JavaScript Kit (http://javascriptkit.com) for script
    
    var duration=3 // Specify duration of progress bar in seconds
    var _progressWidth = 50;	// Display width of progress bar
    
    var _progressBar = new String("");
    var _progressEnd = 10;
    var _progressAt = 0;
    
    
    // Create and display the progress dialog.
    // end: The number of steps to completion
    function ProgressCreate(end) {
    	// Initialize state variables
    	_progressEnd = end;
    	_progressAt = 0;
    
    	// Move layer to center of window to show
    	if (document.all) {	// Internet Explorer
    		progress.className = 'show';
    		progress.style.left = (document.body.clientWidth/2) - (progress.offsetWidth/2);
    		progress.style.top = document.body.scrollTop+(document.body.clientHeight/2) - (progress.offsetHeight/2);
    	} else if (document.layers) {	// Netscape
    		document.progress.visibility = true;
    		document.progress.left = (window.innerWidth/2) - 100;
    		document.progress.top = pageYOffset+(window.innerHeight/2) - 40;
    	} else if (document.getElementById) {	// Netscape 6+
    		document.getElementById("progress").className = 'show';
    		document.getElementById("progress").style.left = (window.innerWidth/2)- 100;
    		document.getElementById("progress").style.top = pageYOffset+(window.innerHeight/2) - 40;
    	}
    
    	ProgressUpdate();	// Initialize bar
    }
    
    // Hide the progress layer
    function ProgressDestroy() {
    	// Move off screen to hide
    	if (document.all) {	// Internet Explorer
    		progress.className = 'hide';
    	} else if (document.layers) {	// Netscape
    		document.progress.visibility = false;
    	} else if (document.getElementById) {	// Netscape 6+
    		document.getElementById("progress").className = 'hide';
    	}
    }
    
    // Increment the progress dialog one step
    function ProgressStepIt() {
    	_progressAt++;
    	if(_progressAt > _progressEnd) _progressAt = _progressAt % _progressEnd;
    	ProgressUpdate();
    }
    
    // Update the progress dialog with the current state
    function ProgressUpdate() {
    	var n = (_progressWidth / _progressEnd) * _progressAt;
    	if (document.all) {	// Internet Explorer
    		var bar = dialog.bar;
     	} else if (document.layers) {	// Netscape
    		var bar = document.layers["progress"].document.forms["dialog"].bar;
    		n = n * 0.55;	// characters are larger
    	} else if (document.getElementById){
                    var bar=document.dialog.bar
            }
    	var temp = _progressBar.substring(0, n);
    	bar.value = temp;
    }
    
    // Demonstrate a use of the progress dialog.
    function Demo() {
    	ProgressCreate(10);
    	window.setTimeout("Click()", 100);
    }
    
    function Click() {
    	if(_progressAt >= _progressEnd) {
    		ProgressDestroy();
    		return;
    	}
    	ProgressStepIt();
    	window.setTimeout("Click()", (duration-1)*1000/10);
    }
    
    function CallJS(jsStr) { //v2.0
      return eval(jsStr)
    }
    
    </script>
    
    <SCRIPT LANGUAGE="JavaScript">
    
    // Create layer for progress dialog
    document.write("<span id=\"progress\" class=\"hide\">");
    	document.write("<FORM name=dialog>");
    	document.write("<TABLE border=2  bgcolor=\"#FFFFCC\">");
    	document.write("<TR><TD ALIGN=\"center\">");
    	document.write("Progress<BR>");
    	document.write("<input type=text name=\"bar\" size=\"" + _progressWidth/2 + "\"");
    	if(document.all||document.getElementById) 	// Microsoft, NS6
    		document.write(" bar.style=\"color:navy;\">");
    	else	// Netscape
    		document.write(">");
    	document.write("</TD></TR>");
    	document.write("</TABLE>");
    	document.write("</FORM>");
    document.write("</span>");
    ProgressDestroy();	// Hides
    
    </script>
    
    
    <form name="form1" method="post">
    <center>
    <input type="button" name="Demo" value="Display progress" onClick="CallJS('Demo()')">
    </center>
    </form>
    
    <a href="javascript:CallJS('Demo()')">Text link example</a>
    
    <p align="center"><font face="arial" size="-2">This free script provided by</font><br>
    <font face="arial, helvetica" size="-2"><a href="http://www.javascriptkit.com">JavaScript
    Kit</a></font></p>

  • #2
    Kor
    Kor is offline
    Red Devil Mod Kor's Avatar
    Join Date
    Apr 2003
    Location
    Bucharest, ROMANIA
    Posts
    8,478
    Thanks
    58
    Thanked 379 Times in 375 Posts
    I gues you may try:

    onload=function(){
    CallJS('Demo()')
    }
    KOR
    Offshore programming
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •