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

[MOOTOOLS] Ajax div update + form post

Pagina: 1
Acties:

  • X-trace
  • Registratie: Juni 2004
  • Laatst online: 02-11-2024
Ik maak gebruik van mootools om het volgende te doen:

Bij het laden van de pagina de link (<a href>) updaten zodat de target een DIV wordt. Hierbij wordt de DIV 'action' geupdate en de toggle functie (slideIn/slideOut) na 100ms gestart. Dit gedeelte werkt: na het klikken op de link komt er door middel van een slideIn een formulier tevoorschijn.
JavaScript:
1
2
3
4
5
6
7
8
9
10
11
window.addEvent('domready', function(){
        var clickSlide = new Fx.Slide('action');
        $('addplayer').addEvent('click', function(e){
            e = new Event(e);
            new Ajax('_addplayer.php', { method: 'get',update: $('action') }).request();
            (function(){ clickSlide.toggle();}).delay(100);          
                e.stop();
            });
            clickSlide.hide();
        });
});


In die '_addplayer.php' staat een formulier. Nu wil ik dat na het posten van het formulier niet de hele pagina wordt gerefreshed, maar dat die zelfde file weer in dezelfde DIV wordt geladen. Hier heeft mootools ook een functie voor, maar dit krijg ik niet aan de praat. Volgens mij wordt de javascript code niet uitgevoerd oid.
JavaScript:
1
2
3
4
5
6
7
8
indow.addEvent('domready', function(){
        $('addplayerForm').addEvent('submit', function(e) {
            new Event(e).stop();
            this.send({
                update: $('thisAction'),
            });
        });
    });


Wanneer ik de actie van toevoegen van de form via ajax skip werkt het wel, omdat dan het formulier al is geladen. Maar dit is voor mij ook geen optie, omdat ik vrij wil zijn met wat ik in die 'action' div inlaad.

Hoop dat jullie snappen wat ik bedoel en hopelijk weet iemand een oplossing!

You cannot not communicate


  • Cartman!
  • Registratie: April 2000
  • Niet online
Volgens mij zul je sowieso de evalScripts op true zetten in je options, anders wordt de via Ajax opgehaalde code niet gezien als javascript.

http://docs.mootools.net/Remote/Ajax.js

[ Voor 16% gewijzigd door Cartman! op 06-08-2007 16:57 ]


  • X-trace
  • Registratie: Juni 2004
  • Laatst online: 02-11-2024
evalScript heeft geholpen! wist niet dat dit nodig was maar ik snap de functie er nu wel van!

Volgende probleem is nu dat na 1x posten het formulier wel wordt geladen en kan worden verwerkt, maar als ik dan nog een keer post (bijvoorbeeld als er een fout aanwezig is) dan opent hij niet in de huidige DIV.

edit: fixed...was weer een evalScripts die moest worden meegezonden bij de this.send

[ Voor 12% gewijzigd door X-trace op 06-08-2007 17:22 ]

You cannot not communicate