Double-clic sur élément HTML

Mise à jour : novembre 2007

Le double-clic sur un élément HTML programmable dans Visual Web Developer provoque les actions suivantes :

  • Une fonction de gestionnaire d'événements côté client est créée dans le bloc de script au haut de votre page .aspx, même si vous utilisez le modèle de page code-behind d'ASP.NET.

  • Un attribut de langage est créé dans l'élément HTML et a la valeur "javascript".

  • Un attribut onclick est créé dans l'élément HTML et a la valeur du nom de la fonction de gestionnaire d'événements.

Les exemples d'éléments programmables sur lesquels un double-clic peut être effectué sont les éléments HTML Input, Textarea et Select. Ajoutez le code à la fonction de gestionnaire d'événements qui s'exécutera sur le client.

Remarque :

Le double-clic sur un élément HTML qui n'est pas programmable n'a aucun effet dans Visual Web Developer.

Si vous souhaitez créer un gestionnaire d'événements serveur pour l'élément, vous avez deux options :

  • Vous pouvez exécuter l'élément HTML comme un contrôle serveur.

  • Vous pouvez utiliser à la place l'un des contrôles serveur ASP.NET équivalents.

Pour exécuter l'élément HTML comme un contrôle serveur

  1. Si vous avez déjà double-cliqué sur l'élément HTML, restaurez l'état antérieur de l'élément. Pour cela, basculez en mode Source, supprimez les attributs language et onclick de l'élément et supprimez la fonction onclick définie dans le bloc de script.

  2. Basculez en mode Design.

  3. Cliquez avec le bouton droit sur l'élément HTML et cliquez sur Exécuter en tant que contrôle serveur.

  4. Enregistrez votre fichier et double-cliquez de nouveau sur l'élément HTML.

    Une méthode de gestionnaire d'événements est ajoutée automatiquement au bloc de script ou à la page code-behind si vous utilisez le modèle code-behind ASP.NET. Un attribut runat est ajouté à l'élément et a la valeur "serveur". Un attribut d'événement est également ajouté et a la valeur du nom de la méthode de gestionnaire d'événements qui a été générée automatiquement.

Pour convertir l'élément HTML en un contrôle serveur ASP.NET équivalent

  1. Basculez en mode Design.

  2. Dans la boîte à outils, sélectionnez le contrôle serveur qui est la correspondance la plus proche de votre élément HTML. Par exemple, un élément HTML Input de type checkbox est à peu près équivalent au contrôle serveur CheckBox dans l'onglet Standard de la boîte à outils. Pour obtenir la liste de ces contrôles serveur, consultez Contrôles de boîte à outils standard.

  3. Faites glisser votre contrôle de la boîte à outils vers la page.

  4. Enregistrez votre fichier et double-cliquez sur le contrôle serveur.

    Une méthode de gestionnaire d'événements est ajoutée automatiquement au bloc de script ou à la page code-behind si vous utilisez le modèle code-behind ASP.NET. Un attribut d'événement est ajouté et a la valeur du nom de la méthode de gestionnaire d'événements qui a été générée automatiquement.

  5. Transférez toutes les chaînes de votre élément HTML vers le nouveau contrôle serveur puis supprimez votre élément HTML. Si vous aviez déjà double-cliqué sur l'élément HTML, transférez le code de la fonction de gestionnaire d'événements côté client vers la nouvelle méthode de gestionnaire d'événements. Testez votre contrôle pour voir si des modifications doivent être apportées.

Tâches

Comment : créer des scripts et modifier des gestionnaires d'événements.

Voir aussi

Concepts

Vue d'ensemble des contrôles serveur Web ASP.NET

Vue d'ensemble des contrôles serveur Web ASP.NET

Autres ressources

Ajout de contrôles serveur HTML à une page Web ASP.NET

Contrôles de boîte à outils standard