Mostrar / Ocultar include

[totolia]

Pues ando liado con un codigo que no me funciona, este es:

Código PHP:

 <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('contenido_a_mostrar');/* "contenido_a_mostrar" es el nombre que le dimos al DIV */
}
</script><div id="contenido_a_mostrar"><?php
        include "templates/$skin/forum_right.php";
?></div>
<input type="button" onclick="muestra_oculta('contenido_a_mostrar')" value="Mostrar / Ocultar">  

Como ven lo que se esconde es el forum_right o se aparece el ploblema es que se queda fijo, como lo hago para que desaparezca o se muestre?

[Webstudio]

totolia, tu problema no es de PHP, es una pregunta de Javascript. Quizás debieras pedirle a un moderador que mueva tu mensaje allá.

Por otro lado, mirando el código que estás utilizando, no veo de por si errores de sintaxis ( aunque no estoy comprobando exhaustivamente), asi que estimo que será un problema a la hora de cargar el javascript en la página (el window.onload) o un tema de compatibilidad de JS entre navegadores (no nos decís que navegador estás usando para las pruebas) o mismo que a la hora de ejecutar tu código, el elemento que querés ocultar no está cargado (menos probable, pero bueno, es para considerarlo).

Yo en lo general, cuando se trata de Javascript, utilizo la librería jQuery, que te facilita el trabajo con efectos y esas cosas en el lado del cliente. La manera en la que yo lo haría es asi:

Código HTML:

<!-- HTML -->
<div id="contenido_a_mostrar">
<?php include "templates/$skin/forum_right.php";?></div>
<input type="button" id="swap" value="Mostrar / Ocultar">
 
<!-- Javscript -->
<script>
$(function(){
    $('#swap').toggle(function(){
        $('#contenido_a_mostrar').show()
    }, function(){
        $('#contenido_a_mostrar').hide()
    })
});
</script>
 

Así de simple (siempre y cuando hayas cargado la librería jQuery de antemano, no olvides eso).

Suerte.

[GatorV]

Tema trasladado desde PHP