Foros del Web » Programando para Internet » Javascript »

Gif que se detiene al hacer click en imagen

Estas en el tema de Gif que se detiene al hacer click en imagen en el foro de Javascript en Foros del Web. Hola, mi consulta es la siguiente, en una pagina tengo un gif animado en el encabezado y un texto dentro de un layer que se ...
  #1 (permalink)  
Antiguo 16/12/2003, 15:39
 
Fecha de Ingreso: enero-2002
Mensajes: 73
Antigüedad: 22 años, 3 meses
Puntos: 0
Gif que se detiene al hacer click en imagen

Hola, mi consulta es la siguiente, en una pagina tengo un gif animado en el encabezado y un texto dentro de un layer que se desplaza en el mismo al poner el mouse sobre unas flechitas para mover el texto hacia arriba o hacia abajo. El problema es que si hago un click sobre alguna de las flechitas estas la animacion del encabezado se detiene. Alguien tiene idea porque puede suceder esto?
Aca dejo el script que hace el scroll del texto

<script language="JavaScript">
function verifyCompatibleBrowser(){
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;

this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this
}
bw=new verifyCompatibleBrowser()

var speed=50

var loop, timer

function ConstructObject(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.el=bw.dom?document.getElementById(obj):bw.ie4 ?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
this.css=bw.dom?document.getElementById(obj).style :bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
this.scrollHeight=bw.ns4?this.css.document.height: this.el.offsetHeight
this.clipHeight=bw.ns4?this.css.clip.height:this.e l.offsetHeight
this.up=MoveAreaUp;this.down=MoveAreaDown;
this.MoveArea=MoveArea; this.x; this.y;
this.obj = obj + "Object"
eval(this.obj + "=this")
return this
}
function MoveArea(x,y){
this.x=x;this.y=y
this.css.left=this.x
this.css.top=this.y
}

function MoveAreaDown(move){
if(this.y>-this.scrollHeight+objContainer.clipHeight){
this.MoveArea(0,this.y-move)
if(loop) setTimeout(this.obj+".down("+move+")",speed)
}
}
function MoveAreaUp(move){
if(this.y<0){
this.MoveArea(0,this.y-move)
if(loop) setTimeout(this.obj+".up("+move+")",speed)
}
}

function PerformScroll(speed){
if(initialised){
loop=true;
if(speed>0) objScroller.down(speed)
else objScroller.up(speed)
}
}

function CeaseScroll(){
loop=false
if(timer) clearTimeout(timer)
}
var initialised;
function InitialiseScrollableArea(){
objContainer=new ConstructObject('divContainer')
objScroller=new ConstructObject('divContent','divContainer')
objScroller.MoveArea(0,0)
objContainer.css.visibility='visible'
initialised=true;
}
</script>

Muchas gracias.
Saludos, Erika.

Última edición por erika; 16/12/2003 a las 16:01
  #2 (permalink)  
Antiguo 16/12/2003, 16:05
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 8 meses
Puntos: 381
Debes de tener un código tal que así en las flechitas...


<a href="javascript:llamadaAFuncion()"><img src="arriba.gif"></a>

cámbialo por...

<a href="#" onclick="llamadaAFuncion()"><img src="arriba.gif"></a>
  #3 (permalink)  
Antiguo 16/12/2003, 16:22
 
Fecha de Ingreso: enero-2002
Mensajes: 73
Antigüedad: 22 años, 3 meses
Puntos: 0
Muchisimas gracias!!!
Ya esta funcionando Ok.
Saludos.
  #4 (permalink)  
Antiguo 16/12/2003, 16:30
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 8 meses
Puntos: 381
Óle

me olvidé de agregar algo que tal vez te venga bien.

Para evitar que al hacer click en la flechita la página "salte" al principio de la página agrégale un return false al final de todo



<a href="#" onclick="llamadaAFuncion(); return false"><img src="arriba.gif"></a>

  #5 (permalink)  
Antiguo 19/12/2003, 06:37
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 8 meses
Puntos: 381
... veo que también olvidé trasladar el tema al foro de javascript.

movido desde html

un saludo
  #6 (permalink)  
Antiguo 19/12/2003, 12:17
Avatar de xenia  
Fecha de Ingreso: noviembre-2003
Ubicación: A la izquierda de Dios... En el principado de Beukelaer
Mensajes: 232
Antigüedad: 20 años, 5 meses
Puntos: 0
¿podrias poner el script definitivo completo, por favor ? es que sino yo me pierdo con tanto mirar arriba y abajo y buscar y tal... GRACIAS!!!
__________________
q@..@p Muack!


pamtomaket .com
  #7 (permalink)  
Antiguo 20/12/2003, 05:39
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 8 meses
Puntos: 381
Hola xenia

Cita:
Mensaje Original por xenia
¿podrias poner el script definitivo completo, por favor ? es que sino yo me pierdo con tanto mirar arriba y abajo y buscar y tal... GRACIAS!!!
eso iba pa mi o para erika??
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:54.