Comment créer des effets sensitifs pour les boutons de formulaire à l'aide de DHTML et CSS dans FrontPage

Traductions disponibles Traductions disponibles
Numéro d'article: 222949 - Voir les produits auxquels s'applique cet article
Agrandir tout | Réduire tout

Résumé

FrontPage 2000 et FrontPage 2002 contiennent un ensemble rich de feuille de style en cascade (CSS) et DHTML (Dynamic HTML) création de fonctionnalités qui vous permettent de créer une gamme d'effets de survol. Cet article décrit vous pouvez créer sensitif effets de bouton pour les boutons de champ de sa forme normale en utilisant les fonctionnalités CSS et les DHTML mise en forme.

Plus d'informations

Pour créer des effets de bouton pour les boutons de champ sensitif, procédez comme suit :
  1. Créer une page vierge.
  2. Dans le menu Insertion, pointez sur formulaire et cliquez sur formulaire.
  3. Pour appliquer des couleurs de bouton "Envoyer" par défaut, procédez comme suit :

    1. Cliquez avec le bouton droit sur le bouton soumettre, puis cliquez sur Propriétés du champ de formulaire.
    2. Cliquez sur style.
    3. Cliquez sur format, puis sur bordure.
    4. Cliquez sur l'onglet trame de fond.
    5. Cliquez pour sélectionner une couleur dans les listes de couleur d'arrière-plan et de couleur de premier plan.
    6. Cliquez trois fois sur OK pour revenir au document.
  4. Pour insérer DHTML sensitif couleurs, procédez comme suit :

    1. Cliquez sur le bouton Submit (Soumettre).
    2. Dans le menu format, cliquez sur Effets DHTML.
    3. Dans la liste, cliquez pour sélectionner Au-dessus de la souris.
    4. Dans la liste Appliquer, cliquez sur mise en forme.
    5. Cliquez sur Choisir une bordure dans la liste à droite de la liste Appliquer.
    6. Cliquez sur l'onglet trame de fond.
    7. Cliquez pour sélectionner une couleur dans les listes de couleur d'arrière-plan et de couleur de premier plan.
    8. Cliquez sur OK et fermez la barre d'outils Effets DHTML.
  5. Pour déplacer les couleurs de pointage vers le bouton Envoyer, procédez comme suit :

    1. Basculez en mode HTML.
    2. En mode HTML, déplacez le code suivant à partir de la <p> balise pour le à votre <input> balise :
         dynamicanimation="fpAnimformatRolloverFP1"
         fprolloverstyle="background-color: #000000; color: #FFFFFF"
         onmouseover="rollIn(this)"
         onmouseout="rollOut(this)"
         language="Javascript1.2"
      								
      Remarque : les valeurs de "background-color" et "couleur" peuvent être différentes de celles indiquées dans le code précédent.
  6. Si vous souhaitez, répétez les étapes peu dernières pour le bouton Réinitialiser.
  7. Lorsque vous avez terminé les étapes précédentes, votre code HTML peut ressembler à l'exemple de code HTML suivant :
       <input type="submit" value="Submit"
          style="background-color: #008000; color: #000000"
          dynamicanimation="fpAnimformatRolloverFP1"
          fprolloverstyle="background-color: #000080; color: #FFFFFF"
          onmouseover="rollIn(this)"
          onmouseout="rollOut(this)"
          language="Javascript1.2">
    
       <input type="reset" value="Reset"
          style="background-color: #800000; color: #FFFFFF"
          dynamicanimation="fpAnimformatRolloverFP1"
          fprolloverstyle="background-color: #000080; color: #FFFFFF"
          onmouseover="rollIn(this)"
          onmouseout="rollOut(this)"
          language="Javascript1.2">
    						
  8. Enregistrez cette page sur votre bureau en tant que «HoverTest.htm» et réduisez FrontPage.
  9. Vous remarquerez que FrontPage enregistré les deux fichiers suivants sur votre bureau :

    • HoverTest.htm.
    • Animate.js.
    Le premier fichier est la page que vous avez créée au cours des étapes précédentes, le deuxième fichier est une collection de fonctions DHTML qui utilisera la page.
  10. Ouvrez «HoverTest.htm» dans Internet Explorer 4.0 ou version ultérieure. Notez que lorsque vous déplacez votre souris sur chaque bouton, vous devez voir la couleur modifier

Propriétés

Numéro d'article: 222949 - Dernière mise à jour: mercredi 24 janvier 2007 - Version: 1.3
Les informations contenues dans cet article s'appliquent au(x) produit(s) suivant(s):
  • Microsoft FrontPage 2000 Standard
  • Microsoft FrontPage 2002 Standard
Mots-clés : 
kbmt kbbutton kbprogramming kbscript kbforms kbnewfile kbhowto KB222949 KbMtfr
Traduction automatique
IMPORTANT : Cet article est issu du système de traduction automatique mis au point par Microsoft (http://support.microsoft.com/gp/mtdetails). Un certain nombre d?articles obtenus par traduction automatique sont en effet mis à votre disposition en complément des articles traduits en langue française par des traducteurs professionnels. Cela vous permet d?avoir accès, dans votre propre langue, à l?ensemble des articles de la base de connaissances rédigés originellement en langue anglaise. Les articles traduits automatiquement ne sont pas toujours parfaits et peuvent comporter des erreurs de vocabulaire, de syntaxe ou de grammaire (probablement semblables aux erreurs que ferait une personne étrangère s?exprimant dans votre langue !). Néanmoins, mis à part ces imperfections, ces articles devraient suffire à vous orienter et à vous aider à résoudre votre problème. Microsoft s?efforce aussi continuellement de faire évoluer son système de traduction automatique.
La version anglaise de cet article est la suivante: 222949
L'INFORMATION CONTENUE DANS CE DOCUMENT EST FOURNIE PAR MICROSOFT SANS GARANTIE D'AUCUNE SORTE, EXPLICITE OU IMPLICITE. L'UTILISATEUR ASSUME LE RISQUE DE L'UTILISATION DU CONTENU DE CE DOCUMENT. CE DOCUMENT NE PEUT ETRE REVENDU OU CEDE EN ECHANGE D'UN QUELCONQUE PROFIT.

Envoyer des commentaires

 

Contact us for more help

Contact us for more help
Connect with Answer Desk for expert help.
Get more support from smallbusiness.support.microsoft.com