Buenas, como estan?
Necesito una ayuda de alguno que la tenga bien clara con esto de hacer cosas en javascript, voy a copiar el codigo.
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="content-type" content="text/javascript">
<meta http-equiv="content-type" content="text/css">
<script type="text/javascript">
var altura = 0;
var velocidad = 10;
function extender() {
var objeto = document.getElementById('texto');
objeto.style.visibility = 'visible';
altura += velocidad;
if (!(altura >= 250)) {
objeto.style.height = altura;
window.setTimeout ("extender();", 20);
}
}
function contraer() {
var objeto2 = document.getElementById('texto');
altura -= velocidad;
if (!(altura <= 0)) {
objeto2.style.height = altura;
window.setTimeout ("contraer();", 20);
} else {
objeto2.style.visibility = 'hidden';
objeto2.style.height = '0px';
}
}
function extender_contraer () {
if (altura <= 0) {
extender();
} else {
contraer();
}
}
//margin: 300px;
</script>
<style type="text/css">
body {
padding: 0px;
}
#boton {
border:solid 2.5px;
border-colour:blue;
top:80px; left:50px;
width: 140; height: 20px;
background-color:#c3e3c2;
text-align:center;
cursor:pointer;
text-colour:#111B46;
text-decoration: underline;
}
#texto {
width: 140; height: 70px;
background-color:#D2D2D2;
visibility:hidden;
overflow:hidden;
font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px;
}
</style><title></title></head><body>
<div style="visibility: hidden; height: 0px;" id="texto">
Esto es un ejemplo de DHTML, es un efecto creado con JavaScript.
Texto simulado: Ya hace tres semanas que acabaron los Talleres de verano Subflash
2006 y la verdad es que un año más han sido unos dias entrañables
que dan pie a que el siguiente (por cierto el 5º ya) esto sea posible
nuevamente.<br>
Esta vez se han ocupado de ello Marcos González y Andrés Cayón
que, con gran afán se preocuparon de que a nadie le faltara de nada.<br>
Además del nivel en cuanto a risas, comida Asturiana y Sidra, que no
faltó, los talleres fueron buenos e inspiradores.<br>
Destaco inicialmente la charla de Alejandro Sánchez acerca de las redes
sociales y represntación de la información, durante la cual se
ocupó de mostrar como este tipo de trabajos pueden ayudar en muchos
casos a facilitar la legibilidad/navegabilidad de información compleja.
En su blog se puede seguir (entre otras cosas) su trabajo de investigación
en relación al tema con buenos enlaces comentados por él mismo.</div>
<div id="boton" onclick="extender_contraer ()">Tareas Pendientes</div>
</body></html>
Si quieren pruebenlo que anda. Lo que hace es que al clikearlo se expande un detalle hacia abajo. Lo que yo necesito es que ese detalle se expanda hacia arriba.
Gracias.
