Ver Mensaje Individual
  #2 (permalink)  
Antiguo 09/02/2010, 20:35
Avatar de vicram10
vicram10
 
Fecha de Ingreso: enero-2009
Ubicación: Asuncion
Mensajes: 326
Antigüedad: 15 años, 2 meses
Puntos: 27
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