SqueezeBox är ett förträffligt system för att hantera ajax och iframe popups med Mootools. Grunden till det är elementär att använda men när det kom till att implementera det till ett formulär blev det lite mer komplicerat. Genom att initiera SqueezeBox på ett element (div) med fromElement kunde vi dock få in formulärets svarsinformation på ett ok vis. Sen väljer vi att sätta begränsningar på boxens storlek, men om ni inte vill göra det så är det ju bara att ta bort size delen.
Testa det här:
Här kommer JavaScript koden:
$(’formNamn’).addEvent(’submit’, function(el) {
new Event(el).stop();
this.set(’send’, {
onSuccess:function(response){
var div = new Element(’div’,{html:response});
SqueezeBox.fromElement(div,{
size: {x: 1000, y: 450}
});
}
}).send();
});