SitePoint Sponsor

User Tag List

Results 1 to 12 of 12

Threaded View

  1. #1
    SitePoint Zealot php.net's Avatar
    Join Date
    Oct 2003
    Location
    php.net
    Posts
    162
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Need a help with progress loading bar

    Hello all,

    I need some update for this code :

    1- i need to change loading bar table with gif images for loading, i try to put gif image but it not moved
    2- i need to delete this form and submit button in this code i need to be redirect for other page automatically.

    Thats only and this is code for progress loading bar.

    Code:
    <html> 
        <head> 
              
            <script type="text/javascript"> 
                <!--//--><![CDATA[//><!-- 
                    function progress(){ 
                    intWidth = parseInt(document.getElementById("statusBar").style.width) + 1; 
                    if(intWidth <= 400){ 
                         document.getElementById("statusBar").style.width = intWidth+"px"; 
                    }else{ 
                         document.getElementById("statusBar").style.width = 0; 
                    } 
                         setTimeout("progress()",300); 
                    } 
                //--><!]]> 
            </script> 
         
        </head> 
        <body> 
         
            <div id="displayed"> 
                <form  action="#" method="post" onsubmit=" 
                    document.getElementById('hidden').style.display=''; 
                    document.getElementById('displayed').style.display='none'; 
                    progress(); 
                    return true; 
                "> 
                    <input id="submit" type="submit" name="submit" value="start demo" /> 
                </form> 
            </div> 
             
            <div id="hidden" style="display: none;"> 
             
                <p style="font-size: 15pt; font-family: sans-serif; color:#fd6700; background:#fff;"> 
                    Loading... 
                </p> 
             
                <div id="statusBar" style=" 
                    margin:0px; 
                    padding: 0px; 
                    width:0px; 
                    height:5px; 
                    background-color:#000000; 
                    margin-top:0px; 
                    text-align: left; 
                    font-size: 0pt;" 
                >
                </div> 
                </div> 
            </div> 
    
        </body> 
    </html>
    i need to change this part

    Code:
            <div id="displayed"> 
                <form  action="#" method="post" onsubmit=" 
                    document.getElementById('hidden').style.display=''; 
                    document.getElementById('displayed').style.display='none'; 
                    progress(); 
                    return true; 
                "> 
                    <input id="submit" type="submit" name="submit" value="start demo" /> 
                </form> 
            </div> 
             
            <div id="hidden" style="display: none;">
    with image

    Code:
    <img src="images/progress.gif" width="16" height="16" />
    Thanks for help
    Attached Images Attached Images
    Last edited by php.net; Aug 17, 2006 at 04:11.


Bookmarks

Posting Permissions

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