Foros del Web » Programando para Internet » Javascript »

Drag and drop

Estas en el tema de Drag and drop en el foro de Javascript en Foros del Web. Encontre un ejemplo de drag and drop en el que solo es copiar y pegar un codigo simple: Pegar en head: Código PHP: < style ...
  #1 (permalink)  
Antiguo 20/09/2010, 15:59
 
Fecha de Ingreso: noviembre-2008
Mensajes: 65
Antigüedad: 12 años, 6 meses
Puntos: 1
Drag and drop

Encontre un ejemplo de drag and drop en el que solo es copiar y pegar un codigo simple:

Pegar en head:

Código PHP:
<style
<!-- 
.
dragme{position:relative;} 
--> 
</
style
<
script language="JavaScript1.2"
<!-- 

var 
ie=document.all
var 
nn6=document.getElementById&&!document.all

var 
isdrag=false
var 
x,y
var 
dobj

function 
movemouse(e

  if (
isdrag
  { 
    
dobj.style.left nn6 tx e.clientX tx event.clientX x
    
dobj.style.top  nn6 ty e.clientY ty event.clientY y
    return 
false
  } 


function 
selectmouse(e)  

  var 
fobj       nn6 e.target event.srcElement
  var 
topelement nn6 "HTML" "BODY"

  while (
fobj.tagName != topelement && fobj.className != "dragme"
  { 
    
fobj nn6 fobj.parentNode fobj.parentElement
  } 

  if (
fobj.className=="dragme"
  { 
    
isdrag true
    
dobj fobj
    
tx parseInt(dobj.style.left+0); 
    
ty parseInt(dobj.style.top+0); 
    
nn6 e.clientX event.clientX
    
nn6 e.clientY event.clientY
    
document.onmousemove=movemouse
    return 
false
  } 


document.onmousedown=selectmouse
document.onmouseup=new Function("isdrag=false"); 

//--> 
</script> 
Para la imagen:
Código:
<Img src = "images / AIM_smiley.gif" class = "dragme">
El ejemplo aqui:
http://elouai.com/javascript-drag-and-drop.php

pero tienen alguna idea de como crear una zona drageable, como una tabla en la que solo los elementos puedan ser puestos unicamente ahi.

Gracias de antemano

Última edición por popeosorio; 20/09/2010 a las 16:12
  #2 (permalink)  
Antiguo 23/09/2010, 09:05
 
Fecha de Ingreso: mayo-2010
Mensajes: 23
Antigüedad: 11 años, 1 mes
Puntos: 1
Respuesta: Drag and drop

Te servira ese ejemplo??

http://demos111.mootools.net/DragDrop

Si eso es lo que necesitas en la misma pagina encuentras la documentacion
  #3 (permalink)  
Antiguo 23/09/2010, 09:18
FDA
 
Fecha de Ingreso: agosto-2010
Mensajes: 99
Antigüedad: 10 años, 10 meses
Puntos: 2
Respuesta: Drag and drop

Con jquery yo usé la libreria de jquery_ui

Jquery UI

Etiquetas: drag, drop
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:01.