PDA

View Full Version : Splash Screen Help



Johntech
03-26-2006, 11:10 PM
I have edited this html code to be the following but it is blank page only background color blue and <skip page> Can you please look at the html code below and help me fix it? THANK YOU VERY MUCH, JohnTech Admin (John)

<html>

<head>
<title>CopTicSol Intro </title>
</head>

<body bgcolor="#0000CC" text="#00CC00">

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

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


<script>

/*
Dynamic Splash Screen effect- Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use,
Visit http://dynamicdrive.com
*/

//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://copticsol.tripod.com/sitebuildercontent/sitebuilderpictures/coptech-sol.gif","http://copticsol.tripod.com/sitebuildercontent/sitebuilderpictures/copticsol6.gif","http://copticsol.tripod.com/sitebuildercontent/sitebuilderpictures/Johntech.gif)
//configure delay in miliseconds between each message (default: 2 seconds)
var intervals=8000
//configure destination URL
var targetdestination="http://copticsol.tripod.com/index.html"

//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="5">'
splashmessage[0]='<img src="http://copticsol.tripod.com/sitebuildercontent/sitebuilderpictures/coptech-sol.gif">'Welcome To ++COPTICSOL++'<img src="http://copticsol.tripod.com/sitebuildercontent/sitebuilderpictures/copticsol6.gif">'
splashmessage[1]='The CopTic Orthodox Path to soul Enlighten'
splashmessage[2]='CopticSol is now officially part of the CopTech Team! WELCOME to our 2006 new and improved CopticSol. The site is BIGGER, BETTER and FASTER.
+ God bless you all +'
splashmessage[3]='We have added so many things but you need to come back to get the details. The only thing that has not changed is our mission, and that is bringing the Coptic Orthdox Christian community together.'
splashmessage[4]='Please look around everywhere and give us your feedback or fill our quick form. Also Please download our toolbar with alot of features and Links to all pages on this site!!'
splashmessage[5]='<img src="http://copticsol.tripod.com/sitebuildercontent/sitebuilderpictures/coptech-sol.gif">IS CREATED AND PUBLISHED BY<img src="http://copticsol.tripod.com/sitebuildercontent/sitebuilderpictures/copticsol6.gif">,<img src="http://copticsol.tripod.com/sitebuildercontent/sitebuilderpictures/Johntech.gif">'
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-->

<div align="right">
<table border="0" width="200" height="100%" cellspacing="0" cellpadding="0">
<td width="100%" valign="bottom" align="right">
[ <a href="http://copticsol.tripod.com/home.html"><font color="#FFFFFF">Skip Intro</font></a> ]
</td>
</table>
</div>


</body>
</html>

jscheuer1
03-27-2006, 05:51 AM
There are a number of syntax errors in the arrays. A missing closing quote (") from the image array and unescaped single quotes (') in the message array:


//If message contains apostrophe('), backslash them (ie: "I\'m fine")

and one extraneous line break that might be the forum editor working overtime but it looked like you meant to have a <br> tag there. You may want to format things a bit differently and use a narrower image (for folks with averaged and/or smaller sized monitors) but at least this runs:


<html>

<head>
<title>CopTicSol Intro </title>
</head>

<body bgcolor="#0000CC" text="#00CC00">

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

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


<script>

/*
Dynamic Splash Screen effect- Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use,
Visit http://dynamicdrive.com
*/

//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://copticsol.tripod.com/sitebuildercontent/sitebuilderpictures/coptech-sol.gif","http://copticsol.tripod.com/sitebuildercontent/sitebuilderpictures/copticsol6.gif","http://copticsol.tripod.com/sitebuildercontent/sitebuilderpictures/Johntech.gif")
//configure delay in miliseconds between each message (default: 2 seconds)
var intervals=8000
//configure destination URL
var targetdestination="http://copticsol.tripod.com/index.html"

//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="5">'
splashmessage[0]='<img src="http://copticsol.tripod.com/sitebuildercontent/sitebuilderpictures/coptech-sol.gif">\'Welcome To ++COPTICSOL++\'<img src="http://copticsol.tripod.com/sitebuildercontent/sitebuilderpictures/copticsol6.gif">'
splashmessage[1]='The CopTic Orthodox Path to soul Enlighten'
splashmessage[2]='CopticSol is now officially part of the CopTech Team! WELCOME to our 2006 new and improved CopticSol. The site is BIGGER, BETTER and FASTER.<br>+ God bless you all +'
splashmessage[3]='We have added so many things but you need to come back to get the details. The only thing that has not changed is our mission, and that is bringing the Coptic Orthdox Christian community together.'
splashmessage[4]='Please look around everywhere and give us your feedback or fill our quick form. Also Please download our toolbar with alot of features and Links to all pages on this site!!'
splashmessage[5]='<img src="http://copticsol.tripod.com/sitebuildercontent/sitebuilderpictures/coptech-sol.gif">IS CREATED AND PUBLISHED BY<img src="http://copticsol.tripod.com/sitebuildercontent/sitebuilderpictures/copticsol6.gif">,<img src="http://copticsol.tripod.com/sitebuildercontent/sitebuilderpictures/Johntech.gif">'
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-->

<div align="right">
<table border="0" width="200" height="100%" cellspacing="0" cellpadding="0">
<td width="100%" valign="bottom" align="right">
[ <a href="http://copticsol.tripod.com/home.html"><font color="#FFFFFF">Skip Intro</font></a> ]
</td>
</table>
</div>


</body>
</html>

Johntech
03-27-2006, 10:50 PM
:) Thanks it work!!1 thanks so much