Foros del Web » Creando para Internet » HTML »

consulta sobre formulario con campo oculto

Estas en el tema de consulta sobre formulario con campo oculto en el foro de HTML en Foros del Web. buenas noches compañeros.. tengo una consulta.. algo que nunca he usado y realmente no se como se hace.. como se realiza un formulario con campos ...
  #1 (permalink)  
Antiguo 09/02/2010, 18:44
 
Fecha de Ingreso: agosto-2008
Mensajes: 367
Antigüedad: 9 años, 3 meses
Puntos: 5
consulta sobre formulario con campo oculto

buenas noches compañeros.. tengo una consulta.. algo que nunca he usado y realmente no se como se hace..

como se realiza un formulario con campos ocultos... si no me equivoco se llama dhtml.... ej: haciendo click en un checkbox se expanda el formulario.. como se trabaja esto?????
  #2 (permalink)  
Antiguo 09/02/2010, 20:35
Avatar de vicram10  
Fecha de Ingreso: enero-2009
Mensajes: 271
Antigüedad: 8 años, 10 meses
Puntos: 25
Respuesta: consulta sobre formulario con campo oculto

Pues se puede hacer con javascript y cookie

Ejemplo:

Sencillo Script para Colapsar Bloques

El siguiente codigo es el encargado de realizar el colapsado o expansion, la misma debe ir antes de </head> de nuestro index principal

Código Javascript:
Ver original
  1. <script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
  2.     function collapseBlock(id,img_id)
  3.     {
  4.         var hide = new Array();
  5.         hide[id] = "bk_"+ id;
  6.         mode = document.getElementById(hide[id]).style.display == "" ? 0 : 1;
  7.         document.getElementById(img_id).src = (mode ? "http://www.laboratoriophp.com/imagenes/collapse.gif" : "http://www.laboratoriophp.com/imagenes/expand.gif");
  8.         document.getElementById(hide[id]).style.display = mode ? "" : "none";
  9.     }      
  10. // ]]></script>

A manera de Entender la funcion se llama collapseBlock, y por parametros recibe el ID que tiene el DIV o TD o lo que contenga nuestra informacion a colapsar, y tambien a su ves recibe el ID de la IMAGEN de ese bloque, de este modo controlamos que la imagen de colapsar y expandir solo se cambie del bloque que hagamos esa accion.

Luego procedemos a realizar el llamado a esa funcion para poder colapsar el bloque haciendolo de la siguiente forma

Código PHP:
                <span onclick="collapseBlock(\'anuncios\',\'image_collapse_anuncios\')" style="cursor: pointer;">
                    <
img id="image_collapse_anuncios" align="right" src="http://www.laboratoriophp.com/imagenes/collapse.gif" alt="-" border="0" style="vertical-align:middle;"/>
                </
span
donde podran ver que esta la funcion collapseBlock en el evento onlclick de ese span, y por parametro le pasamos la ID de lo que queremos ocultar asi como el ID de la imagen que la contiene (expand.gif / collapse.gif)

Siendo el Codigo completo de la siguiente Forma

Código HTML:
Ver original
  1. <table width="50%">
  2.     <tbody>
  3.         <tr>
  4.             <td width="100%" style="padding:10px;font-size:14px;background:#8698AC">
  5.                 <strong>Anuncios Globales</strong>                         
  6.                 <span onclick="collapseBlock(\'anuncios\',\'image_collapse_anuncios\')" style="cursor: pointer;">
  7.                     <img id="image_collapse_anuncios" align="right" src="http://www.laboratoriophp.com/imagenes/collapse.gif" alt="-" border="0" style="vertical-align:middle;"/>
  8.                 </span>                    
  9.             </td>
  10.         </tr>
  11.     </tbody>
  12.     <tbody>
  13.         <tr>
  14.             <td width="100%" style="background:#E7EAEF;" width="100%" id="bk_anuncios">
  15.                 <table width="100%">
  16.                     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  17.                 </table>   
  18.             </td>
  19.         </tr>
  20.     </tbody>

Ejemplo del Codigo: Colapsar Bloques
Descargar Ejemplo: Colapsar Bloques

Es de mi web que recien lo cree donde voy poniendo cada cosa que voy desarrollando y la manera como lo solucione, y mas o menos creo que se ajusta a lo que necesitas..

Pd.: si consideran spam, solo avisen y lo borramos el ejemplo, no hay drama com eso

Etiquetas: oculto, formulario, campos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:55.