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.
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.
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!
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