jquery - Læse data fra event - Udvikleren.dk - Programmering, webdesign og grafik

Tags: jquery drag drop event data

Bruger #16679 @ 20.06.11 20:33

I nedenstående kode forsøger jeg at loade data fra elementet i contentList, men jeg har simpelthen ingen ide om hvordan jeg skal hente de data jeg har brug for.

Henleder opmærksomheden til det område hvor jeg har sat en comment

Håber nogen kan hjælpe.

HTML kode

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title>Editor test</title>
 
 <link type="text/css" rel="stylesheet" href="reset.css" />
 <link type="text/css" rel="stylesheet" href="style.css" />
 
 <script type="text/javascript" src="http://webfront.dk/jquery/js/jquery-1.5.1.min.js"></script>
 <script type="text/javascript" src="http://webfront.dk/jquery/js/jquery-ui-1.8.13.custom.min.js"></script>
 <script type="text/javascript">
     $(document).ready(function()
     {
         var i = 1;
         
         $(".element").draggable({
             helper:'clone',
             snapMode: 'both'
         });  
         
         function drop()
         {
             $(".insertPoint").droppable({
                 accept: ".element",
                 drop: function(event,ui)
                     {
                         // LÆS ELEMENT DER BLIVER HENTET IND
                         alert($(ui).attr('rel'));
                         
                         $(this).after('<div class="clr_'+ i +'"><p>' + $(event).attr('rel') + '</p></div><div class="insertPoint" rel="2"></div>');
                         i++;
                         drop();
                     },
                 activeClass: 'test',
                 hoverClass: 'demo',
                 tolerence: 'touch'
             });
         }
         
         drop();
     });
 </script>
 </head>
 
 <body>
 
 <div id="contentList">
     <div class="element" rel="text" title="hejsa">
         <img src="images/text.png" />
         <p>Text</p>
     </div>
     
     <div class="element" rel="image">
         <img src="images/images.png" />
         <p>Image</p>
     </div>
     
     <div class="element" rel="music">
         <img src="images/music.png" />
         <p>Music</p>
     </div>
     
     <div class="element" rel="youtube">
         <img src="images/youtube.png" />
         <p>Youtube</p>
     </div>
     
     <div class="element" rel="video">
         <img src="images/video.png" />
         <p>Video</p>
     </div>
     
     <div class="clear"></div>
 </div>
 
 <div id="content">
     <div class="insertPoint" rel="1"></div>
 </div>
 
 </body>
 </html>

Indlæg senest redigeret d. 20.06.2011 20:34 af Bruger #16679

3 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 5 karma

Sorter efter stemmer Sorter efter dato

Bruger #10216 @ 20.06.11 21:56

4.283

Har du prøvet med f.eks

Kode

ui.draggable.text()

Indlæg senest redigeret d. 20.06.2011 21:56 af Bruger #10216

Bruger #16679 @ 20.06.11 20:35

Skal siges at jeg har prøvet både event og ui for at hente data.

Indlæg senest redigeret d. 20.06.2011 20:59 af Bruger #16679

Bruger #16679 @ 20.06.11 22:01

Problemet er at jeg har flere elementer der har den class, det er vigtigt at den ved at det er det specifikke element jeg foretager drag på.

EDIT:

Jeg var for hurtigt ude og det vil jeg gerne undskylde for. Det lader til at det hele virker med din løsning.

Takker mange gange for den fantastiske hjælp

Indlæg senest redigeret d. 20.06.2011 22:17 af Bruger #16679

Læse data fra event

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler