Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: dimitrix en 2 Mayo 2012, 16:04 pm



Título: Problema con javascript
Publicado por: dimitrix en 2 Mayo 2012, 16:04 pm
Realmente el JS no es mi fuerte, pero bueno, dejo aquí mi problema:

include.js
Código
  1. function m2_config(){
  2.  
  3. var check=document.mm_config.auth.checked;
  4. alert(check);
  5. if (check){
  6. document.mm_config.user.disabled=false;
  7. document.mm_config.password.disabled=false;
  8. }else{
  9. document.mm_config.user.disabled=true;
  10. document.mm_config.password.disabled=true;
  11. };
  12.  
  13. }
  14.  

index.php

Código
  1. <form action="" method="POST" id="mm_config">
  2. <input name="auth" type="checkbox" value="yes" onClick="m2_config()" /><br>
  3.  
  4. <input type="text" name="user" id="textfield">
  5. <input type="password" name="user" id="textfield">
  6. </form>




Lo que necesito hacer es que cuando presione al checkbox se pongan enable o disable los text.

¿Alguien me puede ayudar?


Título: Re: Problema con javascript
Publicado por: WHK en 2 Mayo 2012, 16:41 pm
Usa jQuery, te alegrará la vida.

http://jsfiddle.net/62tyC/
Código
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3. $('input[name="auth"]').change(function(){
  4. $('#changestatus').find('input').prop('disabled', $(this).prop('checked'));
  5. });
  6. });
  7. <form action="#" method="post">
  8. <input name="auth" type="checkbox" value="yes" /><br />
  9. <span id="changestatus">
  10. <input type="text" name="user" />
  11. <input type="password" name="pass" />
  12. </span>
  13. </form>

Fijate en el input password, tiene la misma propiedad name que el user id.
Además no puedes establecer la propiedad id con el mismo valor a dos etiquetas.
Por estandard te recomiendo utilizar <br /> en ves de <br>


Título: Re: Problema con javascript
Publicado por: dimitrix en 2 Mayo 2012, 17:59 pm
Mmm no me había fijado en la cagada de user/user. Gracias WHk.

En cuanto al jQuery es un proyecto que no puedo usarlo, por lo que ¿Se podría hacer de alguna forma sin jQuery?

Muchas gracias.


Título: Re: Problema con javascript
Publicado por: dimitrix en 2 Mayo 2012, 18:20 pm
Vale, ya está arreglado, tenía que cambiar el ID por NAME en el <form> ni me di cuenta.

Muchas gracias WHK por la ayuda :-)