List Info

Thread: Drag and Drop functionality in scrollable Div




Drag and Drop functionality in scrollable Div
country flaguser name
United States
2007-03-02 15:47:23
Hello every one

I want to include drag and drop functionality in my web
page. I have 

<div id = "DraggableItems"
width="200" height="200"
style="overflow:scroll">
item 1
item 2
......
......
item n
</div>


a div which have scroll bar on each side. When i try to drag
object
within div. The object does not comes out of the DIV, it
remain within
div area and scroll moves

For drag and Drop i have tried Yahoo UI, Script.aculo.us ,
DomDrag and
WZ dragDrop, but remain faced with same problem

World gets happy when i remove
style"overflow:scroll" from DIV, but
this is core requirement.

Any one can help me or refer to me some other drag drop
library which
overcome this limitation

Muhammad Arslan Ali



------------------------ Yahoo! Groups Sponsor
--------------------~--> 
See what's inside the new Yahoo! Groups email.
http://us.click.yahoo.com/0It09A/bOaOAA/yQLSAA/edFolB/TM

------------------------------------------------------------
--------~-> 

Visit http://aiaiai.com for
more groups to join 
Yahoo! Groups Links

<*> To visit your group on the web, go to:
    ht
tp://groups.yahoo.com/group/JavaScript_Official/

<*> Your email settings:
    Individual Email | Traditional

<*> To change settings online go to:
    http://groups.yahoo.com/group/JavaScript_Official/join

    (Yahoo! ID required)

<*> To change settings via email:
    mailto:JavaScript_Official-digest@yahoogroups.com 
    mailto:JavaScript_Official-fullfeatured@yahoogroups.com

<*> To unsubscribe from this group, send an email to:
    JavaScript_Official-unsubscribe@yahoogroups.com

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.c
om/info/terms/
 

Re: Drag and Drop functionality in scrollable Div
country flaguser name
United States
2007-03-02 21:30:18
Is your script on the internet?
   
  for my drag item and drop I'm using separate divs
   
  <div id="mediaDiv0">MediaDiv
1.</div>
  <div id="mediaDiv1">MediaDiv
2.</div>
  <div id="mediaDiv2">MediaDiv
3.</div>
  <div id="mediaDiv3">MediaDiv
4.</div>
   
  and my drop is
   
  <div id="folder1"
style="width:100px;height:25px;background-color:yellow;
">Folder 1<div 
 
id="count">&nbsp;</div></div>
<br />
<div id="folder2"
style="width:100px;height:25px;background-color:red;&qu
ot;>Folder 2<div 
 
id="count1">&nbsp;</div></div>
   
  The only prob I am having is the multiple drops. but
folder1 works right. When I drop in folder2 - folder1
increments

Muhammad Arslan Ali <arslan.alifiveriverstech.com>
wrote:
  Hello every one

I want to include drag and drop functionality in my web
page. I have 

  style="overflow:scroll">
item 1
item 2
......
......
item n




a div which have scroll bar on each side. When i try to drag
object
within div. The object does not comes out of the DIV, it
remain within
div area and scroll moves

For drag and Drop i have tried Yahoo UI, Script.aculo.us ,
DomDrag and
WZ dragDrop, but remain faced with same problem

World gets happy when i remove
style"overflow:scroll" from DIV, but
this is core requirement.

Any one can help me or refer to me some other drag drop
library which
overcome this limitation

Muhammad Arslan Ali




Visit http://aiaiai.com for
more groups to join 
Yahoo! Groups Links






"They may forget what you said, but they will never
forget how you made them feel." - Carl W. Buechner

<br />
<br />
<a href="http://www.spreadfire
fox.com/?q=affiliates&amp;id=198967&amp;t=213"&
gt;<img border="0" alt="Firefox
2" title="Firefox 2" src="http://sf
x-images.mozilla.org/affiliates/Buttons/firefox2/firefox-spr
ead-btn-2.png"/></a>
 
---------------------------------
No need to miss a message. Get email on-the-go 
with Yahoo! Mail for Mobile. Get started.

[Non-text portions of this message have been removed]



------------------------ Yahoo! Groups Sponsor
--------------------~--> 
Great things are happening at Yahoo! Groups.  See the new
email design.
http://us.click.yahoo.com/lOt0.A/hOaOAA/yQLSAA/edFolB/TM

------------------------------------------------------------
--------~-> 

Visit http://aiaiai.com for
more groups to join 
Yahoo! Groups Links

<*> To visit your group on the web, go to:
    ht
tp://groups.yahoo.com/group/JavaScript_Official/

<*> Your email settings:
    Individual Email | Traditional

<*> To change settings online go to:
    http://groups.yahoo.com/group/JavaScript_Official/join

    (Yahoo! ID required)

<*> To change settings via email:
    mailto:JavaScript_Official-digest@yahoogroups.com 
    mailto:JavaScript_Official-fullfeatured@yahoogroups.com

<*> To unsubscribe from this group, send an email to:
    JavaScript_Official-unsubscribe@yahoogroups.com

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.c
om/info/terms/
 

[1-2]

about | contact  Other archives ( Real Estate discussion Medical topics )