Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/04/2011, 09:03
aecio451
 
Fecha de Ingreso: abril-2011
Mensajes: 3
Antigüedad: 13 años
Puntos: 0
Javascript dentro de un frame

Saludos, estoy haciendo una página que contiene 2 frames, uno superior que sirve de cabecera, y otro inferior. El frame inferior, está dividido a su vez en 3 frames, dos laterales que contienen los menús, uno a la izquierda y otro a la derecha; y uno central que es el que me muestra el contenido de la página como tal. El código es el siguiente:

Código HTML:
<html>
<head>
<title>E-Shop</title>
</head>

<frameset rows="10%,*" border="0"> 

     <frame src="logo.html">
     
     <frameset cols="9%,*,13%">
     
     	<frame name="lateralizq" src="menu_materiales_izq.html" scrolling="no">
        
   		<frame name="cuerpo" src="cuerpo.html" scrolling="no">
        
     	<frame name="lateralder" src="menu_materiales_der.html" scrolling="no">
        
     </frameset> 
</frameset><noframes></noframes>


</html> 
Como se puede ver he eliminado la scrollbar de los frames. La idea es que el frame llamado "menu_materiales_der.html", el cual es el menu de la derecha, tenga un scroll, pero sin usar la barra, o sea con botones de subir y bajar, que permitan subir y bajar el contenido del frame cuando pasa el ratón sobre esos botones. He aquí el código javascript dentro del frame "menu_materiales_der.html":

Código:
<script type="text/javascript">

//Scrollable content III- By http://www.dynamicdrive.com

var speed, currentpos=curpos1=0,alt=1,curpos2=-1

function initialize(){
if (window.parent.scrollspeed!=0){
speed=window.parent.scrollspeed;
scrollwindow();
}
}

function scrollwindow(){
temp=(document.all)? document.body.scrollTop : window.pageYOffset
alt=(alt==0)? 1 : 0
if (alt==0)
curpos1=temp;
else
curpos2=temp;

window.scrollBy(0,speed);
}

setInterval("initialize()",10);

    </script>
Y aquí está el código para los scrolls

Código HTML:
<p><a href="#" onMouseover="scrollspeed=-4" onMouseout="scrollspeed=0">Subir</a></p> <!-- Subir -->

<p><a href="#" onMouseover="scrollspeed=4" onMouseout="scrollspeed=0">Bajar</a></p> <!-- Bajar --> 
Este código me funciona cuando está en una sola página, el problema está cuando lo coloco dentro de un frame, ya que al pasar el ratón sobre los botones, el contenido no sube ni baja, es decir, se queda estático.

Alguna sugerencia????

Última edición por aecio451; 22/04/2011 a las 09:22