JavaScript - usar eventos dentro de un ciclo for y dentro de un switch

   
Vista:
Imágen de perfil de Ermest

usar eventos dentro de un ciclo for y dentro de un switch

Publicado por Ermest (1 intervención) el 08/06/2014 05:59:55
Hola, estoy haciendo una pequeña aplicación, que consiste en cambiar de color algunos "<div>" según sea el caso, lo estoy haciendo por medio de un botón. pero no sé como hacerlo las funciones que uso no se estan ejecutando, puesto que las tengo dentro de un for y dentro de un switch. apenas voy en el primer botón que es el de avanzar.

este es mi form de los botones:
1
2
3
4
5
6
7
<form name="control">
<input id="AV"  onClick="incrementar()" type="button" name="AV" value="Av. Semestre" />
<input id="RE" type="button" name="RE" value="Re. Semestre" />
<input id="AP" type="button" name="AP" value="Aprobar materia" />
<input id="FA" type="button" name="FA" value="Reprobar Materia" />
<input id="OF" type="button" name="OF" value="Ofertar Materia" />
</form>

este es el script que estoy utilizando para poder cambiar los divs a otro color:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<script>
function incrementar()
{
    for(var i=0;i>=7;i++){
        switch(i){
        case '1':
            var bav1 = document.getElementById("2");
            bav1.style.background='green'
            var bav2 = document.getElementById("5");
            bav2.style.background='green'
            var bav3 = document.getElementById("8");
            bav3.style.background='green'
            var bav4 = document.getElementById("11");
            bav4.style.background='green'
            var bav5 = document.getElementById("14");
            bav5.style.background='green'
            var bav6 = document.getElementById("17");
            bav6.style.background='green'
 
        break;
        case '2':
 
            var bav1 = document.getElementById("3");
            bav1.style.background='green'
            var bav2 = document.getElementById("6");
            bav2.style.background='green'
            var bav3 = document.getElementById("9");
            bav3.style.background='green'
            var bav4 = document.getElementById("12");
            bav4.style.background='green'
            var bav5 = document.getElementById("15");
            bav5.style.background='green'
            var bav6 = document.getElementById("18");
            bav6.style.background='green'
 
        break;
        }
    }
}
    var bre =document.getElementById("RE");
    bre.addEventListener("click",regresar);
 
    function regresar(){
        var bre1 = document.getElementById("2");
        bre1.style.background='#0066FF'
        var bre2 = document.getElementById("5");
        bre2.style.background='#0066FF'
        var bre3 = document.getElementById("8");
        bre3.style.background='#0066FF'
        var bre4 = document.getElementById("11");
        bre4.style.background='#0066FF'
        var bre5 = document.getElementById("14");
        bre5.style.background='#0066FF'
        var bre6 = document.getElementById("17");
        bre6.style.background='#0066FF'
    }
</script>

Como podrán observar en el boton de regresar si me funciona puesto que no esta dentro de un ciclo, pero necesito que este dentro de uno para poder controlar los regresos o avances :S. De verdad necesito ayuda

Gracias.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder