MARCASTELEON gracias por el código ahora lo estoy adaptando a mis necesidades. Mas bien una pregunta las coordenadas que calcula son respecto al documento, como podría hacer para que sean respecto a un contenedor div. Porque luego quiero almacenarlas para enviarlas a una base de datos. Este es mi código:
Código Javascript
:
Ver original<script>
$(document).ready(function(){
i=0;
flag=0;
allcontxt = document.getElementById('AllCont_Texto');
allcontxt.onclick=rectangulo;*
function rectangulo(event){
if(flag==0){
var x=event.clientX;
var y=event.clientY;
var div=document.createElement("div");
div.id='Cont_Texto'+i;
i++;
div.style.position="absolute";
div.style.zIndex=82;
div.style.left=x+"px";
div.style.top=y+"px";
div.style.backgroundColor="#000";
allcontxt.appendChild(div);
allcontxt.onmousemove=function(event){
div.style.width=(event.clientX-x)+"px";
div.style.height=(event.clientY-y)+"px";
}
flag=1;
}
else{flag=0; allcontxt.onmousemove=false;
}
}
});
</script>
El único inconveniente es como te decia: las coordenadas son respecto al documento y cuando se traza lo hace dentro de un div, con lo que varia el lugar de trazado.