Cómo crear y modificar un cuadro de lista desplegable de redirección en SharePoint Designer 2007 y en FrontPage 2003

Seleccione idioma Seleccione idioma
Id. de artículo: 825545 - Ver los productos a los que se aplica este artículo
Para obtener una versión de este artículo para Microsoft FrontPage 2002, consulte 310713.
Expandir todo | Contraer todo

En esta página

Resumen

En este artículo se describe cómo crear y modificar un control de cuadro de lista desplegable que abre una dirección URL determinada utilizando JavaScript en Microsoft Office FrontPage 2003 y en Microsoft Office SharePoint Designer 2007.

Nota
En este artículo se utiliza JavaScript/JScript personalizado, que podría no estar disponible en todos los exploradores Web.

Más información

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. En este artículo se da por supuesto que ya conoce el lenguaje de programación que se muestra, así como las herramientas empleadas para crear y depurar procedimientos. Los ingenieros de soporte técnico de Microsoft pueden ayudar a explicar la funcionalidad de un procedimiento en particular. Sin embargo, no modificarán estos ejemplos para proporcionar una funcionalidad adicional ni crearán procedimientos que cumplan sus requisitos específicos.

Para crear el cuadro de lista desplegable de redirección, siga estos pasos:
  1. Inicie SharePoint Designer 2007 o FrontPage 2003 y abra su sitio.
  2. En SharePoint Designer 2007, haga clic en el botón Nuevo documento de la barra de herramientas.

    En FrontPage 2003, haga clic en el botón Nueva página de la barra de herramientas.
  3. En el menú Ver, haga clic en la opción Página (si no está ya seleccionada) y, a continuación, haga clic en Código en la parte inferior de la página.
  4. Inserte el código de ejemplo siguiente entre las etiquetas <META HTTP-EQUIV="content-type" CONTENT="text/html; charset=UTF-8"> <body> y </body> de 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
    En este ejemplo de código se usa la propiedad window.location para cargar las 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, después, especificar un marco de destino. Por ejemplo, para mostrar la página principal de Microsoft en una pantalla completa, utilice el siguiente código JavaScript:
    case 2:
          window.open("http://www.microsoft.com", target="_top");
          break;
    
    Nota
    Puede recibir un mensaje de error o la página puede no mostrarse correctamente si copia directamente los ejemplos de este artículo y los pega en SharePoint Designer 2007 o en FrontPage 2003. Los corchetes angulares (< y >) pueden aparecer como código HTML.

    Para evitar este comportamiento, pegue primero el ejemplo de código en un documento en blanco en el Bloc de notas y, a continuación, cópielo del Bloc de notas a la página en SharePoint Designer 2007 o en FrontPage 2003. 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 SharePoint Designer 2007 o en FrontPage 2003, coloque el punto de inserción en una línea en blanco situada inmediatamente debajo de la etiqueta <body> donde desee insertar el código JavaScript.
    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 Guardar como, especifique el nombre de archivo y la ubicación donde desee guardar la página y, a continuación, haga clic en Guardar.
  7. En el menú Archivo, seleccione Vista previa en el explorador y haga clic en el explorador web en el que desee mostrar la 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 mostrada en el cuadro desplegable debe realizar las acciones siguientes:
  • Agregue una entrada a la lista option del código HTML.
  • Agregue una entrada a la sección "switch(varItem)" del código JavaScript.
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
En estas instrucciones se da por supuesto que no ha realizado ningún cambio en el código de ejemplo después de haberlo pegado en SharePoint Designer 2007 o en FrontPage 2003.
  1. Inicie SharePoint Designer 2007 o FrontPage 2003 (si no está ya iniciado) y abra la página que contiene el cuadro de lista desplegable.
  2. En el menú Ver, haga clic en la opción Página (si no está ya seleccionada) y, a continuación, haga clic en Código en la parte inferior de la página.
  3. Coloque el punto de inserción inmediatamente después del siguiente código HTML de su página y presione ENTRAR para crear una nueva línea:
    <option>Página principal de MSN</option>
  4. En la nueva línea, escriba el código HTML siguiente para agregar este elemento a la lista:
    <option>Página principal de Ayuda y soporte técnico de Microsoft</option>
  5. Coloque el punto de inserción inmediatamente después del siguiente código JavaScript de su página y presione ENTRAR para crear una nueva línea:
    case 3:
          window.location="http://www.msn.com";
          break;
  6. En la nueva línea, escriba el siguiente código JavaScript 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, seleccione Vista previa en el explorador y haga clic en el explorador web en el que desee mostrar la vista previa de la página.

Quitar una dirección URL del cuadro de lista desplegable

Para quitar una dirección URL de la lista mostrada en el cuadro desplegable debe realizar las acciones siguientes:
  • Quite la entrada de la lista option del código HTML.
  • Elimine la entrada de la sección "switch(varItem)" del código JavaScript.
Por ejemplo, para quitar el elemento de lista para el sitio web de Ayuda y soporte técnico de Microsoft, siga estos pasos:
  1. Inicie SharePoint Designer 2007 o FrontPage 2003 (si no está ya iniciado) y abra la página que contiene el cuadro de lista desplegable.
  2. En el menú Ver, haga clic en Página (si no está ya seleccionada) y, a continuación, haga clic en Código en la parte inferior de la página.
  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 él 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 él y, a continuación, haga clic en Eliminar.
  7. En el menú Archivo, haga clic en Guardar.
  8. En el menú Archivo, seleccione Vista previa en el explorador y, a continuación, haga clic en el explorador Web en el que desee mostrar la vista previa de la página.

Referencias

Para obtener más información acerca de SharePoint Designer 2007, visite el siguiente sitio web de Microsoft:
http://office.microsoft.com/es-es/sharepointdesigner/FX100487633082.aspx
Para obtener más información sobre FrontPage, visite el siguiente sitio Web de Microsoft:
http://www.microsoft.com/frontpage

Propiedades

Id. de artículo: 825545 - Última revisión: jueves, 20 de septiembre de 2007 - Versión: 4.2
La información de este artículo se refiere a:
  • Microsoft Office SharePoint Designer 2007
  • Microsoft Office FrontPage 2003
Palabras clave: 
kbhowto KB825545

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