No se como se llama este efecto, pero como se hace?

[pablosavino]

Hola Amigos,

necesito hacer algo que muchos webs tienen,

por ejemplo:

tengo un link que dice "Ver Mas"
lo que quiero lograr es que al hacer click en "Ver Mas" , (esto no se como explicarlo) aparezca debajo de "Ver Mas" unos textos que serian informacion.

la cuestion es que esto pareceria un ListView o sea, como que se esta simulando un nodo y que al hacerle click ese nodo se habre:

Ver Mas
* Aqui apareceria esto al hacer click en el link

bueno, no se si me explique bien............

si alguien entendio mi pregunta agradeceria vuestra ayudita!!!
Saludos!

[piero19]

bueno si el link Ver mas es una imagen entonces podrias ponerlo un alt.

alt="mas informacion...."

[~°The-Herps°~]

te refieres como a un menu desplegable?

[Gurrutello]

hola
no se tampoco si es a lo que te refieres pero se llama treeview
en el cual se despliegan opciones dependiendo de la que has seleccionado
prueba buscar info aqui
http://www.tutores.org/public/google...ipt%20treeview
saludos

[pablosavino]

Si si, perdon, es un TreeView me equivoque,

la cuestion es que parece algo simple, o sea, imagines que la pagina esta toda armadita no, pero hay un link que dice Ver mas, cuando le hacemos click, es como que abajo del mismo link agrega alguna tabla o no se que, y toda la pagina baja un poquito para darle lugar a que aparzca la informacion.

Me pude explicar?

no busco hacer un menu aunque parezca, es solo desplegar mas informacion .

saludos

[tunait]

Tema trasladado al foro de javascript desde (x)html

[bombon74]

Hola Pablosavino:
Segun entiendo, quieres que al dar click en "Ver Mas" pueda desplegarte info debajo, verdad? Te paso este codigo que uso como menu desplegable pero te lo hice mas corto y solo tienes que pegar la info necesaria en el segundo renglon(donde esta en azul).
Lo que tienes que hacer es pegar este codigo en una pagina(web) en blanco, le cambias la info que deseas y al guardarlo la unica diferencia es que tienes que ponerle extension .lbi con lo que se convierte en una libreria, ejem:datos.lbi Despues de eso solo resta insertarla dentro de tu pagina y jala facilmente. Espero te sirva!!!
Saludos

<script language="javascript">
<!--

//Expands and contracts the menu (if in Internet Explorer 4.0 or higher)
function change() {
if(!document.all)
return
if (event.srcElement.className=="expandable"){
var x=event.srcElement.parentElement
if (x.all[2].style.display=="none"){
x.all[2].style.display='';
}
else {
x.all[2].style.display="none"
}
}
if (event.srcElement.className=="expandable2"){
var x=event.srcElement.parentElement
if (x.all[2].style.display=="none"){
x.all[2].style.display='';
}
else {
x.all[2].style.display="none"
}
}
}
document.onclick=change
//-->
</SCRIPT>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>

<table width="100%" border="0" cellspacing="0" cellpadding="3" rules="rows">
<tr>
<td width="95%" valign="middle" class="mainsection"><a class="expandable" href="#">Ver Mas [+]</a><br> <span class="subsection" style="display:none">* Aqui apareceria mas informacion</span></td>
</tr>
</table>

[caricatos]

Hola pablosavino:

Lo que quieres (me parece) se consigue con una capa no visible que se muestra con un evento...

Me empecé a fijar en el código de bombon74, pero parece enfocado a explorer, así que te paso un código simplificado:

En el head:
<script >
function verMas(capa) {
var laCapa = document.getElementById(capa).style;
laCapa.display = (laCapa.display == "block") ? "none" : "block";
}

... y en el body...

...
<span onclick="verMas('abajo')" >ver más</span>
<div id="abajo" style="display: none" >
Aquí el contenido
</div>

Saludos