Disabled

[carlosuc99]

Buenas,

He entendido debido a otros posts que esto:

Código Javascript:

$("#classes").attr("disabled" false);
 

Debería activar a esto:

Código Javascript:

<tr><td class=Forms>First Class:</td><td><input disabled="disabled" type="text" id="classes" name="classes" size="30"/></td></tr>
 

Pero falla! Alguien sabe a que es debido?

[homlyne]

Hola carlosuc99,

Prueba con esto:

Código Javascript:

attr("disabled","disabled");
 

Saludos.

[fishdesign]

Ya te di la solución en otro post:

Código Javascript:

$('input').removeAttr('disabled');
 

También puedes probar con .removeProp()

Y para poner el disabled en true puedes hacer lo que dice homlyne

[carlosuc99]

Iniciado por fishdesign

Ya te di la solución en otro post:

Código Javascript:

$('input').removeAttr('disabled');
 

También puedes probar con .removeProp()

Y para poner el disabled en true puedes hacer lo que dice homlyne

Esto no me funciona. Cómo sabe que se tiene que referir al input classes y no a otro?

Esto tiene que ir antes o después del input?

[homlyne]

Iniciado por carlosuc99

Esto no me funciona. Cómo sabe que se tiene que referir al input classes y no a otro?

Esto tiene que ir antes o después del input?

Lo que te indica fishdesign se aplica a todos los input, y si quieres especificar a un elemento debes poner el id, en tu caso:

Código Javascript:

$("#classes").removeAttr('disabled');
 

[carlosuc99]

Iniciado por homlyne

Lo que te indica fishdesign se aplica a todos los input, y si quieres especificar a un elemento debes poner el id, en tu caso:

Código Javascript:

$("#classes").removeAttr('disabled');
 

Me sigue sin funcionar. Os dejo también el código de los input:

Código Javascript:

<script type="text/javascript">
 
$("#classes").removeAttr('disabled');
</script>
 
 
 
 
    <tr><td class=Forms>First Class:</td><td><input disabled="disabled" type="text" id="classes" name="classes" size="30"/></td></tr>
    <tr><td class=Forms>Bussines Class:</td><td><input disabled="disabled" type="text" name="classes2" size="30"/></td></tr>
    <tr><td class=Forms>Economy Class:</td><td><input disabled="disabled" type="text" name="classes3" size="30"/></td></tr>
 

[David]

Estás intentado modificar el elemento antes de que exista en el documento:

Código Javascript:

$(document).ready(function() {
    // DOM cargado, todos los elementos existen
    // Aquí puedes modificar el input
});
 

[fishdesign]

Solo el primer input tiene el id classes, los otros no.
Igualmente, un id debe ser único. Si quieres repetirlo, usa clases.

Damos por entendido también que estas cargando jQuery y deberías usar un .ready() para que tu código se ejecute una vez cargado el DOM como bien te dice David, así que da igual que lo pongas antes o después de los inputs.

Deberías usar algún debugger como firebug para no ir más a ciegas de lo que vas xDD

[carlosuc99]

Iniciado por David

Estás intentado modificar el elemento antes de que exista en el documento:

Código Javascript:

$(document).ready(function() {
    // DOM cargado, todos los elementos existen
    // Aquí puedes modificar el input
});
 

Lo he dejado así y directamente no se ve ni el DOM:

Código Javascript:

<script src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
 $(document).ready(function() {
    <form action="insertar-modelo.php" method="post" enctype="application/x-www-form-urlencoded">
    <table>
 
 
    <tr><td class=Forms>Name:</td><td><input type="text" value="Airbus A320" name="nombre" size="30"/></td></tr>
    <tr><td class=Forms>Price:</td><td><input maxlength="9" value="1000000" type="text" name="precio" size="30"/> &#8364;<br/></tr>
 
    <tr><td class=Forms>Number Classes:</td><td><select name="numberclasses" id="numberclasses" onchange="callAjax()">
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select></td></tr>
 
 
 
    <tr><td class=Forms>First Class:</td><td><input disabled="disabled" type="text" id="classes" name="classes" size="30"/></td></tr>
    <tr><td class=Forms>Bussines Class:</td><td><input disabled="disabled" type="text" name="classes2" size="30"/></td></tr>
    <tr><td class=Forms>Economy Class:</td><td><input disabled="disabled" type="text" name="classes3" size="30"/></td></tr>
    $("#classes").removeAttr('disabled');
 
        <tr><td></td><td><input type="submit" name="enviar" value="Insertar"/></td></tr>
         </table>
    </form>
    
    });
    </script>
 

[fishdesign]

WTF?

Estás metiendo el HTML dentro de la etiqueta script, es evidente que no te funcionará.

Por favor, aprende algo, aunque sea lo básico, antes de seguir dando palos de ciego, porque con este rumbo no vas a conseguir nada, aunque a priori creas que copiando y pegando vas a conseguir terminar tu proyecto.

[carlosuc99]

Iniciado por fishdesign

WTF?

Estás metiendo el HTML dentro de la etiqueta script, es evidente que no te funcionará.

Por favor, aprende algo, aunque sea lo básico, antes de seguir dando palos de ciego, porque con este rumbo no vas a conseguir nada, aunque a priori creas que copiando y pegando vas a conseguir terminar tu proyecto.

Claro, es que el DOM está en HTML! Que tengo que hacer para que funcione el DOM y el JQuery? Porque si quito la etiqueta sctript el jQuery no funciona.

[homlyne]

Iniciado por carlosuc99

Claro, es que el DOM está en HTML! Que tengo que hacer para que funcione el DOM y el JQuery? Porque si quito la etiqueta sctript el jQuery no funciona.

Desconozco el navegador que utilizas, con herramientas de desarrolador de tu navegador en modo consola te dice el error que te sale en javascript.

Y como te dicen no puedes mezclar codigo, debes separarlo con sus respectivas etiquetas.

[carlosuc99]

Iniciado por homlyne

Desconozco el navegador que utilizas, con herramientas de desarrolador de tu navegador en modo consola te dice el error que te sale en javascript.

Y como te dicen no puedes mezclar codigo, debes separarlo con sus respectivas etiquetas.

Utilizo chrome, que debo poner en la consola de este para ver el error?

Otra cosa, creo que no puedo poner etiquetas HTML dentro del script. Cómo hago para que funcione el HTML y el Javascript?

[David]

http://api.jquery.com/ready/

Revisa los ejemplos. No debes copiar el código si no entiendes exactamente qué hace. Lee la documentación primero, luego nos comentas si tienes dudas.

[homlyne]

Código HTML:

<html>
<head>
<script language="javascript">
//Código Javascript
</script>
</head>
<body>
//Aquí html
</body>
</html>
 

Te recomiendo que leas varios manuales para que te aclares un poco http://www.desarrolloweb.com/manuales/, hay muchos en internet.

[carlosuc99]

Iniciado por homlyne

Código HTML:

<html>
<head>
<script language="javascript">
//Código Javascript
</script>
</head>
<body>
//Aquí html
</body>
</html>
 

Te recomiendo que leas varios manuales para que te aclares un poco [URL="http://www.desarrolloweb.com/manuales/"]http://www.desarrolloweb.com/manuales/[/URL], hay muchos en internet.

Si eso ya lo sé! El problema, a lo mejor os entiendo mal, es que tengo que poner esto:

Código HTML:

<form action="insertar-modelo.php" method="post" enctype="application/x-www-form-urlencoded">
    <table>
 
    <tr><td class=Forms>Name:</td><td><input type="text" value="Airbus A320" name="nombre" size="30"/></td></tr>
    <tr><td class=Forms>Price:</td><td><input maxlength="9" value="1000000" type="text" name="precio" size="30"/> €<br/></tr>
 
    <tr><td class=Forms>Number Classes:</td><td><select name="numberclasses" id="numberclasses" onchange="callAjax()">
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select></td></tr>
 
 
 
    <tr><td class=Forms>First Class:</td><td><input disabled="disabled" type="text" id="classes" name="classes" size="30"/></td></tr>
    <tr><td class=Forms>Bussines Class:</td><td><input disabled="disabled" type="text" name="classes2" size="30"/></td></tr>
    <tr><td class=Forms>Economy Class:</td><td><input disabled="disabled" type="text" name="classes3" size="30"/></td></tr>
 
        <tr><td></td><td><input type="submit" name="enviar" value="Insertar"/></td></tr>
         </table>
    </form>
 

Dentro de esto:

Código Javascript:

<script>
$(document).ready(function() {
});
</script>
 

Entonces sería mezclar javascript con HTML y no sé como hacerlo.

[homlyne]

Iniciado por carlosuc99

Si eso ya lo sé! El problema, a lo mejor os entiendo mal, es que tengo que poner esto:

Código HTML:

<form action="insertar-modelo.php" method="post" enctype="application/x-www-form-urlencoded">
    <table>
 
    <tr><td class=Forms>Name:</td><td><input type="text" value="Airbus A320" name="nombre" size="30"/></td></tr>
    <tr><td class=Forms>Price:</td><td><input maxlength="9" value="1000000" type="text" name="precio" size="30"/> €<br/></tr>
 
    <tr><td class=Forms>Number Classes:</td><td><select name="numberclasses" id="numberclasses" onchange="callAjax()">
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select></td></tr>
 
 
 
    <tr><td class=Forms>First Class:</td><td><input disabled="disabled" type="text" id="classes" name="classes" size="30"/></td></tr>
    <tr><td class=Forms>Bussines Class:</td><td><input disabled="disabled" type="text" name="classes2" size="30"/></td></tr>
    <tr><td class=Forms>Economy Class:</td><td><input disabled="disabled" type="text" name="classes3" size="30"/></td></tr>
 
        <tr><td></td><td><input type="submit" name="enviar" value="Insertar"/></td></tr>
         </table>
    </form>
 

Dentro de esto:

Código Javascript:

<script>
$(document).ready(function() {
});
</script>
 

Entonces sería mezclar javascript con HTML y no sé como hacerlo.

No tienes que mezclar nada, el formulario es html y dentro del javascript:

Código Javascript:

<script>
$(document).ready(function() {
  $(".Forms #classes").removeAttr('disabled');
});
</script>
 

Para quitar el atributo disabled del input, y para ver la consola de errores haces click con boton derecho en la página y seleccionas inspeccionar elemento y luego haces click en Console, si existe algun error te lo dirá.

[carlosuc99]

Iniciado por homlyne

No tienes que mezclar nada, el formulario es html y dentro del javascript:

Código Javascript:

<script>
$(document).ready(function() {
  $(".Forms #classes").removeAttr('disabled');
});
</script>
 

Para quitar el atributo disabled del input, y para ver la consola de errores haces click con boton derecho en la página y seleccionas inspeccionar elemento y luego haces click en Console, si existe algun error te lo dirá.

AHHHHHHH!!!!! Yo había entendido que tenía que poner el formulario de html dentro de el .ready().

Ahora funciona!!! Muchas gracias a todos los que me habéis ayudado, especialmente a: homelyne, fishdesign y David!