Cómo crear y modificar un cuadro de lista desplegable de redirección en Expression Web

Seleccione idioma Seleccione idioma
Id. de artículo: 928708 - Ver los productos a los que se aplica este artículo
Expandir todo | Contraer todo

En esta página

INTRODUCCIÓN

En este artículo se describe cómo crear y modificar un cuadro de lista desplegable de redirección en Microsoft Expression Web.

Más información

En este artículo se describe cómo crear y modificar un control de cuadro de lista desplegable que utiliza JScript para abrir una dirección URL específica.

Nota En este artículo utiliza JScript personalizado que puede no estar disponible en todos los exploradores Web. Para obtener más información sobre la compatibilidad de explorador, haga clic en Ayuda de Microsoft Expression Web en el menú Ayuda , escriba compatibilidad de explorador en el cuadro Buscar y, a continuación, haga clic en Iniciar búsqueda para ver los temas que se devuelven.

Crear el cuadro de lista desplegable de redirección

Microsoft proporciona ejemplos de programación con fines ilustrativos únicamente, sin ninguna garantía tanto expresa como implícita. Esto incluye, entre otras, las garantías implícitas de comerciabilidad e idoneidad para un fin determinado. Este artículo se supone que está familiarizado con el lenguaje de programación que se muestra y con las herramientas que se utilizan para crear y depurar procedimientos. Los ingenieros de soporte técnico de Microsoft pueden explicarle la funcionalidad de un determinado procedimiento. Sin embargo, no modificarán estos ejemplos para ofrecer mayor funcionalidad ni crearán procedimientos que cumplan sus requisitos específicos.
  1. Inicie Expression Web y, a continuación, abra su sitio.
  2. En el menú archivo , elija nuevo , haga clic en la página en el panel de tareas nuevo , haga clic en HTML y, a continuación, haga clic en Aceptar .
  3. En el menú Ver , elija página y, a continuación, haga clic en código .
  4. Inserte el siguiente ejemplo de código entre las etiquetas <body> y </body> en la página.
    <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>
    
    Nota este ejemplo de código se utiliza la propiedad window.location para cargar páginas nuevas. Si está utilizando un conjunto de marcos, la nueva página se mostrará en el marco actual. Si lo desea, puede utilizar el método window.open para cargar la página y, a continuación, especificar un marco de destino. Por ejemplo, para mostrar la página principal de Microsoft en pantalla completa, utilice el siguiente código de JScript.
    case 2:
          window.open("http://www.microsoft.com", target="_top");
          break;
    
    Nota Puede recibir un mensaje de error o la página no puede mostrar correctamente si copia los ejemplos directamente desde este artículo y, a continuación, pegarlos en Expression Web. Los corchetes angulares (<) y (>) pueden aparecer como código HTML. Para evitar este comportamiento, pegue primero el ejemplo de código a un documento en blanco del Bloc de notas. Después, copie el ejemplo de código del documento del Bloc de notas a la página en Expression Web. Para ello, siga estos pasos:
    1. Copie el código de ejemplo del paso 4.
    2. Inicie el Bloc de notas y abra un documento en blanco.
    3. En el menú Edición , haga clic en Pegar .
    4. En el menú Edición , haga clic en Seleccionar todo .
    5. En el menú Edición , haga clic en Copiar .
    6. En Expression Web, coloque el cursor en una línea en blanco inmediatamente debajo de la etiqueta <body> donde desee insertar el código JScript.
    7. En el menú Edición , haga clic en Pegar .
  5. En el menú archivo , haga clic en Guardar .
  6. En el cuadro de diálogo especifique un nombre de archivo y una ubicación donde desea guardar la página y, a continuación, haga clic en Guardar .
  7. En el menú archivo , elija vista previa en el explorador y, a continuación, haga clic en el explorador que desea utilizar para obtener una vista previa de la página.

Agregar una dirección URL al cuadro de lista desplegable de redirección

Para agregar una dirección URL a la lista que se muestra en el cuadro de lista desplegable, deberá realizar las acciones siguientes:
  • Agregue una entrada a la lista option del código HTML.
  • Agregar una entrada a la "" sección switch (varItem) el JScript código.
Por ejemplo, para agregar un elemento de lista para la página Web de Ayuda y soporte técnico de Microsoft, siga estos pasos.

Nota Estos pasos se supone que no realice cambios en el ejemplo de código después de que se pegan en Expression Web.
  1. Inicie Expression Web y, a continuación, abra la página que contiene el cuadro de lista desplegable.
  2. En el menú Ver , elija página y, a continuación, haga clic en código .
  3. Coloque el cursor inmediatamente después el siguiente código HTML en la página de código y, a continuación, presione ENTRAR para crear una nueva línea.
    <option>MSN Home Page</option>
  4. En la línea nueva, escriba el siguiente código HTML para agregar este elemento a la lista.
    <option>Microsoft Help and Support Home Page</option>
  5. Coloque el cursor inmediatamente después del siguiente código de JScript en la página y, a continuación, presione ENTRAR para crear una nueva línea.
    case 3:
          window.location="http://www.msn.com";
          break;
  6. En la línea nueva, escriba el siguiente código de JScript para redirigir la dirección URL al sitio Web que está agregando.
    case 4:
          window.location="http://support.microsoft.com";
          break;	 
    
  7. En el menú archivo , haga clic en Guardar .
  8. En el menú archivo , elija vista previa en el explorador y, a continuación, haga clic en el explorador que desea utilizar para obtener una vista previa de la página.

Quitar una dirección URL del cuadro de lista desplegable de redirección

Para quitar una dirección URL de la lista que se muestra en el cuadro de lista desplegable, deberá realizar las acciones siguientes:
  • Elimine la entrada de la lista option del código HTML.
  • Quite la entrada de la "" sección switch (varItem) el JScript código.
Por ejemplo, para eliminar el elemento de lista de la página Web de Ayuda y soporte técnico de Microsoft, siga estos pasos:
  1. Inicie Expression Web y, a continuación, abra la página que contiene el cuadro de lista desplegable.
  2. En el menú Ver , elija página y, a continuación, haga clic en código .
  3. Busque el siguiente código.
    <option>Microsoft Help and Support Home Page</option>
  4. Seleccione el código que encontró en el paso 3, haga clic con el botón secundario del mouse en el código y, a continuación, haga clic en Eliminar .
  5. Busque el siguiente código.
    case 4:
          window.location="http://support.microsoft.com";
          break;
  6. Seleccione el código que encontró en el paso 5, haga clic con el botón secundario del mouse en el código y, a continuación, haga clic en Eliminar .
  7. En el menú archivo , haga clic en Guardar .
  8. En el menú archivo , elija vista previa en el explorador y, a continuación, haga clic en el explorador que desea utilizar para obtener una vista previa de la página.

Propiedades

Id. de artículo: 928708 - Última revisión: jueves, 7 de diciembre de 2006 - Versión: 1.0
La información de este artículo se refiere a:
  • Microsoft Expression Web
Palabras clave: 
kbmt kbexpertiseinter kbhowto kbprb KB928708 KbMtes
Traducción automática
IMPORTANTE: Este artículo ha sido traducido por un software de traducción automática de Microsoft (http://support.microsoft.com/gp/mtdetails) en lugar de un traductor humano. Microsoft le ofrece artículos traducidos por un traductor humano y artículos traducidos automáticamente para que tenga acceso en su propio idioma a todos los artículos de nuestra base de conocimientos (Knowledge Base). Sin embargo, los artículos traducidos automáticamente pueden contener errores en el vocabulario, la sintaxis o la gramática, como los que un extranjero podría cometer al hablar el idioma. Microsoft no se hace responsable de cualquier imprecisión, error o daño ocasionado por una mala traducción del contenido o como consecuencia de su utilización por nuestros clientes. Microsoft suele actualizar el software de traducción frecuentemente.
Haga clic aquí para ver el artículo original (en inglés): 928708

Enviar comentarios

 

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