Ver Mensaje Individual
  #6 (permalink)  
Antiguo 04/05/2011, 11:54
Avatar de sjam7
sjam7
 
Fecha de Ingreso: diciembre-2001
Ubicación: Guadalajara, Mexico
Mensajes: 3.672
Antigüedad: 23 años
Puntos: 16
Respuesta: Obliga a doble click en lugar de 1

mira, la idea es que el script despliegue un DIV oculto si se selecciona una opcion del SELECT diferente a la primera que viene con value vacio, es decir:
<option value="">-Selecciona una opcion</select>

Y el Script lo tengo asi:
Código Javascript:
Ver original
  1. <button id="boton" class="boton_cotizador">SIGUIENTE</button>
  2.  
  3.     <script>
  4.         function borraSel(){
  5.             var sel=document.getElementById("origen_Sel").options[0].value;
  6.             if ( sel==''){
  7.                 document.getElementById("origen_Sel").options[0] = null;
  8.             }
  9.         }
  10.  
  11.         $("#boton").click(function() {
  12.           if ($("select:#origen_Sel").val() != "") {
  13.                 $("#boton").click(function(){
  14.                 $( "#tabla_pesos" ).animate({ "width": "show", "opacity": "show", width: "100%", "easing": "easein" }, 300 )
  15.                 });
  16.           }
  17.           else{
  18.           $("#error_caja").text("Selecciona un origen").show().fadeOut(2000);
  19.           document.getElementById("origen").className="caja_cotizadorsB";
  20.           }
  21.           return false;
  22.         });
  23.  
  24.  
  25.     </script>

Y el Select asi:
Código HTML:
Ver original
  1. <select name="origen_sel" id="origen_Sel"  onchange="htmlData('cambia.asp','destino','en=1&or='+this.value),htmlData2('cambia.asp','resultado_cotizador','en=1000'),borraSel();">
  2.     <option value="">- Selecciona -</option>
  3.     <option value="1">Opcion 1</option>
  4.     <option value="2">Opcion 2</option>
  5.     <option value="3">Opcion 3</option>
  6. </select><br />

RESUMEN:

Se despiega un Doble Select que al cambiar el primero se actualiza el segundo con Ajax y al mismo tiempo se borra la opcion del select vacia de -Selecciona-

Y al hacer click en el BUTTON SIGUIENTE se despliega el DIV oculto usando jQuery

El problema (nada grave) es que se debe hacer 2 veces click en el boton para que se realice la accion de mostrar el DIV #tabla_pesos

Se puso un IF para que si no se ha seleccionado una opcion en el select no se muestre la tabla y se marque el campo select cambiando el nombre de la clase usada