Buenos días,
no se que pasa con la siguiente función, pero si la coloco con la etiqueta Doctype no me funciona, ¿sabéis que puede pasar?
<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();
}
}
</script>
<style type="text/css">
body {
margin: 0px; padding: 0px;
}
#boton {
width: 100%; height: 50px;
background-color:#999999;
}
#texto {
width: 100%; height: 0px;
background-color:#CCCCCC;
visibility:hidden;
overflow: hidden;
font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px;
}
#cuerpo {
width: 100%;
height: 50px;
background-color: #9999FF;
}
</style>
<title>Javascript</title>
</head>
<body>
<div id="boton" onClick="extender_contraer ()">Clica en este div</div>
<div 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="cuerpo"></div>
</body>
</html>
