UN JAVASCRIPT A LA SEMANA: mensajes de preloading sin refresh de página

Mensajes de preloading ^1/2

semana 75 - 10 julio 2000

El mes de febrero pasado hemos mostrado cómo realizar un preload de página con Javascript. Para mayores detalles, te remitimos a la página de archivo:

http://www.htmlpoint.com/mailing/archivo/56/index.html

Esta semana retomamos el tema examinando sintaxis y efectos de un script similar. Su funcionamiento es bastante simple: un texto que aparece visualizado en secuencia antes de cargar definitivamente una última página. En este caso, no se trata de preload, visto que no hay una correspondiente carga en memoria de imágenes sucesivas. Es exclusivamente un efecto gráfico.

El ejemplo consta de 1 file:

esempio.htm

El código necesario para el funcionamiento del scrit se insertará enteramente en el cuerpo del documento (entre las marcas BODY). He aquí la sintaxis completa:

esempio.htm

Antes de nada, hay que impostar la hoja de estilo en el encabezamiento del documento. En particular, entre las marcas hay que incluir el siguiente código:

var intervals=2000
var targetdestination="http://www.htmlpoint.com"

var splashmessage=new Array()
var openingtags='<font face="Arial" size="4">'
splashmessage[0]="www.htmlpoint.com"
splashmessage[1]="el sitio italiano del web publishing"
splashmessage[2]="donde encontrar todo lo necesario para tu páginaWeb"
splashmessage[3]="applet java, javascript, guías, tutorial, artículos y news"
splashmessage[4]="Siempre actualizado y gratis"
splashmessage[5]="Visítanos...."
var closingtags='</font>'

var i=0

function displaysplash_ie(){
if (i<splashmessage.length){
sc_ie.style.visibility="hidden"
sc_ie.innerHTML='<b><center>'+openingtags+splashmessage[i]+closingtags+'</center></b>'
sc_ie.style.top=document.body.scrollTop+document.body.clientHeight/2-sc_ie.offsetHeight/2
sc_ie.style.visibility="visible"
i++
}
else{
window.location=targetdestination
return
}
setTimeout("displaysplash_ie()",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 (document.all){
sc_ie=document.all.splashcontainer
sc_ie.style.left=document.body.scrollLeft+document.body.clientWidth/2-sc_ie.offsetWidth/2
sc_ie.style.top=document.body.scrollTop+document.body.clientHeight/2-sc_ie.offsetHeight/2
displaysplash_ie()
}
else if (document.layers){
sc_ns=document.splashcontainerns
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"
displaysplash_ns()
}
else
window.location=targetdestination
}
window.onload=positionsplashcontainer

</script>

[ P á g i n a s u c e s i v a ]