[Proto-Scripty] Re: Strange behaviour with drag and drop
sorrry z-index added to .person, not to .list
On 14 sep, 09:19, Erwann wrote:
> Hi, I've found the solution, by adding z-index : 500 to the .list css
> class
>
> On Sep 10, 4:12 pm, Erwann wrote:
>
> > Hi,
>
> > In the following source code, I might have done something wrong but I
> > can't find where.
>
> > What is wrong ? try moving boxes from column 1 and 3 in other columns
> > then try to move the same box again.
>
> > do the same with the column 2 and 4
>
> > could you help me to solve that problem please
>
> >
> >
> >
> > > type="text/javascript">
>
> >
> > .list{
> > width:200px;
> > height:600px;
> > border:3px solid navy;
> > float:left;
> > margin:5px;
> > padding:2px;
>
> > }
>
> > .person{
> > height:32px;
> > border:thin solid indianred;
> > padding:1px 1px 1px 34px;
> > margin:1px 0px;
> > background-color:lemonchiffon;
> > background-image:url("pix/person.png");
> > background-position:1px;
> > background-repeat:no-repeat;
> > cursor:move;
>
> > }
>
> >
> >
> >
>
> >
> > User 1
> > User 2
> > User 3
> >
> >
> > User 4
> > User 5
> >
> >
> > User 6
> > User 7
> > User 8
> > User 9
> >
> >
> > User 10
> >
>
> >
>
> >
> >
> >
>
> > new Draggable('person1', {snap: [220, 37]});
> > new Draggable('person2', {snap: [220, 37]});
> > new Draggable('person3', {snap: [220, 37]});
> > new Draggable('person4', {snap: [220, 37]});
> > new Draggable('person5', {snap: [220, 37]});
> > new Draggable('person6', {snap: [220, 37]});
> > new Draggable('person7', {snap: [220, 37]});
> > new Draggable('person8', {snap: [220, 37]});
> > new Draggable('person9', {snap: [220, 37]});
> > new Draggable('person10', {snap: [220, 37]});
>
> > Droppables.add('liste1a', {
> > accept: 'person',
> > hoverclass: 'hover',
> > onDrop: function(who) {
> > alert('moved ' + who.innerHTML + ' to liste1a');
> > }
> > });
>
> > Droppables.add('liste2a', {
> > accept: 'person',
> > hoverclass: 'hover',
> > onDrop: function(who) {
> > alert('moved ' + who.innerHTML + ' to liste2a');
> > }
> > });
>
> > Droppables.add('liste3a', {
> > accept: 'person',
> > hoverclass: 'hover',
> > onDrop: function(who) {
> > alert('moved ' + who.innerHTML + ' to liste3a');
> > }
> > });
>
> > Droppables.add('listeaway', {
> > accept: 'person',
> > hoverclass: 'hover',
> > onDrop: function(who) {
> > alert('moved ' + who.innerHTML + ' to listeaway');
> > }
> > });
>
> >
>
> >
> >
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~--~~~~--~~--~--~---
[Proto-Scripty] Re: Strange behaviour with drag and drop
Hi, I've found the solution, by adding z-index : 500 to the .list css
class
On Sep 10, 4:12 pm, Erwann wrote:
> Hi,
>
> In the following source code, I might have done something wrong but I
> can't find where.
>
> What is wrong ? try moving boxes from column 1 and 3 in other columns
> then try to move the same box again.
>
> do the same with the column 2 and 4
>
> could you help me to solve that problem please
>
>
>
>
> type="text/javascript">
>
>
> .list{
> width:200px;
> height:600px;
> border:3px solid navy;
> float:left;
> margin:5px;
> padding:2px;
>
> }
>
> .person{
> height:32px;
> border:thin solid indianred;
> padding:1px 1px 1px 34px;
> margin:1px 0px;
> background-color:lemonchiffon;
> background-image:url("pix/person.png");
> background-position:1px;
> background-repeat:no-repeat;
> cursor:move;
>
> }
>
>
>
>
>
>
> User 1
> User 2
> User 3
>
>
> User 4
> User 5
>
>
> User 6
> User 7
> User 8
> User 9
>
>
> User 10
>
>
>
>
>
>
>
>
> new Draggable('person1', {snap: [220, 37]});
> new Draggable('person2', {snap: [220, 37]});
> new Draggable('person3', {snap: [220, 37]});
> new Draggable('person4', {snap: [220, 37]});
> new Draggable('person5', {snap: [220, 37]});
> new Draggable('person6', {snap: [220, 37]});
> new Draggable('person7', {snap: [220, 37]});
> new Draggable('person8', {snap: [220, 37]});
> new Draggable('person9', {snap: [220, 37]});
> new Draggable('person10', {snap: [220, 37]});
>
> Droppables.add('liste1a', {
> accept: 'person',
> hoverclass: 'hover',
> onDrop: function(who) {
> alert('moved ' + who.innerHTML + ' to liste1a');
> }
> });
>
> Droppables.add('liste2a', {
> accept: 'person',
> hoverclass: 'hover',
> onDrop: function(who) {
> alert('moved ' + who.innerHTML + ' to liste2a');
> }
> });
>
> Droppables.add('liste3a', {
> accept: 'person',
> hoverclass: 'hover',
> onDrop: function(who) {
> alert('moved ' + who.innerHTML + ' to liste3a');
> }
> });
>
> Droppables.add('listeaway', {
> accept: 'person',
> hoverclass: 'hover',
> onDrop: function(who) {
> alert('moved ' + who.innerHTML + ' to listeaway');
> }
> });
>
>
>
>
>
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~--~~~~--~~--~--~---
