Ayuda con tabla

Jarkaos · #1 (**permalink**) 12/12/2006, 06:12

Hola estoy haciendo una pagina con SSI (server side include) y he creado una tabla con dos columnas, una para un menu y otra para el contenido. El menu esta en un archivo menu.html que es llamado a travez de ssi. Lo que intento hacer ahora es que al hacer click en alguna de las opciones por ejemplo film se carge la pagina film.html en la columna del contenido. Aqui les pongo el codigo de la pagina .shtml:

Código:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link type="text/css" rel="stylesheet" href="a5.css" />
<title>Uppgift 5</title>
</head>
<body>
     <table border="1" width="737" height="621">	
	<caption>Uppgift 5</caption>
	     <tr>
		<th height="20" colspan="2" background="img/bg3.gif"> Mina favoriter </th>
	     </tr>
	     <tr>
		<th width="130" rowspan="2" align="top" valign="top" background="img/bg2.gif"> Menu
			<!--#include file="meny.html" -->
		</th>
			<td height="40" background="img/bg.gif"></td>
		</tr>
		<tr>
			<td id="content"></td>
		</tr>
		</tr>
       </table>
    </body>
</html>

Este es el menu.html:

Código:

<table id="menu1"> 
  <tr>
    <td class="link">
	<a href="film.html" target="content">Film</a></td>
  </tr>
  <tr>
    <td class="link">Musik</td>
  </tr>
  <tr>
    <td class="link">Spel</td>
  </tr>
</table>

y este es el archivo film.html:

Código:

<h1> film </h1>

he encontrado algunos ejemplos con algo que se llama innerHtml pero realmente no entiendo como funciona. Si alguien ha hecho esto alguna vez me podria dar una ayuda plisss!!!!.

Gracias

Rafael · #2 (**permalink**) 20/12/2006, 01:47

Como que estás un poco revuelto de como usar los ssi.
Más bien llamarás OTRO archivo que también tenga las mismas columnas y tablas, pero con contenido diferente, específicamente la columna que cambia, por lo que la estructura te quedará así.

Cita:

<td>Acá lo que cambia</td>


y en Menu

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link type="text/css" rel="stylesheet" href="a5.css" />
<title>Uppgift 5</title>
</head>
<body>
<table border="1" width="737" height="621">
<caption>Uppgift 5</caption>
<tr>
<th height="20" colspan="2" background="img/bg3.gif"> Mina favoriter </th>
</tr>
<tr>
<th width="130" rowspan="2" align="top" valign="top" background="img/bg2.gif"> Menu
Bla bla bla, incluyendo el menu en sí.

y en Cierre Menu cierras la tabla y el body