Sugerencia

echo_ · #1 (**permalink**) 18/06/2012, 19:19

Buen día a todos por aquí, solo tengo una duda, como puedo conseguir que al momento de presionar un botón que diga ver mas me despliegue información en ese mismo pedazo.
Saludos!

dontexplain · #2 (**permalink**) 18/06/2012, 19:27

revísate

z-index
position
float
left
right
top

Un saludo.

echo_ · #3 (**permalink**) 18/06/2012, 19:36

Cita:

Iniciado por dontexplain

revísate

z-index
position
float
left
right
top

Un saludo.

La verdad no te entendí para que te miento.

emprear · #4 (**permalink**) 18/06/2012, 20:51

la idea es que con javascript cambies la propiedad del elemento contenedor del texto, en tu caso podría ser el tamaño (alto), o el display, de hidden a block

Te dejo un ejemplo
http://foros.emprear.com/javascript/...ctexto_nt.html

También es posible hacerlo con css

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css"> 
 
div#mostrar{
white-space:nowrap;
width:15em; 
overflow:hidden; 
text-overflow:ellipsis;
height: 20px;
line-height: 20px
padding: 2px;
}
 
div#mostrar:target{
text-overflow:inherit;
overflow:visible;
white-space:normal;
}
 
div#ocultar:target{
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
 
a{
color: red;
cursor: pointer;
text-decoration: none;
}
</style>
</head>
<body>
<div id="mostrar">
Lorem ipsum dolor <a href="#mostrar">mostrar más</a><br />  consectetur adipiscing elit. Quisque ipsum tellus, vehicula eget luctus eu,  tristique sit
amet enim. Vestibulum condimentum dui in risus elementum consequat <a href="#ocultar">(-)</a>
</div>
</body>
</html>

Saludos