tablas ocultas

eddihg · #1 (**permalink**) 15/07/2009, 18:50

hola tengo el sgte codigo para tablas ocultas:

<html>
<head>
<title>Muestra oculta</title>
<script language="JavaScript">
function muestra_oculta(id){
if (document.getElementById){ //se obtiene el id
var el = document.getElementById(id); //se define la variable "el" igual a nuestro div
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
}
}
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/
muestra_oculta(<?=$identificador?>);/* "contenido_a_mostrar" es el nombre que le dimos al DIV */
}
</script>

</head>

<body>


<p><a href="#" onclick="muestra_oculta(<?=$identificador?>)">Most rar / Ocultar</a></p>

<table id="<?=$identificador?>">
<tr>
<th>
<p>Este contenido tiene que mostrarse con el link</p>
</table>
</th>
</tr>
</body>
</html>

y mi index.php:

<?php
for($i = 1; $i <= 5; $i += 1){
$identificador=$i;
include('mensaje.html');
}
?>

lo que quiero es que al principio aparescan todas las tablas ocultas pero en ves de que eso suceda me solo me aparece la ultima oculta como podria solucionarlo o cual es el problema

maycolalvarez · #2 (**permalink**) 16/07/2009, 08:13

Si vas a incluir varias veces un mismo archivo html en otro, elimina los encabezados <html> y <body>, el navegador sólo procesará un onload por body, no múltiples body, lo que tienes que hacer es crear una sola función para el onload del body y en la misma aplicas el ciclo para hacer que se te oculten las tablas, luego al incluir el archivo construye el documento principal e incluye las otras páginas:

Código PHP:

 
/*Documento principal*/
<html>
<head>
<script>
function muestra_oculta(id){
if (document.getElementById){ //se obtiene el id
var el = document.getElementById(id); //se define la variable "el" igual a nuestro div
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
}
}
function cargar(){
<?php

for($i = 1; $i <= 5; $i ++){
        echo 'muestra_oculta('.$i.');';
}
?>
}
</script>
</head>
<body onload="cargar();">
<?php
for($i = 1; $i <= 5; $i ++){
        $identificador=$i;
        include('mensaje.php'); //TIENE QUE SER PHP no HTML
}

?>
</body>
</html>

/*mensaje.php*/

<table id="<?php echo $identificador ?>">
<tr>
<th>
<p>Este contenido tiene que mostrarse con el link</p>
</th>
</tr>
</table>

además tienes muchas etiquetas sin cierre.

eddihg · #3 (**permalink**) 16/07/2009, 10:10

Cita:

Iniciado por maycolalvarez

Si vas a incluir varias veces un mismo archivo html en otro, elimina los encabezados <html> y <body>, el navegador sólo procesará un onload por body, no múltiples body, lo que tienes que hacer es crear una sola función para el onload del body y en la misma aplicas el ciclo para hacer que se te oculten las tablas, luego al incluir el archivo construye el documento principal e incluye las otras páginas:

Código PHP:

 
/*Documento principal*/

<html>

<head>

<script>

function muestra_oculta(id){

if (document.getElementById){ //se obtiene el id

var el = document.getElementById(id); //se define la variable "el" igual a nuestro div

el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div

}

}

function cargar(){

<?php

 
for($i = 1; $i <= 5; $i ++){

        echo 'muestra_oculta('.$i.');';

}

?>

}

</script>

</head>

<body onload="cargar();">

<?php

for($i = 1; $i <= 5; $i ++){

        $identificador=$i;

        include('mensaje.php'); //TIENE QUE SER PHP no HTML

}

 
?>

</body>

</html>

 
/*mensaje.php*/

 
<table id="<?php echo $identificador ?>">

<tr>

<th>

<p>Este contenido tiene que mostrarse con el link</p>

</th>

</tr>

</table>

además tienes muchas etiquetas sin cierre.

gracias muchas gracias me sirvio de mucho tu ejemplo