Miscellaneous Code

  Home arrow Miscellaneous Code arrow Splash (intro) screen
MISCELLANEOUS CODE

Splash (intro) screen
By: Codewalkers
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 5 stars5 stars5 stars5 stars5 stars / 1
    2002-12-12

    Table of Contents:

     
     

    SEARCH CODEWALKERS

    TOOLS YOU CAN USE

    advertisement
    Simple splash screen for use as an introduction for websites. Download the tutorial for help.

    By : webmaster_jcn

    <html>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

    <title>Splash down!</title>
    <title>Intro Screen...</title>


    <!--Code created by Jared Nance (webmaster@thekidworks.zzn.com)-->

    </head>

    <body bgcolor="#000000" text="#FFFFFF">


    <div id="splashcontainer" style="position:absolute;width:350px;"></div>

    <layer id="splashcontainerns" width=450></layer>


    <script>


    //Specify the paths of the images to be used in the splash screen, if any.
    //If none, empty out array (ie: preloadimages=new Array())
    var preloadimages=new Array("http://abstract.simplenet.com/point.gif","http://abstract.simplenet.com/point2.gif")
    //configure delay in miliseconds between each message (default: 3 seconds)
    var intervals=2000
    //configure destination URL
    var targetdestination="http://www.ptnc.com/kidworks/default1.htm"

    //configure messages to be displayed
    //If message contains apostrophe('), backslash them (ie: "I\'m fine")

    var splashmessage=new Array()
    var openingtags='<font face="Arial" size="4" color=white>'
    splashmessage[0]=''
    splashmessage[1]=''
    splashmessage[2]=''
    splashmessage[3]=''
    splashmessage[4]=''
    splashmessage[5]=''
    splashmessage[6]=''
    splashmessage[7]=''
    var closingtags='</font>'

    //Do not edit below this line (besides HTML code at the very bottom)

    var i=0

    var ns4=document.layers?1:0
    var ie4=document.all?1:0
    var ns6=document.getElementById&&!document.all?1:0
    var theimages=new Array()

    //preload images
    if (document.images){
    for (p=0;p<preloadimages.length;p++){
    theimages[p]=new Image()
    theimages[p].src=preloadimages[p]
    }
    }

    function displaysplash(){
    if (i<splashmessage.length){
    sc_cross.style.visibility="hidden"
    sc_cross.innerHTML='<b><center>'+openingtags+splashmessage[i]+closingtags+'</center></b>'
    sc_cross.style.left=ns6?parseInt(window.pageXOffset)+parseInt(window.innerWidth)/2-parseInt(sc_cross.style.width)/2 : document.body.scrollLeft+document.body.clientWidth/2-parseInt(sc_cross.style.width)/2
    sc_cross.style.top=ns6?parseInt(window.pageYOffset)+parseInt(window.innerHeight)/2-sc_cross.offsetHeight/2 : document.body.scrollTop+document.body.clientHeight/2-sc_cross.offsetHeight/2
    sc_cross.style.visibility="visible"
    i++
    }
    else{
    window.location=targetdestination
    return
    }
    setTimeout("displaysplash()",intervals)
    }

    function displaysplash_ns(){
    if (i<splashmessage.length){
    sc_ns.visibility="hide"
    sc_ns.document.write('<b>'+openingtags+splashmessage[i]+closingtags+'</b>')
    sc_ns.document.close()

    sc_ns.left=pageXOffset+window.innerWidth/2-sc_ns.document.width/2
    sc_ns.top=pageYOffset+window.innerHeight/2-sc_ns.document.height/2

    sc_ns.visibility="show"
    i++
    }
    else{
    window.location=targetdestination
    return
    }
    setTimeout("displaysplash_ns()",intervals)
    }



    function positionsplashcontainer(){
    if (ie4||ns6){
    sc_cross=ns6?document.getElementById("splashcontainer"):document.all.splashcontainer
    displaysplash()
    }
    else if (ns4){
    sc_ns=document.splashcontainerns
    sc_ns.visibility="show"
    displaysplash_ns()
    }
    else
    window.location=targetdestination
    }
    window.onload=positionsplashcontainer

    </script>

    <!--Set href in below link to the URL of the target destination-->

    <p>&nbsp;</p>

    <div align="right">
    <table border="0" width="200" height="100%" cellspacing="0" cellpadding="0">
    <td width="100%" valign="bottom" align="right">
    [<font color="#000000"> </font> <font color="#FFFFFF"> <a href="default1.htm">Skip Intro</a>
    </font> ]
    </td>
    </table></div>


    </body>
    </html>



    Click to Download File



    DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.

    More Miscellaneous Code Articles
    More By Codewalkers

    blog comments powered by Disqus

    MISCELLANEOUS CODE ARTICLES

    - Creating a Web Page Controller with the HMVC...
    - Coding Controllers and Views for the HMVC De...
    - A Sample Web Application with the HMVC Desig...
    - Adding a Class to Parse Views to an HMVC Des...
    - Building a Model Class for the HMVC Design P...
    - Filtering Input Data and Generating HTML For...
    - The HMVC Design Pattern: Working with MySQL ...
    - Dispatching Requests to MVC Triads with the ...
    - Implementing the Hierarchical Model-View-Con...
    - A Web App Based on a Model for the CodeIgnit...
    - Completing a Model for the CodeIgniter PHP F...
    - Validating Input Data with the CodeIgniter P...
    - Deleting Database Records with the CodeIgnit...
    - Inserting Database Records with a CodeIgnite...
    - Fetching Database Rows with a Model for the ...


    © 2003-2012 by Developer Shed. All rights reserved. DS Cluster 6 - Follow our Sitemap