Simulador (Cuando presiona el botón "ejecutar el programa"
se graban todos los cuadros de texto y se ejecuta el primero de la lista
mostrando en una página el resultado)
Problema:
<html>
<head>
<title>Problema</title>
<link rel="StyleSheet" href="estilos.css" type="text/css">
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript" src="funciones.js"></script>
</head>
<body>
<div id="recuadro">
<h1>Doble clic para redimensionar</h1>
</div>
</body>
</html>
x=$(document);
x.ready(inicializarEventos);
function inicializarEventos()
{
var x;
x=$("#recuadro");
x.dblclick(dobleClic);
}
var estado="grande";
function dobleClic()
{
var x;
x=$(this);
if (estado=="grande")
{
$(this).css("width","250px");
$(this).css("height","250px");
estado="chico";
}
else
{
$(this).css("width","800px");
$(this).css("height","70px");
estado="grande";
}
}#recuadro {
color:#aa0;
background-color:#ff0;
position:absolute;
text-align:center;
left:40px;
top:30px;
width:800px;
height:70px;
}