Pregunta con javascript
Hola, tengo una página con top, left y main frame, en el left tengo unos png que al dar click quiero que carguen una página en el top frame y en le main frame, ¿cómo hago el javascript?
Respuesta de inphyx
1
Define una función javascript dentro del <head> similar a esta:
<script>
<!--
function framelink() {
parent.top.location.href='pagina1.htm';
parent.main.location.href='pagina2.htm';
}
-->
</script>
Y añade a las imágenes el evento onClick:
<img src='imagen.png' style='cursor:hand' onClick='framelink()'>
El cambio de estilo del cursor es para simular el efecto de los links.
<script>
<!--
function framelink() {
parent.top.location.href='pagina1.htm';
parent.main.location.href='pagina2.htm';
}
-->
</script>
Y añade a las imágenes el evento onClick:
<img src='imagen.png' style='cursor:hand' onClick='framelink()'>
El cambio de estilo del cursor es para simular el efecto de los links.
Aquí tienes un ejemplo de formulario usuario-contraseña sin botón submit, usando los eventos onKeyPress para controlar el foco y someter el formulario:
<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
function EnviarFormAlPulsarEnter (ev, frm) {
if(ev.keyCode == 13) frm.submit();
}
function MoverFoco (ev, elem) {
if(ev.keyCode == 13) elem.focus();
}
//-->
</script>
</head>
<body onLoad="MoverFoco(13, document.forms[0].user)">
<form>
<input type="text" name="user" onKeyPress="MoverFoco(event, this.form.pass)"><br>
<input type="password" name="pass" onKeyPress="EnviarFormAlPulsarEnter(event, this.form)">
</form>
</body>
</html>
Espero que esto si te sirva ;p
Saludos,
iNphYx
<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
function EnviarFormAlPulsarEnter (ev, frm) {
if(ev.keyCode == 13) frm.submit();
}
function MoverFoco (ev, elem) {
if(ev.keyCode == 13) elem.focus();
}
//-->
</script>
</head>
<body onLoad="MoverFoco(13, document.forms[0].user)">
<form>
<input type="text" name="user" onKeyPress="MoverFoco(event, this.form.pass)"><br>
<input type="password" name="pass" onKeyPress="EnviarFormAlPulsarEnter(event, this.form)">
</form>
</body>
</html>
Espero que esto si te sirva ;p
Saludos,
iNphYx
