Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/02/2011, 13:03
fherdoiza
 
Fecha de Ingreso: febrero-2011
Mensajes: 1
Antigüedad: 13 años, 9 meses
Puntos: 0
Agrandar caja con un click

Hola
Necesito saber como puedo agrandar una caja dandole un click
Mediante javascript
aquí está mi codigo:
Html:
<html>
<head><!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Movimiento Recta</title>
<script type="text/javascript" src="js/cajagrande.js">
</script>
</head>
<body id="body">


<!--<div id="caja1"></div> -->
</body>
</html>


JavaScript:

window.onload=function(){
var x = 20;
var box=document.createElement("div");
box.style.top="50px";
box.style.left="50px";
box.style.width = x+"px";
box.style.height = x+"px";
box.style.backgroundColor = "blue";
box.style.position = "absolute";
document.getElementById("body").appendChild(box);

}

Gracias...