QuestionPoint
Seleccionar idioma:

Agregar los campos adaptables a su Formulario de consulta

Contenido

Introducción
Procedimiento
Código de muestra para campos adaptables

Introducción

Usted puede agregar un máximo de 10 campos adaptables al formulario de consulta de su institución. Los campos pueden ser cualquiera de los componentes de formularios HTML estándar (texto, área de texto, botones de selección, casilleros de selección o listas desplegables). Este documento incluye un procedimiento paso a paso para crear campos adaptables.

Si está usando una plantilla del formulario de consulta con campos adaptables de muestra, puede usar los campos adaptables de la plantilla como prototipo para crear otros campos. También puede modificar el tamaño, etiqueta y selecciones (para campos de botones de selección y listas desplegables) de cualquiera de estos campos.

Este documento ofrece un procedimiento paso a paso para agregar nuevos campos a su formulario de consulta. También incluye el código HTML para poder copiar y pegar varios tipos de campo a su formulario, para luego modificarlos según sea necesario. Haremos lo que esté de nuestra parte para ofrecer apoyo para este procedimiento tal como está descrito. Tenga presente que el procedimiento asume cierto nivel de conocimiento con las tecnologías apropiadas del Web y que nuestro personal de apoyo no está equipado para ofrecer instrucciones en HTML, JavaScript, o diseño para el Web.

Si no maneja bien JavaScript, le recomendamos que realice esta tarea en colaboración con el Webmaster de su biblioteca. Para enlaces a algunos sitios Web con tutores interactivos básicos HTML, consulte Recursos adicionales en Agregar el Formulario de consulta del usuario a su sitio Web .

Volver arriba

Procedimiento

Paso Acción
1
 Abra su formulario (archivo HTML) con un editor de texto.
2

Use los ejemplos que siguen para obtener el código HTML correspondiente al tipo de campo que desea agregar.

3

Ubique una línea como la que corresponda al lugar en el formulario donde desea agregar el campo:

<!-- Puede insertar campo(s) agregado(s) aquí -->

Ubique el cursor debajo de esta línea y pegue el código que copió en el paso 2. Puede pegar oprimiendo Control-V, seleccionando Editar -> Pegar del menú de su editor de texto, o haciendo clic con la tecla derecha (secundaria) del ratón y seleccionando Pegar del menú de contexto que aparece.
4

Independientemente del tipo de campo, haga estas modificaciones al código del nuevo campo:

  • Cambie la "X" en campoX y etiquetaX a un identificador numérico para el campo. Use números empezando por el "1" y los números subsiguientes en secuencia para representar los campos que agrega al formulario.

    Nota:

    Debe identificar los campos adaptables como campo1, campo2, y así sucesivamente, y sus correspondientes etiquetas como etiqueta1, etiqueta2, etc. Si no usa estos identificadores, no forman parte de la consulta cuando el usuario envía la consulta a su biblioteca. Refiérase al código HTML del Ejemplo #2 y a las plantillas del formulario de consulta del Ejemplo #3 como modelos para dar nombre a los campos.

    Examine la Excepción a continuación si está agregando un campo de texto Nombre a su formulario.

  • Reemplace ZZZZZ por la etiqueta del campo que desea desplegar en el formulario.
  • Reemplace la Y por la letra que desea que use el usuario para ubicar el cursor en el campo. No use la N, la E, ni la Q, porque son letras que ya usan otros campos del formulario.

Ejemplo:

<! -- Usted puede insertar aquí los campos agregados -- >
<! - Added field entry -- >
<tr>
   <th width="30%">
     <label for="field1" accesskey="F">Fax number:</label>
   </th>
   <td width="70%">
     <input type="hidden" name="label1" value="Fax number">
     <input type="TEXT" name="field1" id="field1" maxlength=255 size=50>
   </td>
</tr>

 

Excepción:

Si está agregando un campo de texto Nombre a su formulario.

  • Cambie "campoX" y "etiquetaX" a "nombre".
  • Elimine esta línea del código de ejemplo:

         <input type="hidden" name="labelX"
         value="ZZZZZ">

    • Al identificar el campo de esta manera, QuestionPoint puede insertar el nombre del usuario en el campo correspondiente en su interfaz. Como ejemplo, mire el código HTML para ver el campo Nombre en la plantilla Ejemplo #2 del Formulario de consulta.
    5

    Efectúe las otras modificaciones aplicables al tipo de campo, como se describe debajo del casillero que contiene el códido del campo.

    Ejemplo:

    <!-- Added field entry -->
    <tr>
      <th width="30%" align="right">
         <label for "field3" accesskey="R">*Reason
    for research:</label>
       </th>
      <td width="70%">
        <input type="hidden" name="label3" value="Reason for research">
        <select name="field3" id="field3">
          <option value="0" selected>Select one</option>
          <option value="General interest">General interest</option>
          <option value="Publication/media project">Publication/media project</option>
          <option value="School assignment">School assignment </option>
          <option value="Work assignment">Work assignment</option>     
        </select>
      </td>
    </tr>
    <!-- End of added field -->
    6
    		 Guarde el archivo HTML. Vea el archivo usando el navegador del Web para asegurarse que el campo aparezca correctamente en el formulario.
    7
    		 Haga una copia de seguridad de su formulario adaptado con otro nombre. Esto conserva los cambios que haya efectuado hasta ahora y le permite volver a comenzar desde ese punto, de ser necesario.
    8
    		 Repita los pasos 2-7 con otros campos adaptables (máximo 10).
    9
    		 Vuelva a Agregar el Formulario de consulta del usuario a su sitio Web y complete los pasos restantes de este procedimiento.
    Volver arriba

    Código de muestra para campos adaptables

    Esta sección contiene códigos de muestra para varios tipos de campos adaptables:

    Para copiar un código de muestra en su formulario:

    • Haga clic en el botón Destacar todo, que está encima del casillero que contiene el código.
    • Con el código destacado, haga clic con la tecla derecha del ratón (secundaria) en cualquier parte del casillero.
    • Seleccione Copiar en el menú del contexto para copiar el código al portapapeles.

    Campo de Texto



    Modificaciones para campos de texto:

    • (Optativo) Cambiar el ancho del campo como aparece en el formulario (tamaño=50).
    • (Optativo) Cambiar el número máximo de caracteres que puede tener el campo (longmax=255). El valor longmax no puede ser mayor que 255.

    Campo de Área de texto



    Modificaciones para campos de área de texto:

    • (Optativo) Cambiar el ancho del campo que aparece en el formulario (cols=50).
    • (Optativo) Cambiar la altura del campo que aparece en el formulario (hileras=50).

    Campo de Lista desplegable



    Modificaciones para los campos de Lista desplegable:

    • En las líneas <option> , cambie el Valor1 (o el Valor2, Valor3, y así sucesivamente) según lo que usted desea que aparezca en la lista desplegable.
    • Cree líneas adicionales <option> si las necesita.
    • Elimine las líneas <option> que no necesita.

    No cambie la línea que dice:

    <option value="0" selected>Select one</option>

    salvo "Select one" que puede cambiar por una frase de su preferencia.


    Campo de Botón de selección



    Modificaciones para campos de botón de selección:

    • En las líneas <input>, cambie el Value1 (o el Value2, Value3, y así sucesivamente) a lo que usted desea que aparezca en la lista desplegable.
    • Cree líneas adicionales <input> si las necesita.
    • Elimine las líneas <input> que no necesita.
    Volver arriba