Ya Solucioné el problema; acá dejo el código por si lo necesita alguien; aclaro que está mezclado con Jquery pues aún no conozco muy bien el javascript.
Código Javascript
:
Ver original<script>
$(document).ready(function(){
i=0; //Valor dinumeracion div inicial
flag=0;
allcontxt = document.getElementById('AllCont_Texto');
allcontxt.onclick=rectangulo;*
posicionReal = $("#AllCont_Texto").offset();
var yc=posicionReal.top;
var xc=posicionReal.left;
////Funcion que crea divs
//Si no se a dado clic el marcador sera 0; si se da clic será 1
// Si marcado es 0, condicion inicial -> obtenemos las coordenadas del primer click x,y; y creamos el div con posicion absoluta x y y
// Luego activamos la la deteccion de movimiento del mouse y vamos calculando continuamente la posicion para asignar el tamaño al div
// cambiamos el marcador a 1; con lo que al siguiente clic se desactivara la deteccion del movimiento y obtendremos el div final.
function rectangulo(event){
if(flag==0){
var x=event.pageX-xc;
var y=event.pageY-yc;
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.pageX-xc-x)+"px";
div.style.height=(event.pageY-yc-y)+"px";
}
flag=1;
}
else{flag=0; allcontxt.onmousemove=false;
* * }
* * }
*});
*
</script>