Comment créer facilement un framework Javascript Partie 4
CODE FORMULAIRE AJAX
// EXEMPLE DE FORMULAIRE AJAX
// Click sur le bouton 'process'
$$.getById('process').on('click', function(){
// Récupération des valeurs des 2 textbox
var txtname = $$.getById('txtname').getValue();
var txtemail = $$.getById('txtemail').getValue();
var txtmsg = $$.getById('txtmsg').getValue();
// Envoi de la requête en AJAX
// processform.php crée une pause de 3 secondes pour faire fonctionner la fonction de chargement
/* Vous pouvez créer votre propre fichier php avec ce code
' . ' Email: ' . $_POST['email'] . ' ' . 'Message: ' . $_POST['message'];
?> */
$$.AJAX.sendRequest('post', 'processform.php', {
nom: txtname,
email: txtemail,
message: txtmsg
}, {
success: function(myxhr){
$$.getById('answer').innerHTML(myxhr.responseText).setStyle({
color: 'green'
});
},
error: function(myxhr){
$$.getById('answer').innerHTML(myxhr.statusText).setStyle({
color: 'red'
});
},
loading: function(){
$$.getById('answer').innerHTML('Loading...').setStyle({
color: 'blue'
});
}
});
});
Utilisation de la fonction 'UN' pour supprimer un événement
CODE DE LA METHODE 'UN' :
// DEUXIEME EXAMPLE :
// L'utilisation de la méthode 'UN'
// Le bouton ne fonctionnera qu'une fois car à l'intérieur de la fonction, nous supprimons l'action de l'élément
// Fonction a exécuter
function hello(){
alert('Hellow World');
$$.getById('secondexample').un('click',hello)
}
$$.getById('secondexample').on('click',hello);