Entrar

Abrir otras páginas dentro de una tabla en la misma página.

txarika · · Solicitar retirada
Buenos dias, empiezo bien de mañana dando la lata, haber si me podeis ayudar con la siguiente duda. estoy creando una pagina q esta dividida en tablas y lo que quiero es q desde los botonos se me abran las diferentes paginas en la tabla principal, pero todo ello en la misma pagina por mas q lo he intentado no doy con la manera, os dejo un ejemplo para q veais por si no me he explicado bien
Saludos

http://brisagrafics.com/
JorGens · · Solicitar retirada
Realmente nunca lo había visto así.

Se trata de un marco o frame insertado dentro de la celda de una tabla. Resulta interesante.

Dejame que estudie un poco el código y te dejo aquí mismo un ejemplo explicado por si te interesa usarlo. (quizás tarde un par de días, por falta de tiempo. Mándame un privado si ves que tardo, por si me olvido :oops: ).

Gracias por tu mensaje, esto puede resultar util también a nuestros colegas. :wink:

Un saludo Txarika.
txarika · · Solicitar retirada
Gracias jorgens, esperare tu ayuda con impaciencia, pues yo por mas q le miro el codigo a la pagina no doy con la solucion, si q he visto q lleva un iframe, y hasta hay he conseguido llegar, pero lo de bincular a los botones se me resiste.
Un saludo
JorGens · · Solicitar retirada
Saludos de nuevo Sharika. Ya está listo (fué divertido :wink: ).

Tras estudiar el código de la página que nos comentaste, paso a decirte como hacerlo usando DIVs (capas) y utilizando Tablas. Allá va:

Usando DIVs:
<HTML>
<HEAD>
</HEAD>
<BODY>
<DIV>Enlace a Página 01</DIV>
<DIV>Enlace a Página 02</DIV>
<DIV>
<iframe name="celda-de-destino" width="500px" height="300px" src="pagina-por-defecto.html"
scrolling="yes" frameborder="1px" target="_self">Tu Navegador no está configurado para soportar estos frames</iframe>
</DIV>
</BODY>
</HTML>

Usando Tablas:
<HTML>
<HEAD>
</HEAD>
<BODY>
<TABLE width="631px" border="1px">
<TR>
<TD>
Enlace a Página 01


Enlace a Página 02
</TD>
<TD>
<iframe name="celda-de-destino" width="500px" height="300px" src="pagina-por-defecto.html"
scrolling="yes" frameborder="1px" target="_self">
Tu Navegador no está configurado para soportar estos frames
</iframe>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>

Como verás, se trata de definir un marco o frame (iframe) con las características que deseas en cuanto a anchura, barra de scroll, borde, etc. Le pones un nombre (en el ejemplo name="celda-de-destino") y le indicas cuál será la página por defecto a mostrar (la que aparece antes de hacer clic en ningún enlace).

Después, en cada uno de los enlaces colocas como destino el nombre del marco que acabamos de definir (en nuestro caso "celda-de-destino"). El destino se define dentro del target=" ", como puedes ver en el ejemplo.

Tendrás que crear las páginas:
pagina-a-mostrar-01.html
pagina-a-mostrar-02.html
pagina-por-defecto.html
para poder comprobarlo. Puedes nombrarlas de cualquier otro modo, pero en ese caso modifica el nombre también en el código que te he dado.

Espero que te sea de ayuda. Dinos que te parece o las dudas que te puedan surgir. Y si consigues aprovecharlo para tu web avisanos para ver lo que has conseguido crear, no lo olvides.

Un abrazo!
txarika · · Solicitar retirada
Gracias por tu ayuda jorgens, despues de darle un monton de vueltas lo consegui con el dream.
Un saludo
TUTUROSADO · · Solicitar retirada
HOLA
QUISIERA HACER LO MISMO PERO SIN PRESIONAR NINGUN BOTON... OSEA QUIERO ABRIR UNA PAGINA HTML CON MARCOS DENTRO DE UNA CAPA AUTOMATICAMENTE. ESTO LO QUIERO HACER PARA QUE QUEDE COMPLETAMENTE CENTRADA LA PAGINA.

DESDE YA AGRADEZCO SU AYUDA