Adecuar mi funcion

Briss · #1 (**permalink**) 04/09/2012, 18:39

Hola estoy trabajando con un formulario en el cual tengo un checbox (este se marca dependiendo del valor que tenga en mi Bd en uno se activa en 0 queda desmarcado)

Bien tengo esta funcion

Código PHP:

  <script type="text/javascript">

function Cambia(porcentaje) {

for (i = 0, elemento = document.form1["p1[]"]; i < elemento.length; i++) 

elemento[i].disabled = true;

}

</script>

y la he cargado en <body onload="Cambia()">
para no usar onClick y entoncescambie (ya que mi valor viene de mi Bd)

Pero mis inputs p1, siempre salen en disabled (por la funcion)
Alguien me podria ayudar a cambiarla para q dependa del estado de mi input si esta marcado queden habilitados en caso de no estar marcado (el checkbox) queden inhabilitados????

Gracias por su ayuda

Dradi7 · #2 (**permalink**) 04/09/2012, 22:07

Haber mira podrias usarlo de esta manera

Código Javascript:

Ver originalfunction Cambia(porcentaje){
    for (i = 0, ele = document.forms["frm"][i]; i < document.forms["frm"].length; i++){
        if(ele.type == "checkbox"){
            ele.disabled = !ele.checked;
        }
    }
}
window.onload = function(){
    Cambia(document.forms["frm"]["mycheck"]);
};

Briss · #3 (**permalink**) 05/09/2012, 11:13

Cita:

Iniciado por Dradi7

Haber mira podrias usarlo de esta manera

Código Javascript:

Ver originalfunction Cambia(porcentaje){
    for (i = 0, ele = document.forms["frm"][i]; i < document.forms["frm"].length; i++){
        if(ele.type == "checkbox"){
            ele.disabled = !ele.checked;
        }
    }
}
window.onload = function(){
    Cambia(document.forms["frm"]["mycheck"]);
};

Lo probe cambiando

Código HTML:

<script type="text/javascript">
function Cambia(porcentaje){
    for (i = 0, ele = document.form1["p1"][i]; i < document.form1["p1"].length; i++){
        if(ele.type == "checkbox"){
            ele.disabled = !ele.checked;
        }
    }
}
window.onload = function(){
    Cambia(document.form1["p1"]["aplica"]);
};
}
</script>

form1=mi formulario
p1=input que quiero desactivar
aplica=mi checkbox

Pero no logre que si el input esta sin marca es decir vale 0
me mustres los inputs p1 en disabled

Dradi7 · #4 (**permalink**) 05/09/2012, 11:36

No estas equivodado es asi

document.forms["frm"] frm es el nombre de tu formulario

aca puedes agregar lo siguiente

if(ele.type == "checkbox") cambiarlo por if(ele.type == "checkbox" && ele.name == "p1")

y para validar que sea value 0

Código Javascript:

Ver originalif(ele.type == "checkbox"){
            ele.disabled = !ele.checked;
        }

cambia eso por esto

Código Javascript:

Ver originalif(ele.type == "checkbox" && ele.name=="p1"){
            if(ele.value == "0")
                ele.disabled = true;
            else
                ele.disabled = false;
        }

zerokilled · #5 (**permalink**) 05/09/2012, 11:59

buenas...
solo unas observaciones. ¿no se te hace más facíl hacer esa parte desde el servidor? de la misma forma que haces para marcar el checkbox según las condiciones del dato en la BD, también hacer lo mismo para inhabilitar los campos. en todo caso, no estoy claro si en realidad tienes varios checkboxes —uno por cada campo— o si es un solo checkbox para todos los campos. adicionalmente, según tu código inicial, los campos tienen por nombre p1[], pero luego en tus correcciones omites los corchetes. por lo demás, creo que @dradi7 te ha dado gran parte de la solución.

Briss · #6 (**permalink**) 05/09/2012, 12:23

Cita:

Iniciado por Dradi7

No estas equivodado es asi

document.forms["frm"] frm es el nombre de tu formulario

aca puedes agregar lo siguiente

if(ele.type == "checkbox") cambiarlo por if(ele.type == "checkbox" && ele.name == "p1")

y para validar que sea value 0

Código Javascript:

Ver originalif(ele.type == "checkbox"){
            ele.disabled = !ele.checked;
        }

cambia eso por esto

Código Javascript:

Ver originalif(ele.type == "checkbox" && ele.name=="p1"){
            if(ele.value == "0")
                ele.disabled = true;
            else
                ele.disabled = false;
        }

Dradi7 · #7 (**permalink**) 05/09/2012, 13:20

Revisa este código que acabo de hacer y me dices si funciona a tu perfección

Supongamos que tu tienes estos checkbox

Código HTML:

Ver original<form name="frm" onsubmit="return false;">
<input type="text" name="p1[]" id="p1" size="3"/><br/><br/>
<input type="text" name="p1[]" id="p2" size="3"/><br/><br/>
<input type="text" name="p1[]" id="p3" size="3"/><br/><br/>
<input type="text" name="p1[]" id="p4" size="3"/><br/><br/>
<input type="text" name="p1[]" id="p5" size="3"/><br/><br/>
<input type="text" name="p1[]" id="p6" size="3"/><br/><br/>
Cambia <input type="checkbox" name="porcentaje" id="porcentaje" value="0"/><br/><br/>
</form>

y este seria el JavaScript

Código Javascript:

Ver originalwindow.onload = function(){
    var cambia = document.getElementById("porcentaje");
    if(window.attachEvent)
        cambia.attachEvent("onclick",Cambia);
    else
        cambia.addEventListener("click",Cambia);
    Cambia();
};
 
function Cambia(){
    var c = this;
    for (var i = 0; ele = document.getElementsByName("p1[]")[i]; i++){
        ele.disabled = !c.checked;
        console.log(i + " = " + ele.disabled);
    }
}

Acá puedes ver el demo funcionando

http://jsfiddle.net/ldiego/nNSDP/

Briss · #8 (**permalink**) 05/09/2012, 17:23

Cita:

Iniciado por Dradi7

Revisa este código que acabo de hacer y me dices si funciona a tu perfección

Supongamos que tu tienes estos checkbox

Código HTML:

Ver original<form name="frm" onsubmit="return false;">
<input type="text" name="p1[]" id="p1" size="3"/><br/><br/>
<input type="text" name="p1[]" id="p2" size="3"/><br/><br/>
<input type="text" name="p1[]" id="p3" size="3"/><br/><br/>
<input type="text" name="p1[]" id="p4" size="3"/><br/><br/>
<input type="text" name="p1[]" id="p5" size="3"/><br/><br/>
<input type="text" name="p1[]" id="p6" size="3"/><br/><br/>
Cambia <input type="checkbox" name="porcentaje" id="porcentaje" value="0"/><br/><br/>
</form>

y este seria el JavaScript

Código Javascript:

Ver originalwindow.onload = function(){
    var cambia = document.getElementById("porcentaje");
    if(window.attachEvent)
        cambia.attachEvent("onclick",Cambia);
    else
        cambia.addEventListener("click",Cambia);
    Cambia();
};
 
function Cambia(){
    var c = this;
    for (var i = 0; ele = document.getElementsByName("p1[]")[i]; i++){
        ele.disabled = !c.checked;
        console.log(i + " = " + ele.disabled);
    }
}

Acá puedes ver el demo funcionando

http://jsfiddle.net/ldiego/nNSDP/

Gracias por tu enorme paciencia he probado tu código en un nuevo documento html y funciona perfecto... pero al implementarlo en mi php no funciona
lo tengo asi

Código HTML:

<script type="text/javascript">
window.onload = function(){
    var cambia = document.getElementById("porcentaje");
    if(window.attachEvent)
        cambia.attachEvent("onclick",Cambia);
    else
        cambia.addEventListener("click",Cambia);
    Cambia();
};

function Cambia(){
    var c = this;
    for (var i = 0; ele = document.getElementsByName("p1[]")[i]; i++){
        ele.disabled = !c.checked;
        console.log(i + " = " + ele.disabled);
    }
}
</script>

Código HTML:

<form action="<?php echo $editFormAction; ?>" method="post" name="form1" onsubmit="return false;" id="form1"  >
 /> 
  <table border="0" class="normal">  
<td> <input type="checkbox" name="porcentaje" id="porcentaje" value="0"/></td>
  <thead>
    <tr>
      
      <td>Parcial 1</td>
 
 
 </tr>
    </tr>
  </thead>
  <?php do { ?>
  <tbody>

  
    <td><?php  $i+=1; echo $i;?></td>
    
      
  </tbody>
     <?php } while ($row_calificar = mysql_fetch_assoc($calificar)); ?>
</table>

    <p>
      <input type="button" value="Cancelar"  onClick="history.back()"/>
      <input type="submit" value="Evaluar" />
 
      <input type="hidden" name="MM_update" value="form1" />
    
</p>
</form>

Crei que no omiti nada... salen los inputs inactivos y aunque presione el checkbox no se activan

zerokilled · #9 (**permalink**) 05/09/2012, 17:33

¿podrías mostrar un ejemplo del contenido generado por php? así podemos probar con tu código y evitar tantas vueltas.

Briss · #10 (**permalink**) 05/09/2012, 17:40

Cita:

Iniciado por zerokilled

¿podrías mostrar un ejemplo del contenido generado por php? así podemos probar con tu código y evitar tantas vueltas.

Esto es... de una conculta de a mi Base de datos mediante do while me muestra los registros que cumplen una determinada condición
http://s3.subirimagenes.com:81/image...8resultado.png

zerokilled · #11 (**permalink**) 05/09/2012, 17:43

disculpa, me refiero a nivel de código. es decir, el html del formulario que crea php. por otro lado, revisa la consola del navegador. ahí te dirá si tienes algún problema con el código javascript.

Briss · #12 (**permalink**) 05/09/2012, 17:45

Ok voy a verificarlo ahora

Dradi7 · #13 (**permalink**) 06/09/2012, 01:08

No veo el codigo en donde estas generando los input text

Briss · #14 (**permalink**) 06/09/2012, 10:42

Hola gracias por su ayuda ne verdad ... bueno ya cheque y mi error era esto
<body onload="Cambia()">
lo djee asi
<body> y funciona bien gracias ....
Solo que es con nuevo checkbox porcentaje

Código HTML:

<td> <input type="checkbox" name="porcentaje" id="porcentaje" value="0"/></td>

Y yo tengo un código que me arroja el estado en mi base del checkbox si en mi base tengo 1 el checxk debe estar activo en caso de ser 0 queda desmarcado (aqui intento que dependiendo de eso mis inputs esten o no activos)
asi obtengo el resultado demi chechk

Código PHP:

  <? $aplica = $row_parcial["Parcial1"];
    $checked = ($aplica == 1)?" checked ":"";?>   
<h1><h2> Aplica <input type="checkbox" name="aplica" <?php echo $checked; ?> /> </h2>

ahora tengo que cambiar mi script para basarlo en el input aplica... checo a ver si puedo... (no se mucho de java) Agradezco tu tiempo y sobre todo paciencia

Briss · #15 (**permalink**) 06/09/2012, 11:13

Código HTML:

<script type="text/javascript">
window.onload = function(){
    var cambia = document.getElementById("porcentaje");
    if(window.attachEvent)
        cambia.attachEvent("onclick",Cambia);
    else
        cambia.addEventListener("click",Cambia);
    Cambia();
};

function Cambia(){
    var c = this;
    for (var i = 0; ele = document.getElementsByName("p1[]")[i]; i++){
        ele.disabled = !c.checked;
        console.log(i + " = " + ele.disabled);
    }
}
</script>

supongo que tendria que cambiar
var cambia = document.getElementById("aplica);
que es mi check, lo que no sé como resolver es que al dar click cambia...
ya que el usuario na dará click en el check pues este estará marcado dependiendo del resultado que arroje la consulta a la Bd....

Dradi7 · #16 (**permalink**) 06/09/2012, 11:54

la función esta bien lo único que tienes que hacer es poner un ID llamado Aplica en tu Input Checkbox o en todo caso

document.getElementsByName('aplica')[0]

Briss · #17 (**permalink**) 06/09/2012, 12:29

Cita:

Iniciado por Dradi7

la función esta bien lo único que tienes que hacer es poner un ID llamado Aplica en tu Input Checkbox o en todo caso

document.getElementsByName('aplica')[0]

Gracias lo he cambiado y si mi check arroja 0 desde mi Bd quedan inhabilitados los inputs.... pero si esta marcado (el check) de todas maneras quedan inhabilitados.... y al dar click en el check cambian a activos los inputs....

en teoria deberian estar activos desde el principio (si el check esta marcado)

Dradi7 · #18 (**permalink**) 06/09/2012, 13:47

no sera al revés si tu check esta desmarcado te deshabilita los input si esta marcado tus input se habilitan, porque el código no verifica el value sino el checkeado

Briss · #19 (**permalink**) 06/09/2012, 14:01

Es que sea cual sea el estado del check siempre me manda los inputs deshabilitados

Dradi7 · #20 (**permalink**) 06/09/2012, 14:02

Puedes mostrar como quedo este codigo

Código Javascript:

Ver original<script type="text/javascript">
window.onload = function(){
    var cambia = document.getElementById("porcentaje");
    if(window.attachEvent)
        cambia.attachEvent("onclick",Cambia);
    else
        cambia.addEventListener("click",Cambia);
    Cambia();
};
 
function Cambia(){
    var c = this;
    for (var i = 0; ele = document.getElementsByName("p1[]")[i]; i++){
        ele.disabled = !c.checked;
        console.log(i + " = " + ele.disabled);
    }
}
</script>

Briss · #21 (**permalink**) 06/09/2012, 14:08

Código HTML:

<script type="text/javascript">
window.onload = function(){
    var cambia = document.getElementsByName('aplica')[0];
    if(window.attachEvent)
        cambia.attachEvent("onclick",Cambia);
    else
        cambia.addEventListener("click",Cambia);
    Cambia();
};

function Cambia(){
    var c = this;
    for (var i = 0; ele = document.getElementsByName("p1[]")[i]; i++){
        ele.disabled = !c.checked;
        console.log(i + " = " + ele.disabled);
    }
}
</script>

Dradi7 · #22 (**permalink**) 06/09/2012, 14:24

cambia esta linea por favor

Código Javascript:

Ver originalvar c = this;

por esta

Código Javascript:

Ver originalvar c = document.getElementsByName("aplica")[0];

ese era el error

Briss · #23 (**permalink**) 06/09/2012, 14:28

Cita:

Iniciado por Dradi7

cambia esta linea por favor

Código Javascript:

Ver originalvar c = this;

por esta

Código Javascript:

Ver originalvar c = document.getElementsByName("aplica")[0];

ese era el error

Gracias ahora siiii funciona perfecto

un último favos podrías explicarme entiendo que toma el valor de aplica lo que no me queda claro es el if

GRACIAS OTRA VEZ

Dradi7 · #24 (**permalink**) 06/09/2012, 14:32

El if es para poder asignar el evento adecuado lo que sucede es que por ejemplo IE tiene otra manera de agregar los eventos.

IE como se usa los eventos

- siempre comienza por on
- para agregar un evento se usa attachEvent
- para poder eliminar un evento se usa detachEvent

En los demás navegadores

- no es necesario poner on
- para agregar un evento se usa addEventListener
- para poder eliminar un evento se usa removeEventListener

Código Javascript:

Ver originalif(window.attachEvent)
        cambia.attachEvent("onclick",Cambia);
    else
        cambia.addEventListener("click",Cambia);

Con esto asignaria correctamente el evento click para el input check en todo los navegadores

Briss · #25 (**permalink**) 06/09/2012, 14:40

Cita:

Iniciado por Dradi7

El if es para poder asignar el evento adecuado lo que sucede es que por ejemplo IE tiene otra manera de agregar los eventos.

IE como se usa los eventos

- siempre comienza por on
- para agregar un evento se usa attachEvent
- para poder eliminar un evento se usa detachEvent

En los demás navegadores

- no es necesario poner on
- para agregar un evento se usa addEventListener
- para poder eliminar un evento se usa removeEventListener

Código Javascript:

Ver originalif(window.attachEvent)
        cambia.attachEvent("onclick",Cambia);
    else
        cambia.addEventListener("click",Cambia);

Con esto asignaria correctamente el evento click para el input check en todo los navegadores

Código HTML:

function Cambia(){
    var c =  document.getElementsByName("aplica")[0];
    for (var i = 0; ele = document.getElementsByName("p1[]")[i]; i++){
        ele.disabled = !c.checked;
        console.log(i + " = " + ele.disabled);
    }
}

Y esto supongo que es asi

toma aplica
toma p1[]
los inpus p1 son deshabilitados cuando aplica es diferente de checked (osea cuando no esta marcado)...

Bueno pues no me queda más que agradecerte nuevamente por tu tiempo y paciencia GRACIAS

Me podrías recomendar algun manual de javascript

Dradi7 · #26 (**permalink**) 06/09/2012, 14:51

Mira estos dos libros son basicos pero te pueden servir para entender el lenguaje

Introduccion a javascript

Introduccion a AJAX

Briss · #27 (**permalink**) 06/09/2012, 15:07

Cita:

Iniciado por Dradi7

Mira estos dos libros son basicos pero te pueden servir para entender el lenguaje

Introduccion a javascript

Introduccion a AJAX

Gracias otra vez