[Proto-Scripty] Re: Strange behaviour with drag and drop

2009-09-14 Thread Erwann

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

2009-09-14 Thread Erwann

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
-~--~~~~--~~--~--~---