Afin de distinguer au possible le comportement du contenu de ma page HTML, je souhaiterais éviter l'utilisation des attributs "on***" sur les balises et les remplacer par les gestionnaires d'événements que l'on peut notamment utiliser grâce à Prototype.

Voici le code du formulaire :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
 
    <form id="formulaire" method="post" action="form">
        <legend>Saisir un commentaire :</legend>
        <fieldset>
            <input type="text" name="id_user" value="13"/><br/>
            <textarea id="textarea1" name="textarea1"></textarea>
            <input type="submit" value="envoyer"/>
        </fieldset>
    </form>
Côté Javascript, je souhaiterais placer l'événement suivant :
- au submit du formulaire, executer la fonction comment_add

Voici actuellement le code .js :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
Event.observe('formulaire', 'submit', add_comment('formulaire','textarea1','commentaire'));
/**
 * add_comment()
 * @param form : form
 * @param comment_field : comment_field id
 * @param comment_list : comment_list id
 */
function add_comment(form,comment_field,comment_list) {
    // serialize : Create a string with each field value
    var champs = Form.serialize(form);
    Form.disable(form);
 
    // Ajax Request
    var laRequete = new Ajax.Request('comment_add.php',{method: 'post',parameters:champs,
        onSuccess: function() { alert('Requête terminée avec succès.') },
        onFailure: function() { alert('Requête échouée.') }
    });
}
comment_field me permettant à terme un focus si le champ n'est pas rempli ainsi qu'une modification de la couleur.

Bien évidemment ce que j'ai fais ne fonctionne pas (au niveau de event.observe) ^^ Merci de m'éclairer