Como se Hace esto que esta en este foro?

[pablosavino]

Hola,

vieron cuando en Este foro escriben un nuevo tema, y abajo estan las Opciones Adicionales y si ustedes hacen click en la esquina superior derecha sobre esas dos >> (pero apauntando asi arriba) el cuadro se cierra o abre, bueno, como se logra hacer eso?

Saludos

[wolf777]

Hola bueno yo lo hago mediante javaScript:

Ejemplo: Tienes una tabla definida con un ID especifico para darle funcionalidades en tu página ok... luego con una acción mediante java script relleno esa tabla o campo que esta definido por ese ID.

Código HTML:

<script languaje="JavaScript">
function llenar(){
document.getElementById('campo1').innerHTML="texto, texto, texto<br>texto, texto, texto<br>texto, texto, texto<br>texto, texto, texto<br>texto, texto, texto<br>texto, texto, texto<br>texto, texto, texto<br>";}
function vaciar(){
document.getElementById('campo1').innerHTML="";}
</script> 

Ahora tu campo que deseas llenar:

Código HTML:

<a href="javascript:llenar()">llena de de contenido</a> :: <a href="javascript:vaciar()">vaciar</a>
<div id="campo1"></div> 

Espero que eso te sirva.... adios

Saludos

[pablosavino]

Gracias!!!!!!!!!!!!, anda perfecto, nunca pense que seria tan simple!!!, saludos!!!

[caricatos]

Hola a todos:

Iniciado por pablosavino

Gracias!!!!!!!!!!!!, anda perfecto, nunca pense que seria tan simple!!!, saludos!!!

Me parece que yo conozco una forma más fácil...

Lo que quieres que se muestre/oculte lo pones en una capa y pones en el botón:

document.getElementById("laCapa").style.display = "none"; // para ocultar

... y ...

document.getElementById("laCapa").style.display = "block"; // para mostrar

Tengo hecho algo así es esta página:

http://www.pepemolina.com/imagenes/index.html

Saludos

[tunait]

Tema trasladado al foro de javascript desde (x)html

[lexus]

hola caricatos, he visto tu codigo y me parece perfecto. pero me fue muy dificil separar todo para hace solo el colapso y la mostrada del contenido de una tabla, sera mucha molestia si te pido el favor de que me envies ese codigo al email o publicarlo aqui? me refuerio al javascritpt y al llamado dentro de un div o tabla..
para mostrar/ocultar el contenido.
gracias. mi correo es [email protected]

[caricatos]

Hola lexus:

No me gusta usar el e-mail para cosas de los foros, pero con gusto pongo en código de esa página:

<div>
<h2 style="width: 100%;">
<form style="display: inline">
<input type="button"
value=" &darr; "
onclick="iniciar(2); alternando('divproyector'); this.value = (this.value == ' &darr; ') ? ' &uarr; ':' &darr; '"
style="float: right; display: inline;" />
</form>
Proyector de diapositivas
</h2>
</div>

<div class="conten" id="divproyector" style="display: none;" >
...
<!-- Aquí el contenido de la capa -->
...
</div>

Y la función alternando:

function alternando(elemento) {
var meVeo = document.getElementById(elemento).style.display == "block";
document.getElementById(elemento).style.display = (meVeo) ? "none" : "block";
}

... Si te fijas hay otra función, pero no viene al caso porque se trata de una precarga cuando se despliega una capa concreta.

Saludos

[lexus]

ok ,muchas gracias la probare..

[art33]

hola se que este tema viejo pero me gustaria lo que mostro caricatos su ejemplo no me funciona, alguna idea? gracias!!!

PD: si que es viejo el tema, jeje; Help!!!!! chao

[caricatos]

Iniciado por art33

...
PD: si que es viejo el tema, jeje; Help!!!!! chao

Y como el tema es viejo, para nuevas ayudas, debes abrir nuevos mensajes.

Saludos