Dos clases obligatorias

RicardGTX · #1 (**permalink**) 15/04/2016, 03:51

Hola, que tal ??

Quiero hacer que cuando se cumpla la funcion co, se ejecute sola (sin pinchar en ningun boton)
pero no tengo mucha idea de como hacerlo.

Código Javascript:

Ver original$(document).ready(function() {
    $(".uno").click(function () {
        
        if($(this).hasClass("ok")){
            $(this).removeClass("ok");
        }else{
            $(this).addClass("ok");
        }
    });
    
    $(".dos").click(function () {
        
        if($(this).hasClass("ok")){
            $(this).removeClass("ok");
        }else{
            $(this).addClass("ok");
            
        }
        
    });
    
});
 
function co(){
    if($(".uno").hasClass('ok') && $(".dos").hasClass('ok')){   
        $(".b").removeAttr("disabled");
    }
}

Código HTML:

Ver original<div class="uno">uno</div>
<div class="dos">dos</div>
 
<button class="b" disabled>sdfdf</button>

saludos
gracias

Fernand0 · #2 (**permalink**) 15/04/2016, 04:36

hasClass() acepta string y tiene que ser una sola clase
podes probar con is()

Código Javascript:

Ver original$('.boton').is('clase1, clase2')

o hacer dos .hasClass(), como prefieras

RicardGTX · #3 (**permalink**) 15/04/2016, 04:38

hola fernando !
sisisi, justo despues de postear, lo encontre en google, y modifique mi post, porque no se como ejecutarlo.

muchas gracias

Fernand0 · #4 (**permalink**) 15/04/2016, 05:10

no se puede disparar una funcion con el cambio de clases... necesitas un "disparador".. un evento

lo otro que podes hacer es usar setInterval.. y que dispare la funcion cada X milesimas de segundo... pero no es buena practica

RicardGTX · #5 (**permalink**) 15/04/2016, 05:23

se me ocurre esto, pero no se si es lo mas correcto. De todas maneras no funciona bien, hay algo que me falla, pero para que veas la idea.

Código Javascript:

Ver original$(document).ready(function() {
    $(".uno").click(function () {
        if($(this).hasClass("ok")){
            $(this).removeClass("ok");
        }else{
            $(this).addClass("ok");
            co();
        }
    });
    
    $(".dos").click(function () {
        co();
    });
    
    
});
 
function co(){
    if($(".uno").hasClass('ok') && document.formu.arr.value!=""){   
        $(".b").removeAttr("disabled");
    }
}

Código HTML:

Ver original<div class="uno">uno</div>
 
 
<form name="formu">
<button class="b" disabled>sdfdf</button>
 
<input type="file" class="dos" name="arr"/>
</form>

saludos
gracias

Fernand0 · #6 (**permalink**) 15/04/2016, 06:18

Código Javascript:

Ver originaldocument.forms.formu.arr.value

RicardGTX · #7 (**permalink**) 15/04/2016, 06:45

creo que es problema del

$(".dos").click(function () {
co();
});

saludos

PIRRUMAN · #8 (**permalink**) 15/04/2016, 10:25

lo que no has indicado es cuando deseas que la funcion se ejecute, al cargar la pagina ?

Código HTML:

Ver original<body onload="co()">

al final del document.ready??

Código Javascript:

Ver original$(document).ready(function() {
    $(".uno").click(function () {
        if($(this).hasClass("ok")){
            $(this).removeClass("ok");
        }else{
            $(this).addClass("ok");
            co();
        }
    });
    
    $(".dos").click(function () {
        co();
    });
    /***se ejecuta sola**/
       co();
});

Reedyseth · #9 (**permalink**) 19/04/2016, 14:51

Cita:

Iniciado por PIRRUMAN

lo que no has indicado es cuando deseas que la funcion se ejecute, al cargar la pagina ?

Código HTML:

Ver original<body onload="co()">

al final del document.ready??

Código Javascript:

Ver original$(document).ready(function() {
    $(".uno").click(function () {
        if($(this).hasClass("ok")){
            $(this).removeClass("ok");
        }else{
            $(this).addClass("ok");
            co();
        }
    });
    
    $(".dos").click(function () {
        co();
    });
    /***se ejecuta sola**/
       co();
});

Como sugerencia, puedes/debes quitar el cargado en la function en evento onload del tag body. Con el simple hecho de estar dentro del document ready de jQuery basta.

PIRRUMAN · #10 (**permalink**) 20/04/2016, 12:39

Cita:

Iniciado por Reedyseth

Como sugerencia, puedes/debes quitar el cargado en la function en evento onload del tag body. Con el simple hecho de estar dentro del document ready de jQuery basta.

No dije que hiciera los dos , indicaba en que evento deseaba disparar la funcion, coloque dos de ejemplo , el onload del body o el document ready