Discussion :

[Gluups]

Bonjour tout le monde,

Je reprends contact avec jquery, et je m'aperçois que quelques projets que je découvre nécessitent encore de gamberger ferme sur les conditions qui permettent ou pas à jquery de se charger proprement.

Mais pour le moment, je suis sur un projet intégré à ASP.Net Microsoft, et là en revanche c'est impeccable, ça marche du premier coup : créer un projet ASP.Net, copier/coller la page et son code vers ce projet, retirer une référence pas utile pour le test, lancer l'exécution. Joli !

Du coup, ça me permet de regarder dans le code, et d'essayer de comprendre.

Une boîte de dialogue Oui/Non est ouverte par ce bouton :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

    <asp:Button ID="btnDelete" runat="server" Text="Delete" OnClick="DeleteRecord" UseSubmitBehavior="false" />

et dans la boîte de dialogue, plus précisément dans le code du bouton Oui, je vois ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

                    $("[id*=btnDelete]").attr("rel", "delete");

Si je lis bien, ça signifie que le bouton Oui de la boîte de dialogue retire l'attribut rel au bouton btnDelete ?

Mais btnDelete, j'ai mis son code au-dessus et je mets ci-dessous le code de son rendu dans la page HTML, je n'y vois pas d'attribut rel.

Est-ce un attribut implicite de tous les contrôles ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

    <input type="button" name="btnDelete" value="Delete" onclick="javascript:__doPostBack('btnDelete','')" id="btnDelete" />

[SpaceFrog]

Si je lis bien, ça signifie que le bouton Oui de la boîte de dialogue retire l'attribut rel au bouton btnDelete ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("[id*=btnDelete]").attr("rel", "delete");

Je dirais plutot exactement le contraire ...
il attribue l'attribut rel

[Gluups]

Ah non pardon, un peu plus haut je vois

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

            $("[id*=btnDelete]").removeAttr("onclick");

et je réalise que c'est comme ça qu'on supprime un attribut.

Donc le bouton Oui crée un attribut rel au bouton btnDelete, et lui donne la valeur "delete".

Mais je peine un peu à comprendre à quoi il sert.

Peut-être est-ce plus spécifiquement une question ASP.Net ?

[Gluups]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("[id*=btnDelete]").attr("rel", "delete");

Je dirais plutot exactement le contraire ...
il attribue l'attribut rel

Oui, j'ai compris après, merci.

[Watilin]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

                    $("[id*=btnDelete]").attr("rel", "delete");

Si je lis bien, ça signifie que le bouton Oui de la boîte de dialogue retire l'attribut rel au bouton btnDelete ?

Non, au contraire : il ajoute un attribut rel au bouton et lui donne la valeur "delete". Note que cet attribut n'a pas de signification précise sur un bouton, en tout cas il n'a pas (au moment où j'écris) d'influence sur le rendu HTML. Et au niveau des standards, normalement les boutons (<button> ou <input type="button">) n'ont pas d'attribut rel (mais les liens <a> peuvent en avoir).

As-tu regardé le code HTML généré ? Quel est l'élément qui tient lieu de bouton ?

[Gluups]

Ah oui la réponse est un peu plus bas dans la page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
            $("[id*=btnDelete]").click(function () {
                if ($(this).attr("rel") != "delete") {
                    $('#dialog').dialog('open');
                    return false;
                } else {
                    __doPostBack(this.name, '');
                }
            });

ça ressemble à ce qu'on ait fait l'économie d'un bouton, et on change son rôle pendant que la boîte de dialogue est ouverte, et l'attribut rel sert de point de repère pour ça.

Il se peut que si j'avais des nuits plus longues je n'aurais pas posé la question.

Merci pour les réponses en tout cas.

[Gluups]

Non, au contraire : il ajoute un attribut rel au bouton et lui donne la valeur "delete".

Oui, cette fois nous sommes trois à dire ça

Note que cet attribut n'a pas de signification précise sur un bouton, en tout cas il n'a pas (au moment où j'écris) d'influence sur le rendu HTML. Et au niveau des standards, normalement les boutons (<button> ou <input type="button">) n'ont pas d'attribut rel (mais les liens <a> peuvent en avoir).

As-tu regardé le code HTML généré ? Quel est l'élément qui tient lieu de bouton ?

D'après ce que je vois il sert déjà de point de repère pour une bascule entre deux rôles du bouton selon que la demande de suppression soit confirmée ou non.

Ensuite le choix de la valeur de l'attribut n'est pas nécessairement anodin, en le passant en argument d'un objet de gestion de données on obtient l'action correspondante.

Du coup je vais retourner à la page HTML isolée, qui hier soir ne réussissait à charger qu'un module jquery sur deux.

Merci pour les réponses, même si il s'avère que je mets juste un peu de temps à comprendre ...