Foros del Web » Programando para Internet » Javascript »

Perdido en la creación de un radio button

Estas en el tema de Perdido en la creación de un radio button en el foro de Javascript en Foros del Web. Buenas a todos Soy nuevo por estos temas, antes solo me encargaba de temas html y css en mi trabajo, pero ahora me han pedido ...
  #1 (permalink)  
Antiguo 11/04/2012, 04:52
 
Fecha de Ingreso: abril-2012
Mensajes: 12
Antigüedad: 12 años, 8 meses
Puntos: 1
Perdido en la creación de un radio button

Buenas a todos

Soy nuevo por estos temas, antes solo me encargaba de temas html y css en mi trabajo, pero ahora me han pedido que agregue un radio button en la web, no soy programador y llevo unos días leyendo todo lo que puedo sobre javascript pero no veo por que no funciona este script, a ver si me podéis echar una mano.

No lo pediría sino tuviera prisa en el trabajo, muchas gracias por vuestra ayuda y a ver si me podéis ayudar.

<div id="login_ldap">
<fieldset>
<legend>Login UEM</legend>
<label for="extpatid">Expedient number/Worker</label>
<div class="loginFieldBg">
<input id="extpatid" name="extpatid" type="text" value="" size="20" maxlength="40" tabindex="5" class="loginField">
</div>
<label for="extpatpw">Password</label>
<div class="loginFieldBg">
<input id="extpatpw" name="extpatpw" type="password" value="" size="20" maxlength="40" tabindex="10" class="loginField">
</div>
<label for="extpldap">LDAP</label>
<div class="loginFieldBg">
<input type="radio" name="extpldap" id="r1" value="0">Students
<input type="radio" name="extpldap" id="r2" value="1"checked >Workers

</div>

<!-- This button is a duplicate submit for convenience on mobile devices. -->
<input name="extpatsubmit" type="button" value="Submit" tabindex="12" class="loginSubmit" onclick="document.forms['fm1'].submit();">
</fieldset>
</div>
<!-- end loginldap -->


<!--display login form-->
<div id="login">
<fieldset>
<legend>Library Account Login</legend>
<label for="code2">Expedient number/Worker</label>
<div class="loginFieldBg">
<input id="code2" name="code" type="text" value="" size="20" maxlength="40" tabindex="20" class="loginField">
</div>
<div id="ipssopinentry">
<label for="pin">PIN</label>
<div class="loginFieldBg">
<input id="pin" name="pin" type="password" value="" size="20" maxlength="40" tabindex="30" class="loginField">
</div>
</div>
<!--theForm3-->
<!-- This button is hidden unless using mobile devices. Even if hidden it enables Enter key to submit. -->
<input type="submit" name="Log In2" class="loginSubmit">
<legend></legend>
</fieldset>
</div>
<!-- end login -->



<!--ifneedspin-->
<fieldset class="newpin" id="ipssonewpin">
<legend>Please enter a new PIN</legend>
<label for="pin1">New PIN</label>
<div class="loginFieldBg">
<input id="pin1" name="pin1" type="password" value="" size="20" maxlength="40" tabindex="35" class="loginField">
</div>

<label for="pin2">Retype new PIN</label>
<div class="loginFieldBg">
<input id="pin2" name="pin2" type="password" value="" size="20" maxlength="40" tabindex="40" class="loginField">
</div>

</fieldset>
<!--xif-->
<!-- This button is hidden unless using mobile devices. Even if hidden it enables Enter key to submit. -->
<input type="submit" name="Log In" class="loginSubmit">

</fieldset>
</div> <!-- end login -->
<div class="clearfloats"></div>
<div class="formButtons">
<a href="#" onclick="document.forms['fm1'].submit();"><div onmousedown="this.className='pressedState';" onmouseout="this.className='';" onmouseup="this.className='';"><div class="buttonSpriteDiv"><span class="buttonSpriteSpan1"><span class="buttonSpriteSpan2">Submit</span></span></div></div></a>
</div>
</form>

<!--Enable form focus-->
<script type="text/javascript"><!--//--><![CDATA[//><!--
//Hide the main PIN entry if the new pin section is active.
try { if ( document.getElementById("ipssonewpin") ) {
document.getElementById("ipssopinentry").style.dis play="none"; } }
catch(err) {}

//Look for the first field in the external patron part of the form. This field will get cursor focus.
var ipssoFirstField;
try { ipssoFirstField = document.forms[0].extpatid; }
catch(err) {
}
//If we still don't have a field, look for the name field in the library account part.
if ( ipssoFirstField==undefined ) { ipssoFirstField = document.forms[0].name; }
//Set focus. Ignore errors.
try { ipssoFirstField.focus(); }
catch(err) {}

document.onkeydown = enterSubmit

function enterSubmit(e) {
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
if (keycode==13)
document.forms[0].submit();
}

//--><!]]></script>

Lo que no consigo es que el formulario envie la información del Radio button.

Y ya de paso si me podéis recomendar algún libro o tutorial para no programadores para empezar desde cero.

Muchas gracias por vuestra ayuda y siento que el primer tema sea así.

Un saludo
  #2 (permalink)  
Antiguo 11/04/2012, 08:02
Avatar de Javier01  
Fecha de Ingreso: febrero-2008
Ubicación: Montevideo
Mensajes: 261
Antigüedad: 16 años, 10 meses
Puntos: 31
Respuesta: Perdido en la creación de un radio button

Hola!

El problema es que no tienes todo los campos, dentro de un formulario.
Tu boton esta haciendo un submit a un formulario llamado "fm1" que no existe.
Asi que primero se debe encerrar los campos a mandar, dentro del formulario.

Algo asi:
Código HTML:
<form id="fm1" name="fm1" action="submit.php" method="POST">
<div id="login_ldap">
<fieldset>
<legend>Login UEM</legend>
<label for="extpatid">Expedient number/Worker</label>
<div class="loginFieldBg">
<input id="extpatid" name="extpatid" type="text" value="" size="20" maxlength="40" tabindex="5" class="loginField">
</div>
<label for="extpatpw">Password</label>
<div class="loginFieldBg">
<input id="extpatpw" name="extpatpw" type="password" value="" size="20" maxlength="40" tabindex="10" class="loginField">
</div>
<label for="extpldap">LDAP</label>
<div class="loginFieldBg">
<input type="radio" name="extpldap" id="r1" value="0">Students
<input type="radio" name="extpldap" id="r2" value="1"checked >Workers
</div>

<!-- This button is a duplicate submit for convenience on mobile devices. -->
<input name="extpatsubmit" type="button" value="Submit" tabindex="12" class="loginSubmit" onclick="document.forms['fm1'].submit();">
</fieldset>
</div>
</form>
<!-- end loginldap --> 
Al formulario, que se crea mediante la etiqueta <form> </form>
se le debe indicar, el name, un id (en este caso es opcional), el action (pagina que va a recibir los datos, como ejemplo le puse "submit.php")
y el metodo de como van a ser mandado los datos (GET o POST).

Luego en la pagina que recibe los datos (la mia sería "submit.php"), colocas algo como esto:

$svalue =$_POST['extpldap'];
echo "extpldap: $svalue";

y te mostrará el valor del radio seleccionado.

Saludos

PD: creo que este tema no es del foro de javascript.
  #3 (permalink)  
Antiguo 12/04/2012, 02:07
 
Fecha de Ingreso: abril-2012
Mensajes: 12
Antigüedad: 12 años, 8 meses
Puntos: 1
Respuesta: Perdido en la creación de un radio button

Muchas gracias, he comprobado que nuestro sistema le da esos valores cuando le llama al servidor.

Asi que sigo sin saber por que funciona.

¿Me podrías decir que foro es el adecuado? Entendi que javascript era este...
Sino que me lo mueva el administrador al apartado correcto.

Etiquetas: creación, formulario, funcion, html, input, perdido, radio
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 11:55.