Hola cracks como estais?¿
Vereis intento crear una ventana flotante (un DIV) que se pueda mover,la verdad es que lo he conseguido,puedo mover ese DIV lo que pasa es que no se controlar los eventos,la ventana solo se mueve cuando muevo el raton por el documento sin pulsar boton ni nada i claro no puedo fijarla en un sitio siemrpe se muee co el raton y nose como decirle a JS que al pulsar el boton y moverlo a la vez encima de la capa se mueva con el raton,vamos lo que seria arrastrar la capa,tengo esto:
<html>
<head>
<script lenguage="javascript">
function Mover()
{
var posicion = window.event;
var pos = posicion.clientX;
var pos2 = posicion.clientY;
capa = document.getElementById("Capa");
capa.style.marginLeft = pos;
capa.style.marginTop = pos2;
}
</script>
</head>
<body onMouseMove="Mover()">
<div id="Capa" style="position:absolute; width: 200px; height: 200px; left: 0px; background-color:black;">
</di>
</body>
</html>
saludos
Primero quite el evento onMouseMove del BODY y asignesele al DIV un onClick de esta forma, para que se vea limpio el HTML
//EVENTO PARA CONTROLAR LA EJECUCIÓN DE UN SCRIPT DESPUÉS DE HABER
//CAGADO TODO EL DOM
window.onload = function(){
capa = document.getElementById("Capa");
capa.onclick = function(){
// METE EL CODIGO QUE HACE MOVER AL DIV
}
}
Veo que editas el Margin, yo cree hace tiempo una ventana de esté tipo y cambiaba el postion y no el margin... Si necesitas ayuda me lo dices, es facil de hacer :)
Hola brock,me salvas la vida amigo,si necesito ayuda,pues tienes razon no me di cuenta del position :S es que aisn me funciona pero nose como hacer que me funcione en plan arrastrar xd apretar boton mover i dejar me vendria uy bien tu ayuda gracias
Buenas yo no se mucho, pero bueno intentaré ayudar. ¿Por qué no haces que el evento onclick llame al evento onMouseOver? De forma que hasta que no hagas el click no haga nada aunque pases el ratón.
http://www.locualo.net/programacion/mover-capas-otros-elementos-html-javascript-utilizando-raton/00000101.aspx
Mirate eso :), si tienes alguna duda me lo dices y te ayudo :)
Bueno ese ejempo ya lo vi,pero no entendi muy bien,es que esto de llamar un evento desde otro es para mi xino alguna sugerencia?¿
Es mucho más fácil de lo que parece:
http://delanover.com/foro/page/css/menu-flotante.htm
lipman, creo que el enlace que pasaste no hace lo que busca el autor de este post. Lo que quiere es mover un DIV cuando se pulse y arrastre el ratón ¿no? Voy a mirarte esta tarde cómo hacerlo para que pinches y salte el evento del mouseOver y luego vuelvas a pinchar y se quite o algo así, que eso de arrastrar no se cómo sería posible hacer, es que yo javascript lo vi muy por encima el año pasado, pero como quiero aprender esta tarde te lo miro que estoy en clase ahora ^^
OK Gracias espro eespuesata
Cita de: Riki_89D en 16 Diciembre 2010, 00:01 AM
OK Gracias espro eespuesata
Estoy en ello ¿eh? XD Es que me cuesta, tengo muchas cosas que hacer >.<
Ok trankilo no te apresures amigo :)
gracias :D
Drag & Drop (http://www.formatoweb.com.ar/blog/2007/09/22/drag-drop-arrastrar-y-soltar-simple-en-un-div-con-javascript-sin-librerias/)
Yo ocuparía scriptaculous
Podrías usar jquery-ui. Es super sencillo y muy personalizable:
http://jqueryui.com/demos/dialog/
no puedo usar el framework JQuery ni ninguno otro,pues es una practica y debo hacerla con JS,y se que se puede por que lo he visto muchas veces pero se trata de entenderlo,osea neceesito de un code sencillito que lo haga i yo hacerlo para la practica,ojala pudieramos usar frameworks
saludos
viste el link que te deje?
Hola yoya,si i el link,no me aclaro mucho la verdad pero intentare de nueo aver que tal,saludos
Gracias a todos/as
KuraraGNU hablamos por msn
saludos!