gracias amigo! sos un master, con eso que me ayudaste me enseñaste y me diste a entender muchas cosas y me aclaraste muchisimas cosas
gracias che!
ahora te muestro como deje el codigo le agregue una funcion mas a ver que te parece
Código PHP:
<html>
<head>
<style>
#capa
{
width: 300px;
height: 200px;
border: 1px solid black;
}
#cabecera
{
background-color: #000000;
text-align: right;
}
</style>
<script>
function Movimiento(obj)
{
/* variables */
this.obj = document.getElementById(obj);
this.activado = false;
this.maximizado = false;
this.ancho = 300;
this.alto = 200;
/* funciones */
this.activar = function() {
this.activado = !this.activado;
}
this.mover = function(e) {
if(this.activado == true) {
this.obj.style.marginTop = (e.clientY-15)+"px";
this.obj.style.marginLeft = (e.clientX-150)+"px";
}
}
this.maximizar = function() {
this.maximizado = !this.maximizado;
if(this.maximizado == true) {
this.obj.style.width = "100%";//document.width+"px";
this.obj.style.height = "100%";//document.height+"px";
this.obj.style.marginTop = "0px";
this.obj.style.marginLeft = "0px";
} else {
this.obj.style.width = this.ancho+"px";
this.obj.style.height = this.alto+"px";
}
document.body.focus();
}
}
window.onload = function()
{
capa1 = new Movimiento("capa");
}
</script>
</head>
<body onmousemove="capa1.mover(event);" onmousedown="capa1.activar();" onmouseup="capa1.activar();">
<div id="capa" onclick="" ondblclick="capa1.maximizar();">
<div id="cabecera"><img src="botones.jpg" /></div>
</div>
</body>
</html>