Buenas, tengo un problema. Os explico:
En el mismo index de mi pàgina tengo 4 javascripts: un contador de visitas, un scroll de noticias, un reloj (que cada segundo comprueba el reloj y actualiza) y un link a un PopUp.
El problema reside en que el scroll de notícias tiene una opcion de "On Roll over" parar el scroll, y al quitar el raton se vuelve a poner en marcha. Pero cuando passo por encima del scroll para parar la notícia me para la ejecucion de todos los otros scripts y consiguientemente me para el reloj y no es agradable tener un reloj que te dice la hora parado. No?
El codigo del scroll de notícias (que creo que es el causante) del problema es este:
</SCRIPT>
<script language="JavaScript" type="text/JavaScript">
var ancho = 140
var alto = 130
var marco = 0
var fondo = ''
var pausilla = 1500 var destino = "_blank"
var cursor = "default;"
var colTitular = '#3B782E'
var colTexto = '#000000'
var colFecha = '#6BA75F'
var colEnlace = '#660000'
var fuente = "arial"
var tamTitular = '12'
var tamTexto = '10'
var tamFecha = '10'
var tamEnlace = '8'
var masInfo = false
var poneFecha = true
function noticia(titular,texto,fecha,enlace,destino)
{
this.titular = titular
this.texto = texto
this.fecha= fecha
this.enlace = enlace
this.destino = destino
}
var noticias = new Array()
noticias[0]= new noticia("Riki KO","Hemos perdido toda opcion gracias a Riki","05/04/06",""
//noticias[1]= new noticia("Seguiremos así siempre?","El resultado es lo de menos pero no le ha hecho mucha gracia el baño que ha recibido","05/04/06",""
var det = false
function escribe(){
document.write ('<div id="mami" style="width:' + ancho + '; height:' + alto + 'px; position:relative; overflow:hidden ">')
document.write('<table bgcolor="' + fondo + '" border = "' + marco + '" width="' + ancho + '" height="100%"><tr><td valign="top">')
document.write ('<div id="uno" style="top:' + alto +'; width:' + ancho + 'px; height:' + alto + 'px; ">')
document.write ('<div class="titular">')
document.write (noticias[0].titular)
document.write ('</div>')
document.write ('<div class="fecha">')
document.write (noticias[0].fecha)
document.write ('</div>')
document.write ('<div class="texto">')
document.write (noticias[0].texto)
document.write ('</div>')
if(masInfo == true){
document.write ('<a class="enlace" href="')
document.write (noticias[0].enlace)
document.write ('" target="' + destino + '"> + info </a>')
}
document.write ('</div>')
document.write ('<div id="dos" style="top:' + (alto*2) +'; width:' + ancho + 'px; height:' + alto + 'px; ">')
document.write ('<div class="titular">')
document.write (noticias[1].titular)
document.write ('</div>')
document.write ('<div class="fecha">')
document.write (noticias[1].fecha)
document.write ('</div>')
document.write ('<div class="texto">')
document.write (noticias[1].texto)
document.write ('</div>')
if(masInfo == true){
document.write ('<a class="enlace" href="')
document.write (noticias[1].enlace)
document.write ('" target = "' + destino + '"> + info </a>')
}
document.write ('</div>')
document.write('</td></tr></table>')
document.write ('</div>')
if(navigator.appName == "Netscape"
{altoUno = document.getElementById('uno').offsetHeight}
else
{altoUno = document.getElementById('uno').clientHeight}
document.getElementById('uno').onmouseover =function(){
det = true
clearTimeout(tiempo)
}
document.getElementById('uno').onmouseout =function(){
det = false;
clearTimeout(tiempo)
escrolea()
}
document.getElementById('dos').onmouseover =function(){
det = true
clearTimeout(tiempo)
}
document.getElementById('dos').onmouseout =function(){
det = false;
clearTimeout(tiempo)
escrolea()
}
}
desp = 1
var cont = 1
var pos,pos2
function escrolea(){
pos = document.getElementById('uno').style.top
pos = pos.replace(/px/,""
pos = pos.replace(/pt/,""
pos = new Number(pos);
pos2 = document.getElementById('dos').style.top
pos2 = pos2.replace(/px/,""
pos2 = pos2.replace(/pt/,""
pos2 = new Number(pos2);
pos -= desp
pos2 -= desp
if (pos == desp){
var contenidos = ""
document.getElementById('dos').style.top = alto
document.getElementById('dos').childNodes[0].firstChild.nodeValue = noticias[cont].titular
if(poneFecha == true){
document.getElementById('dos').childNodes[1].firstChild.nodeValue = noticias[cont].fecha
}
document.getElementById('dos').childNodes[2].firstChild.nodeValue = noticias[cont].texto
if(masInfo == true){
document.getElementById('dos').childNodes[3].href = noticias[cont].enlace
}
document.getElementById('uno').style.top = 0
if(cont == noticias.length-1)
{cont=0}
else{
cont++
}
pausa()
return false
}
else{
if (pos2 == desp){
var contenidos = ""
document.getElementById('uno').style.top = alto
document.getElementById('uno').childNodes[0].firstChild.nodeValue = noticias[cont].titular
if(poneFecha == true){
document.getElementById('uno').childNodes[1].firstChild.nodeValue = noticias[cont].fecha
}
document.getElementById('uno').childNodes[2].firstChild.nodeValue = noticias[cont].texto
if(masInfo == true){
document.getElementById('uno').childNodes[3].href = noticias[cont].enlace
}
document.getElementById('dos').style.top = 0
if(cont == noticias.length-1)
{cont=0}
else{
cont++
}
pausa()
return false
}
else{
document.getElementById('uno').style.top = pos
document.getElementById('dos').style.top = pos2
}
}
tiempo = window.setTimeout('escrolea()',50)
}
var tiempo
function pausa()
{
clearTimeout(tiempo)
if (det == false){
tiempo = setTimeout ('continuar()',2000)
}
}
function continuar()
{
if(det == false)
{escrolea()}
}
document.write('<style type="text/css">')
document.write ('#uno {')
document.write ('color: #006699;')
if(cursor == "pointer" || cursor == "hand"{
cursor = (navigator.appName == "Netscape"?'pointer;':'hand;';
}
document.write ('cursor:' + cursor + ";"
document.write ('position:absolute;}')
document.write ('#dos {')
document.write ('color: #006699;')
document.write ('cursor:' + cursor + ";"
document.write ('position:absolute;}')
document.write ('.titular{')
document.write ('color:' + colTitular +';')
document.write ('font-family:' + fuente + ';')
document.write ('font-size :' + tamTitular + ';font-weight:bold}')
document.write ('.texto{')
document.write ('color:' + colTexto + ';')
document.write ('font-family:' + fuente + ';')
document.write ('font-size:' + tamTexto + ';}')
if(poneFecha == true){
document.write ('.fecha{')
document.write ('color:' + colFecha +';')
document.write ('font-family:' + fuente + ';')
document.write ('font-size :' + tamFecha + ';font-weight:bold}')
}
else{
document.write ('.fecha{display: none;}')
}
document.write ('.enlace{')
document.write ('color:' + colEnlace + ';')
document.write ('font-family:' + fuente + ';')
document.write ('font-size:' + tamEnlace + ';}')
document.write ('</style>')
</script>
Muchas gracias por adelantado. Un Saludo!