Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien
Toon posts:

[JS] Met Ajax een ID naam van een DIV versturen

Pagina: 1
Acties:

Verwijderd

Topicstarter
Beste mede tweakers,

Ik ben nu een tijdje bezig met de drag & drop functie van Mootools maar zit met een vraagje.
Ik wil dat je de inhoud van de div genaamd cart doormiddel van de id naam van een div door kan sturen en bijv in een db kan zetten.

dit is de js van mootools:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
    <script type="text/javascript">
        window.addEvent('domready', function(){
            var ding = $('test');
            var drop = $('cart');
            var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect,
            
            $$('.item').each(function(item){
            
                item.addEvent('mousedown', function(e) {
                    e = new Event(e).stop();
            
                    var clone = this.clone()
                        .setStyles(this.getCoordinates()) // this returns an object with left/top/bottom/right, so its perfect
                        .setStyles({'opacity': 0.7, 'position': 'absolute'})
                        .addEvent('emptydrop', function() {
                            this.remove();
                            drop.removeEvents();
                        }).inject(document.body);
            
                    drop.addEvents({
                        'drop': function() {
                            drop.removeEvents();
                            clone.remove();
                            item.clone().inject(drop);
                            dropFx.start('7389AE').chain(dropFx.start.pass('ffffff', dropFx));
                            var url = "create.php";
                                    new Ajax(url, {method: 'post',data:'test='+this.id}).request();                     },
                        'over': function() {
                            dropFx.start('98B5C1');
                        },
                        'leave': function() {
                            dropFx.start('ffffff');
                        }
                    });
            
                    var drag = clone.makeDraggable({
                        droppables: [drop]

                    }); // this returns the dragged element
            
                    drag.start(e); // start the event manual
                });
            
            });
        }); 
    </script>

Ik heb hard gezocht naar voorbeelden en ervaringen /oplossingen van anderen. Maar heb niets gevonden wat mij direct helpt.
ik heb nu dit geprobeerd.
code:
1
2
var url = "create.php";
new Ajax(url, {method: 'post',data:'test='+this.id}).request();

Het probleem hiervan is dat hij met this.id de naam van de plek waar gedropt word verstuurd (cart dus) en de bedoeling is dat hij item.id verstuur deze blijft alleen leeg bij versturen.
Hoe kom ik aan de id naam van item.
item zelf geeft dit [object HTMLDivElement]
item.id geeft niets!

Weet iemand een oplossing?

Bij voorbaat dank.

  • Rekcor
  • Registratie: Februari 2005
  • Laatst online: 08-10 13:03
kun je niet beter op het mootools-forum kijken? ik wil je graag helpen, maar heb geen tijd/zin om eerst helemaal in mootools te duiken.

Verwijderd

Topicstarter
Ik heb in het mootools-forum gezocht en onderande dit hierboven (ajax) gevonden.
Helaas is het mij nog steeds niet duidelijk hoe ik een id naam van een div te weten kom.

Het gaat dus niet zo zeer om mootools maar om javascript (correct me if i'm wrong)
ik ben opzoek naar de div naar van "item" maar item.id werkt niet.

Mijn excussen als dit wel iets is wat bij mootools ligt en neit bij javascript alleen.

  • H004
  • Registratie: Maart 2006
  • Laatst online: 28-05 19:55
Kan je niet iets doen met clone.getProperty?

Gewoon de docs-pagina openzetten tijdens het ontwikkelen met mootools: de documentatie is redelijk in orde, dus dit soort vragen moeten best zelf op te lossen zijn!

[ Voor 31% gewijzigd door H004 op 10-03-2008 18:30 ]