Respuesta : ¿Como puedo Crear un hipervinculo?

#1 Daniel G. Samborski

12/05/2006 - 17:20 | Informe spam

Espero que esto te sirva.

Actualizar dos frames con un solo enlace

Con lo que sabemos ya sobre el control de frames podemos realizar un ejemplo
para afianzar los conocimientos. Se trata de un ejercicio muy sencillo para
conseguir que, al pulsar un solo enlace, se actualice la página contenida en
dos frames distintos.

Como un enlace sólo sirve para actualizar el contenido de un frame,
necesitaremos ejecutar unas sentencias javascript que sí nos permitan
actualizar dos frames a la vez.

Empecemos viendo la declaración de frames, que no tiene ninguna complicación
pues es simplemente un código HTML.

<html>
<head>
<title>Ejemplo de frames numero 1</title>
</head>
<frameset rows="50%,*">
<frame name="frame1" src="pagina1.html" marginwidth="10"
marginheight="10" scrolling="auto" frameborder="0">
<frame name="frame2" src="pagina2.html" marginwidth="10"
marginheight="10" scrolling="auto" frameborder="0">
</frameset>
</html>

Ahora veamos el código del primero de los frames, que es el que tiene la
función Javascript para controlar los frames.

<html>
<head>
<title>Pagina 1</title>
<script language="JavaScript">
function actualiza_2_frames(){
window.parent.frames[1].location="http://www.google.com"
window.location="http://www.yahoo.es"
}
</script>
</head>
<body bgcolor="#ff9999">
<br>
<br>
<a href="javascript:actualiza_2_frames()">Actualiza dos frames con un solo
enlace</a>
</body>
</html>

Al pulsar el enlace se llama a una función, colocada en la cabecera de la
página, por comodidad y para evitar tener que escribir varias sentencias en
el atributo href del enlace.

La función, donde verdaderamente está el cogollo de este ejercicio, es
extremadamente simple. La primera sentencia accede al frame colocado en
segundo lugar (que tiene el índice 1) y actualiza su propiedad location, que
es la URL de la página que se está visualizando. En este caso coloca la web
de Google en dicho marco, aunque es indiferente lo que deseemos colocar y
podríamos haber situado una dirección con un camino relativo al documento
actual.

En la segunda sentencia accedemos directamente a la propiedad location del
objeto window, porque deseamos actualizar el mismo frame donde está colocado
el script. Podríamos haber utilizado una sentencia como la siguiente:

window.parent.frames[0].location=" http://www.yahoo.es "

Pero en este caso no es necesario acceder a la declaración de frames y luego
al frame 0 porque, como decía, estamos ya en él.

Por último veamos el código del segundo frame, que no tiene nada de
especial.

<html>
<head>
<title>Pagina 1</title>
</head>
<body bgcolor="#9999ff">
<br>
<br>
Este es el cuerpo del frame 2, que tiene índice 1 en el vector de frames
</body>
</html>

"Riss" escribió en el mensaje
news:

Necesito crear un hipervinculo que me habra dos paginas en marcos
diferentes
de la pagina

Responder a este mensaje

#2 FJTL

14/05/2006 - 21:46 | Informe spam

Hace tiempo que intento hacer algo parecido, pero con un frame anidado en la
ventana principal.
¿Alguna idea de cómo se puede hacer que desde un enlace se abra una ventana
principal y llame en un marco anidado a una página determinada?.
Saludos.
Fran.

"Daniel G. Samborski" escribió en
el mensaje news:

Espero que esto te sirva.

Actualizar dos frames con un solo enlace

Con lo que sabemos ya sobre el control de frames podemos realizar un
ejemplo para afianzar los conocimientos. Se trata de un ejercicio muy
sencillo para conseguir que, al pulsar un solo enlace, se actualice la
página contenida en dos frames distintos.

Como un enlace sólo sirve para actualizar el contenido de un frame,
necesitaremos ejecutar unas sentencias javascript que sí nos permitan
actualizar dos frames a la vez.

Empecemos viendo la declaración de frames, que no tiene ninguna
complicación pues es simplemente un código HTML.

<html>
<head>
<title>Ejemplo de frames numero 1</title>
</head>
<frameset rows="50%,*">
<frame name="frame1" src="pagina1.html" marginwidth="10"
marginheight="10" scrolling="auto" frameborder="0">
<frame name="frame2" src="pagina2.html" marginwidth="10"
marginheight="10" scrolling="auto" frameborder="0">
</frameset>
</html>

Ahora veamos el código del primero de los frames, que es el que tiene la
función Javascript para controlar los frames.

<html>
<head>
<title>Pagina 1</title>
<script language="JavaScript">
function actualiza_2_frames(){
window.parent.frames[1].location="http://www.google.com"
window.location="http://www.yahoo.es"
}
</script>
</head>
<body bgcolor="#ff9999">
<br>
<br>
<a href="javascript:actualiza_2_frames()">Actualiza dos frames con un solo
enlace</a>
</body>
</html>

Al pulsar el enlace se llama a una función, colocada en la cabecera de la
página, por comodidad y para evitar tener que escribir varias sentencias
en el atributo href del enlace.

La función, donde verdaderamente está el cogollo de este ejercicio, es
extremadamente simple. La primera sentencia accede al frame colocado en
segundo lugar (que tiene el índice 1) y actualiza su propiedad location,
que es la URL de la página que se está visualizando. En este caso coloca
la web de Google en dicho marco, aunque es indiferente lo que deseemos
colocar y podríamos haber situado una dirección con un camino relativo al
documento actual.

En la segunda sentencia accedemos directamente a la propiedad location del
objeto window, porque deseamos actualizar el mismo frame donde está
colocado el script. Podríamos haber utilizado una sentencia como la
siguiente:

window.parent.frames[0].location=" http://www.yahoo.es "

Pero en este caso no es necesario acceder a la declaración de frames y
luego al frame 0 porque, como decía, estamos ya en él.

Por último veamos el código del segundo frame, que no tiene nada de
especial.

<html>
<head>
<title>Pagina 1</title>
</head>
<body bgcolor="#9999ff">
<br>
<br>
Este es el cuerpo del frame 2, que tiene índice 1 en el vector de frames
</body>
</html>

"Riss" escribió en el mensaje
news:

Necesito crear un hipervinculo que me habra dos paginas en marcos
diferentes
de la pagina

Responder a este mensaje

#3 oR

15/05/2006 - 17:31 | Informe spam

Hola FJTL,

No es lo mismo que Daniel indica? si se crea una pagina p.e.
frameset.html como esta,

<HTML>
<HEAD>
<TITLE>frameset</TITLE>
</HEAD>
<FRAMESET cols="50%,50%">
<FRAME name="UNO" src="PAG1.html">
<FRAME name="DOS" src="PAG2.html">
</FRAMESET>
</HTML>
-

Donde un frame llama a PAG1.html y el otro a PAG2.html que deben
existir y el enlace va dirigido (desde otra pagina cualquiera) a
frameset.html

<a href="frameset.html">frameset</a>

Deria hacer lo que buscas, talvez yo haya confundido tu consulta.

Saludos

"FJTL" escribió en el mensaje
news:

Hace tiempo que intento hacer algo parecido, pero con un frame
anidado en la ventana principal.
¿Alguna idea de cómo se puede hacer que desde un enlace se abra
una ventana principal y llame en un marco anidado a una página
determinada?.
Saludos.
Fran.

"Daniel G. Samborski"
escribió en el mensaje
news:

[...]

Responder a este mensaje

#4 FJTL

15/05/2006 - 18:08 | Informe spam

No es lo mismo.
Mi página web tiene varias páginas llamadas index_i.htm, alumnado_i.htm,
profesorado_i.htm... y todas ellas tienen un frame anidado llamado "marco"
en el que se ven diferentes páginas, de esta guisa:
index_i.htm, con benvida.htm en el frame "marco". En index_i.htm hay un menú
que abre diferentes páginas en "marco".
alumnado_i.htm, con admision.htm en el frame "marco". En alumnado_i.htm
también hay un menú que abre diferentes páginas en "marco".
En esta estructura sencilla lo que quiero es que, por ejemplo, desde la
página admisión.htm (que se abre en el marco anidado de alumnado_i.htm)
pueda poner un enlace que abra index_i.htm pero con una página distinta de
benvida.htm en su marco, porque por defecto siempre se abre con esta página
benvida.
Puedes ver mi página en www.iesleixa.es y comprenderás lo que quiero.
Lo que Daniel indica es una página con dos frames independientes, no
anidados.
Saludos.
Fran.
"oR" escribió en el mensaje
news:e4a6s4$p25$

Hola FJTL,

No es lo mismo que Daniel indica? si se crea una pagina p.e. frameset.html
como esta,

<HTML>
<HEAD>
<TITLE>frameset</TITLE>
</HEAD>
<FRAMESET cols="50%,50%">
<FRAME name="UNO" src="PAG1.html">
<FRAME name="DOS" src="PAG2.html">
</FRAMESET>
</HTML>
-

Donde un frame llama a PAG1.html y el otro a PAG2.html que deben existir y
el enlace va dirigido (desde otra pagina cualquiera) a frameset.html

<a href="frameset.html">frameset</a>

Deria hacer lo que buscas, talvez yo haya confundido tu consulta.

Saludos

"FJTL" escribió en el mensaje
news:

Hace tiempo que intento hacer algo parecido, pero con un frame anidado en
la ventana principal.
¿Alguna idea de cómo se puede hacer que desde un enlace se abra una
ventana principal y llame en un marco anidado a una página determinada?.
Saludos.
Fran.

"Daniel G. Samborski" escribió
en el mensaje news:

[...]

Responder a este mensaje

#5 oR

15/05/2006 - 20:42 | Informe spam

Hola,

Tienes razon, no es lo mismo, no esta anidado, lo siento.

Saludos

"FJTL" escribió en el mensaje
news:

No es lo mismo.
Mi página web tiene varias páginas llamadas index_i.htm,
alumnado_i.htm, profesorado_i.htm... y todas ellas tienen un frame
anidado llamado "marco" en el que se ven diferentes páginas, de
esta guisa:
index_i.htm, con benvida.htm en el frame "marco". En index_i.htm
hay un menú que abre diferentes páginas en "marco".
alumnado_i.htm, con admision.htm en el frame "marco". En
alumnado_i.htm también hay un menú que abre diferentes páginas en
"marco".
En esta estructura sencilla lo que quiero es que, por ejemplo,
desde la página admisión.htm (que se abre en el marco anidado de
alumnado_i.htm) pueda poner un enlace que abra index_i.htm pero
con una página distinta de benvida.htm en su marco, porque por
defecto siempre se abre con esta página benvida.
Puedes ver mi página en www.iesleixa.es y comprenderás lo que
quiero.
Lo que Daniel indica es una página con dos frames independientes,
no anidados.
Saludos.
Fran.
"oR" escribió en el mensaje
news:e4a6s4$p25$

Hola FJTL,

No es lo mismo que Daniel indica? si se crea una pagina p.e.
frameset.html como esta,

`
[...]

Responder a este mensaje

Ads by Google

¿Como puedo Crear un hipervinculo?

Preguntas similare

Leer las respuestas