Foros del Web » Programando para Internet » Javascript »

alert de botones si seleccionar "continuar cancelar"

Estas en el tema de alert de botones si seleccionar "continuar cancelar" en el foro de Javascript en Foros del Web. hola... les coloco un código de prueba para una situación que no eh podido hacer funcionar... la idea es hacer un script confirm() que muestre ...
  #1 (permalink)  
Antiguo 11/10/2012, 13:49
 
Fecha de Ingreso: enero-2004
Mensajes: 72
Antigüedad: 15 años, 8 meses
Puntos: 1
alert de botones si seleccionar "continuar cancelar"

hola... les coloco un código de prueba para una situación que no eh podido hacer funcionar...

la idea es hacer un script confirm() que muestre una lista de los radion button que no fueron seleccionados obviamente con la opción continuar o cancelar para volver a responder

la idea es que yo pueda editar el mensaje del script osea.. si solo fue contestado el 1 que diga .. la pregunta 2 , 3 , 4 no fue contestada y los botones continuar y cancelar respectivamente

muchas gracias por su tiempo

Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<
title>Documento sin título</title>
</
head>

<
body>
<
form id="form2" name="form2" method="post" action="">
  <
p>
    <
label>
      <
input type="radio" name="a1" value="a" id="a1_0" />
      
a</label>
    <
br />
    <
label>
      <
input type="radio" name="a1" value="b" id="a1_1" />
      
b</label>
    <
br />
    <
label>
      <
input type="radio" name="a1" value="c" id="a1_2" />
      
c</label>
    <
br />
  </
p>
  <
p>
    <
label>
      <
input type="radio" name="a2" value="a" id="a2_0" />
      
a</label>
    <
br />
    <
label>
      <
input type="radio" name="a2" value="b" id="a2_1" />
      
b</label>
    <
br />
    <
label>
      <
input type="radio" name="a2" value="c" id="a2_2" />
      
c</label>
  </
p>
  <
p>
    <
label>
      <
input type="radio" name="a3" value="a" id="a2_3" />
      
a</label>
    <
br />
    <
label>
      <
input type="radio" name="a3" value="b" id="a2_4" />
      
b</label>
    <
br />
    <
label>
      <
input type="radio" name="a3" value="c" id="a2_5" />
      
c</label>
</
p>
  <
p>
    <
label>
      <
input type="radio" name="a4" value="a" id="a2_6" />
      
a</label>
    <
br />
    <
label>
      <
input type="radio" name="a4" value="b" id="a2_7" />
      
b</label>
    <
br />
    <
label>
      <
input type="radio" name="a4" value="c" id="a2_8" />
      
c</label>
  </
p>
  <
p><br />
  </
p>
  <
p>    <input type="submit" name="enviar" id="enviar" value="Enviar" /><br />
</
p>
</
form>
</
body>
</
html
  #2 (permalink)  
Antiguo 11/10/2012, 14:18
Avatar de angel1993  
Fecha de Ingreso: octubre-2009
Mensajes: 752
Antigüedad: 9 años, 11 meses
Puntos: 22
Respuesta: alert de botones si seleccionar "continuar cancelar"

Mete en el form el evento onsubmit


<form onsubmit="comrpobar()"

Comprobar es una funcion que busca los no seleccionados y genera el texto del confirm...
Mete el Confirm en el return de la función y si el usuario hace "false" onsubmit lo detecta y no se envía el form.
__________________
@angelxab Twiiter
  #3 (permalink)  
Antiguo 11/10/2012, 14:28
Avatar de Dradi7  
Fecha de Ingreso: junio-2008
Ubicación: Peru - Lima
Mensajes: 1.518
Antigüedad: 11 años, 3 meses
Puntos: 220
Respuesta: alert de botones si seleccionar "continuar cancelar"

Mira este ejemplo que hize espero te sirva

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Documento sin título</title>
  6.     <script>
  7.         function validar(){
  8.             return false;        
  9.         }
  10.     </script>
  11. </head>
  12.  
  13. <body>
  14. <form id="form2" name="form2" method="post" action="" onsubmit="return validar();">
  15.     pregunta 1
  16.   <p>
  17.     <label>
  18.       <input type="radio" name="a1" value="a" id="a1_0" />
  19.       a</label>
  20.     <br />
  21.     <label>
  22.       <input type="radio" name="a1" value="b" id="a1_1" />
  23.       b</label>
  24.     <br />
  25.     <label>
  26.       <input type="radio" name="a1" value="c" id="a1_2" />
  27.       c</label>
  28.     <br />
  29.   </p>
  30.     <br/>
  31.     pregunta 2
  32.   <p>
  33.     <label>
  34.       <input type="radio" name="a2" value="a" id="a2_0" />
  35.       a</label>
  36.     <br />
  37.     <label>
  38.       <input type="radio" name="a2" value="b" id="a2_1" />
  39.       b</label>
  40.     <br />
  41.     <label>
  42.       <input type="radio" name="a2" value="c" id="a2_2" />
  43.       c</label>
  44.   </p>
  45.     <br/>
  46.     pregunta 3
  47.   <p>
  48.     <label>
  49.       <input type="radio" name="a3" value="a" id="a2_3" />
  50.       a</label>
  51.     <br />
  52.     <label>
  53.       <input type="radio" name="a3" value="b" id="a2_4" />
  54.       b</label>
  55.     <br />
  56.     <label>
  57.       <input type="radio" name="a3" value="c" id="a2_5" />
  58.       c</label>
  59. </p>
  60.     <br/>
  61.     pregunta 4
  62.   <p>
  63.     <label>
  64.       <input type="radio" name="a4" value="a" id="a2_6" />
  65.       a</label>
  66.     <br />
  67.     <label>
  68.       <input type="radio" name="a4" value="b" id="a2_7" />
  69.       b</label>
  70.     <br />
  71.     <label>
  72.       <input type="radio" name="a4" value="c" id="a2_8" />
  73.       c</label>
  74.   </p>
  75.   <p><br />
  76.   </p>
  77.   <p>    <input type="submit" name="enviar" id="enviar" value="Enviar" /><br />
  78. </p>
  79. </form>
  80. </body>
  81. </html>  

Código Javascript:
Ver original
  1. function comprobarPregunta(ele){
  2.     var radios = document.getElementsByName(ele);
  3.     var noContesto = true;
  4.     for(var x=0;radios[x];x++){
  5.         if(radios[x].checked){
  6.             noContesto = false;
  7.             break;
  8.         }
  9.     }
  10.     return noContesto;
  11. }
  12. function validar(){
  13.     var ele = document.forms['form2'].elements;
  14.     var name = '';
  15.     var noContestados = '';
  16.     for(var x=0;ele[x];x++){
  17.         if(ele[x].type == "radio" && ele[x].name!=name){
  18.             name = ele[x].name;
  19.             noContestados += comprobarPregunta(ele[x].name) ? (name.replace(/\D/gi,"") + ', ') : '';
  20.         }else{
  21.             continue;
  22.         }
  23.     }
  24.  
  25.     if(noContestados!=''){
  26.         // CON ESTO ESTOY VERIFICANDO QUE SI PONE EN ACEPTAR ENTONCES REALIZAR EL SUBMIT DE LO CONTRARIO QUE NO HAGA EL SUBMIT
  27.         if(confirm("Falta responer las siguientes preguntas " + noContestados.substr(0,noContestados.length-2))){
  28.             return true;
  29.         }else{
  30.             return false;
  31.         }
  32.     }
  33.     return true;
  34. }

Saludos
__________________
La clave de todo triunfador es eliminar todas sus excusas y sus limitaciones
  #4 (permalink)  
Antiguo 11/10/2012, 14:41
 
Fecha de Ingreso: enero-2004
Mensajes: 72
Antigüedad: 15 años, 8 meses
Puntos: 1
Respuesta: alert de botones si seleccionar "continuar cancelar"

es lo que necesito hacer.. muchas gracias.. lo tratare de adaptar a mi código ...

muchas gracias .. aviso cualquier cosa..

saludos
  #5 (permalink)  
Antiguo 11/10/2012, 20:29
 
Fecha de Ingreso: enero-2004
Mensajes: 72
Antigüedad: 15 años, 8 meses
Puntos: 1
Respuesta: alert de botones si seleccionar "continuar cancelar"

Dradi7....

me funciono muy bien .. inserte unos if para validar unos textbox y me quedo funcionando muy bien a primera vista...

muchas gracias...

solo me queda unos detalles en los cuales creare un nuevo tema ..

Etiquetas: botones, continuar, funcion, html, input, alerta
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 06:31.