consulta sobre formulario con campo oculto

[rrecarte]

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?????

[vicram10]

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:

<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
    function collapseBlock(id,img_id)
    {
        var hide = new Array();
        hide[id] = "bk_"+ id;
        mode = document.getElementById(hide[id]).style.display == "" ? 0 : 1;
        document.getElementById(img_id).src = (mode ? "http://www.laboratoriophp.com/imagenes/collapse.gif" : "http://www.laboratoriophp.com/imagenes/expand.gif");
        document.getElementById(hide[id]).style.display = mode ? "" : "none";
    }       
// ]]></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:

<table width="50%">
    <tbody>
        <tr>
            <td width="100%" style="padding:10px;font-size:14px;background:#8698AC">
                <strong>Anuncios Globales</strong>                          
                <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>                     
            </td>
        </tr>
    </tbody>
    <tbody>
        <tr>
            <td width="100%" style="background:#E7EAEF;" width="100%" id="bk_anuncios">
                <table width="100%">
                    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.
                </table>    
            </td>
        </tr>
    </tbody>
</table>
 

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