Ventana de seleccion en una función javascript

[gaspampera]

Hola actualmente tengo una pagina que llama a una función a través de un
link.
<a href="javascript:uf_activa_conductor() </a>.

En esta función simplemente pongo un campo a un determinado valor y realizao un submit().

Ahora el problema que tengo, es que al pulsar me tiene que aparecer una ventana donde puedo seleccionar 1 de 4 valores posibles, y no sé si eso lo puedo hacer en la función javascript, o tengo que hacer un windows.open y toda la parafernalia.

Un saludo.

[rrnieto]

Hola gaspampera,

Vas a tener que abrir un popup con las posibilidades que quieras y que al hacer click te pase ese dato a tu formulario.
En las FAQS de este subforo está explicado justamente lo que necesitas.

http://www.forosdelweb.com/f13/faqs-javascript-105325/index5.html#post375852


Un saludo.
Rubén.

[gaspampera]

Gracias Rubén, ya lo he resuelto con el popup, pero era evitar esa "parafernalia", es una lastima que hasta la cosa más tonta de gestión en el cliente tenga estas carencias, sobre todo existiendo ya cosas en javascript que permiten seleccionar temas en pantalla como Alert y Confirm... en fins, seguiremos penando.

Muchas gracias.

[derkenuke]

Hola gaspampera y rrnieto:

Otra opción es mantener una capa oculta con las cuatro opciones, y cuando deseemos mostrarlas. Nos dejamos de incómodos popups... Te paso un ejemplo tonto:

Código PHP:

  <script type="text/javascript"> 
<!-- 
 
// document.getElementById abreviado 
function $(x) { return document.getElementById(x); } 
 
 
function mostrarOpciones() { 
    $('opciones').style.display = "block"; 
    $('opcionElegida').innerHTML = ""; 
} 
function seleccionarOpcion(opt) { 
    switch( opt.id ) { 
        case "campo": txt = "Al campo."; break; 
        case "playa": txt = "A la playa."; break; 
        case "montanya": txt = "A la montaña."; break; 
        case "ninguno": txt = "A ningún sitio."; break; 
    } 
    $('opcionElegida').innerHTML = txt; 
    $('opciones').style.display = "none"; 
} 
 
 
function confirmaDatos(fr) { 
    if( fr.nombre.value!=="" && $("opcionElegida").innerHTML!=="" && fr.edad.value!=="" ) { 
        var str = "Tu nombre es "+fr.nombre.value+"\n"; 
        str += "Quieres viajar: "+$("opcionElegida").innerHTML+"\n"; 
        str += "Tu edad: "+fr.edad.value; 
        return window.confirm(str); 
    } 
    else { 
        alert("¡Datos incompletos!"); 
        return false; 
    } 
} 
 
// --> 
</script> 
 
 
 
<form onsubmit="return confirmaDatos(this)"> 
    <label for="nombre">Tu nombre: </label><input type="text" id="nombre" name="nombre" /> <br/> 
    <a href="#" onclick="mostrarOpciones()">A dónde quieres viajar</a>: <span id="opcionElegida"></span> 
    <div id="opciones" style="display:none;" > 
        <label for="campo">Al campo</label><input type="radio" id="campo" name="viajar" onclick="seleccionarOpcion(this)" /> <br/> 
        <label for="playa">A la playa</label><input type="radio" id="playa" name="viajar" onclick="seleccionarOpcion(this)" /> <br/> 
        <label for="montanya">A la montaña</label><input type="radio" id="montanya" name="viajar" onclick="seleccionarOpcion(this)" /> <br/> 
        <label for="ninguno">A ningún sitio</label><input type="radio" id="ninguno" name="viajar" onclick="seleccionarOpcion(this)" /> <br/> 
    </div><br/> 
    <label for="edad">Tu edad: </label><input type="text" id="edad" name="edad" /> <br/> 
    <button type="submit">Envia</button> 
</form>  
  

Y tal y como está aquí también puede estar el DIV en position: absolute y parecer una ventana emergente... eso como veas.



Un saludo

[gaspampera]

Buenos días. Muchas gracias por tu aportación Derkenuke, la he probado y funciona genial, justo lo que estaba buscando. Para mi desarrollo ya un poco tarde porque lo he pasado a producción, pero para futuras ocasiones que me hará falta me va a venir como perlas.

Muchas gracias una vez mas.

[derkenuke]

De nada Me alegro de que te venga bien