formulario

[Andreslrz]

Hola.

necesito hacer un formulario emergente con css, no se si es posible hacerlo.

si se puede hacer, me puden dar un ejemplo.

Gracias de antemano.

[emiliodeg]

formulario emergente? q significa o que quisiste decir?? q al pasar sobre un elemento o al hacer un click se mueste el formulario???

[jomaruro]

Hola:

¿Será Menú Emergente?

Saludos.

[Andreslrz]

Iniciado por emiliodeg

formulario emergente? q significa o que quisiste decir?? q al pasar sobre un elemento o al hacer un click se mueste el formulario???

si, que al hacer clic sobre un link aparesca.

[Andreslrz]

si alguna vez has visto una pagina que se llama scriptbd hay dejan documentos y si uno los quiere descargar hay que loguearse, tu le das en descargar y te salen unas opciones, despues que escojes una sale un formulaio para loguearse, eso es en css, necesito algo asi

[Triby]

Creas un div con estilo display:none; y un javascript que lo muestre:

Código javascript:

function mostrar_ocultar( divToHide ) {
    var elem, vis;
    if( document.getElementById ) // this is the way the standards work
        elem = document.getElementById( divToHide );
    else if( document.all ) // this is the way old msie versions work
        elem = document.all[divToHide];
    else if( document.layers ) // this is the way nn4 works
        elem = document.layers[divToHide];
    vis = elem.style;
        // Ocultar o mostrar, dependiendo el estado actual
    if(vis.display == 'block') {
        vis.display = 'none';
    } else {
        vis.display = 'block';
    } 
}
 

Código html:

<div id="enlace-mostrar" style="display:block;"><a href="#formulario" onclick="mostrar_ocultar('formulario'); mostrar_ocultar('enlace-mostrar');">Mostrar formulario</a></div>
<div id="formulario" style="display:none;"><form method="post">
Aqui los campos del formulario.
</form>
<a href="#enalce-mostrar" onclick="mostrar_ocultar('formulario'); mostrar_ocultar('enlace-mostrar');">Ocultar formulario</a>
</div>
 

Notas: Al hacer click en "Mostrar formulario" oculta el enlace y muestra el formulario, "Ocultar formulario" restablece el estado original de ambos bloques.