Comment créer et modifier une zone de liste déroulante redirection Expression Web

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

Sommaire

INTRODUCTION

Cet article explique comment créer et modifier une zone de liste déroulante redirection Microsoft Expression Web.

Plus d'informations

Cet article explique comment créer et modifier un contrôle de zone de liste déroulante qui utilise JScript pour ouvrir une URL spécifique.

note Cet article utilise JScript personnalisé qui ne soient pas disponible dans tous les navigateurs Web. Pour plus d'informations sur la compatibilité de navigateur, cliquez sur l'aide de Microsoft Expression Web dans le menu Aide , tapez la compatibilité du navigateur dans la zone Rechercher et puis cliquez sur Démarrer la recherche pour afficher les rubriques qui sont renvoyés.

Créer la zone de liste déroulante de redirection

Microsoft fournit des exemples de programmation pour illustration uniquement, sans garantie explicite ou implicite. Cela inclut, mais n'est pas limité aux garanties implicites de qualité marchande ou d'adéquation à un usage particulier. Cet article suppose que vous êtes familiarisé avec le langage de programmation présenté et les outils qui sont utilisés pour créer et déboguer des procédures. Les techniciens du support technique Microsoft peuvent vous expliquer les fonctionnalités d'une procédure particulière. Toutefois, ils ne modifieront pas les exemples en vue de fournir des fonctionnalités supplémentaires ou de créer des procédures répondant à vos besoins spécifiques.
  1. Démarrez Expression Web et ouvrez votre site.
  2. Dans le menu Fichier , pointez sur Nouveau , cliquez sur page dans le volet Office Nouveau , cliquez sur le code HTML et puis cliquez sur OK .
  3. Dans le menu Affichage , pointez sur la page , puis cliquez sur code .
  4. Insérez l'exemple suivant de code entre les balises <body> et </body> sur votre page.
    <h3 align="center">Where Do You Want to Go Today?</h3>
    <center>
    <form>
      <p><select name="section" size="1" language="javascript" onChange="gotoPage(this.selectedIndex);">
      <option selected>Where do you want to go today?</option>
      <option>- - - - - - - - - - - - - - - - -</option>
      <option>Microsoft Home Page</option>
      <option>MSN Home Page</option>
      </select></p>
    </form>
    </center>
    <script language="JavaScript">
    <!--
    function gotoPage(varItem)
    {
      switch(varItem)
      {
        case 0:
          window.parent.self.status="Goes Nowhere";
          break;
        case 1:
          window.parent.self.status="Goes Nowhere";
          break;
        case 2:
          window.location="http://www.microsoft.com";
          break;
        case 3:
          window.location="http://www.msn.com";
          break;
      }
    }
    // -->
    </script>
    
    Remarque cet exemple de code utilise la propriété window.location pour charger les nouvelles pages. Si vous utilisez un jeu de cadres, la nouvelle page est affiche dans le cadre actif. Si vous souhaitez, vous pouvez utiliser la méthode window.open pour charger la page puis spécifiez un cadre de destination. Par exemple, pour afficher la page d'accueil de Microsoft en plein écran, utilisez le code JScript suivant.
    case 2:
          window.open("http://www.microsoft.com", target="_top");
          break;
    
    note Vous pouvez recevoir un message d'erreur ou la page peut ne pas affiche correctement si vous copiez les exemples directement à partir de cet article et les coller ensuite sur Expression Web. Le crochets (<) et (>) peuvent apparaissent par code HTML. Pour contourner ce problème, collez d'abord l'exemple de code dans un document vierge dans le bloc-notes. Ensuite, copiez l'exemple de code à partir du document dans le bloc-notes à votre page dans Expression Web. Pour ce faire, procédez comme suit :
    1. Copiez l'exemple de code à partir de l'étape 4.
    2. Démarrez le Bloc-notes et ouvrez un document vierge.
    3. Dans le menu Edition , cliquez sur Coller .
    4. Dans le menu Edition , cliquez sur Sélectionner tout .
    5. Dans le menu Edition , cliquez sur Copier .
    6. Dans l'expression Web, placez le curseur sur une ligne vide située immédiatement sous la balise <body> où vous souhaitez insérer le code JScript.
    7. Dans le menu Edition , cliquez sur Coller .
  5. Dans le menu Fichier , cliquez sur Enregistrer .
  6. Dans la boîte de dialogue Enregistrer sous , spécifiez un nom de fichier et un emplacement dans lequel vous souhaitez enregistrer la page, puis cliquez sur Enregistrer .
  7. Dans le menu Fichier , pointez sur Afficher dans le navigateur et puis cliquez sur le navigateur que vous souhaitez utiliser pour obtenir un aperçu de la page.

Ajouter une URL dans la zone de liste déroulante de redirection

Pour ajouter une URL à la liste qui s'affiche dans la zone de liste déroulante, vous devez effectuer les actions suivantes :
  • Ajouter une entrée à la liste d'options dans le code HTML code.
  • Ajouter une entrée à la section « switch(varItem) » dans le code JScript.
Par exemple, pour ajouter un élément de liste pour le site Aide et de Microsoft Web de support, procédez comme suit.

note Ces étapes supposent que vous n'avez pas effectuer de modification à l'exemple de code après que l'avoir collé à Expression Web.
  1. Démarrez Expression Web et ouvrez la page qui contient la zone de liste déroulante.
  2. Dans le menu Affichage , pointez sur la page , puis cliquez sur code .
  3. Placez le curseur juste après le code HTML suivant sur votre page de code, puis appuyez sur ENTRÉE pour créer une nouvelle ligne.
    <option>MSN Home Page</option>
  4. Sur la nouvelle ligne, tapez le code HTML suivant pour ajouter cet élément à la liste.
    <option>Microsoft Help and Support Home Page</option>
  5. Placez le curseur juste après le code JScript suivant sur votre page, puis appuyez sur ENTRÉE pour créer une nouvelle ligne.
    case 3:
          window.location="http://www.msn.com";
          break;
  6. Sur la nouvelle ligne, tapez le code JScript suivant pour rediriger l'URL sur le site Web que vous ajoutez.
    case 4:
          window.location="http://support.microsoft.com";
          break;	 
    
  7. Dans le menu Fichier , cliquez sur Enregistrer .
  8. Dans le menu Fichier , pointez sur Afficher dans le navigateur et puis cliquez sur le navigateur que vous souhaitez utiliser pour obtenir un aperçu de la page.

Supprimer une URL de la zone de liste déroulante

Pour supprimer une URL de la liste affichée dans la zone de liste déroulante, vous devez effectuer les actions suivantes :
  • Supprimer l'entrée de la liste option dans le code HTML.
  • Supprimez l'entrée de la section « switch(varItem) » dans le code JScript.
Par exemple, pour supprimer l'élément de liste pour le site Aide et de Microsoft Web de support, procédez comme suit :
  1. Démarrez Expression Web et ouvrez la page qui contient la zone de liste déroulante.
  2. Dans le menu Affichage , pointez sur la page , puis cliquez sur code .
  3. Recherchez le code suivant.
    <option>Microsoft Help and Support Home Page</option>
  4. Sélectionner le code que vous avez localisée à l'étape 3, cliquez avec le bouton droit sur le code et puis cliquez sur Supprimer .
  5. Recherchez le code suivant.
    case 4:
          window.location="http://support.microsoft.com";
          break;
  6. Sélectionner le code que vous avez localisée à l'étape 5, cliquez avec le bouton droit sur le code et puis cliquez sur Supprimer .
  7. Dans le menu Fichier , cliquez sur Enregistrer .
  8. Dans le menu Fichier , pointez sur Afficher dans le navigateur et puis cliquez sur le navigateur que vous souhaitez utiliser pour obtenir un aperçu de la page.

Propriétés

Numéro d'article: 928708 - Dernière mise à jour: jeudi 7 décembre 2006 - Version: 1.0
Les informations contenues dans cet article s'appliquent au(x) produit(s) suivant(s):
  • Microsoft Expression Web
Mots-clés : 
kbmt kbexpertiseinter kbhowto kbprb KB928708 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: 928708
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