Registrarse  |  Login




Advertisement

Start Your Own Q&A Site

Create your own Q&A site easily, allowing you to quickly grow a new community around any subject matter or generate new organic traffic for your existing website.

Pregunta

Estado: Cerrada Puntos: 80 Fecha 03:59 - Mar 01, 2007  

osoPolar

como puedo hacer un textarea o textbox deshabilitado con css?

Tengo unos textboxes y textareas que tienen que habilitarse o no según el funcionamiento de la página.
Eso visualmente tiene que ser claro para el usuario, y en Firefox son automaticamente grises, pero en Internet Explorer no cambia la apariencia.
Hay una propiedad con css para hacerlo o lo tengo que hacer "a mano" con mi propia clase de estilo?

Categorías

Respuestas
Tutoriales

 

gonzalo

Fecha:: Mar 02, 2007

Fecha: 10:18

La respuesta es simple:

con un <input type="Text" style="background-color:#c0c0c0;" disabled="disabled"> se logra un efecto similar para un text. Es igual para un TextArea

osoPolar

Fecha:: Mar 07, 2007

Fecha: 01:14

Bueno, no era exactamente eso que estaba buscando, Gonzalo. Entiendo que se pueda poner el color de fondo del color que quiera, mi pregunta era si había una propiedad del css que lo controlaba, para no tener que hacer disabled y además tener que cambiar la clase css del control.
Me he dado cuenta de que esa propiedad del css no existe, o sea que lo tengo que hacer con css manualmente.
En vez de hacerlo como tu propones, crearia una clase asi:
.disabled
{
background-color: #c0c0c0;
}
y el input le asigno class="disabled" cuando lo deshabilito.

gonzalo

Fecha:: Mar 07, 2007

Fecha: 07:59

Sería mas bien así:

<style>
.disabled
{
background-color: #c0c0c0;
}
</style>

<input type="text" disabled="disabled" id="Mytxt" />

El problema es que el renderin que cada browser hace es propietario. No se hace (hasta donde se) especificación en norma alguna de como debe "verse" cada tag html.

En http://www.quirksmode.org/js/detect.html hay una exelente rutina para detectar que browser. Lo que deberías hacer es que si el browser es IE, hacer un JavaScript que cambie la clase y que ponga el atributo "disabled" como debe estar. Ejemplo (burdo y sin probar)

function DisableText( id)
{
var text = getElementById(id);
text.disabled = "disabled";
text.class = "disabled";
text = null; /* Esto es para evitar algunos leaks de memoria en IE*/
}

osoPolar

Fecha:: Mar 25, 2007

Fecha: 02:52

gracias Gonzalo, pero sin haberlo probado aun, estoy bastante seguro de que cuando defines una clase con el punto primero, esa clase de css solo se puede aplicar con class="xxx" en el elemento.
He visto una pregunta similar en quomon.com (inglés) y esa es la solución que opto por usar tambien: http://www.quomon.com/question_css_for_d...

neofar

Fecha:: May 07, 2007

Fecha: 11:32

No se puede desactivar via css, el css controla la forma en que se visualizan los objetos, pero no ofrece ninguna funcionalidad para controlar el comportamiento, y menos aun de los objetos <form> que por temas de seguridad el navegador les presta especial atencion para que ninguna aplicacion externa pueda cambiar sus propiedades

neofar

Fecha:: May 07, 2007

Fecha: 11:34

bueno ... rectifico, ya que veo que realmente lo que quieres hacer es renderizarlo con el tipico disabled de los formularios

gonzalo

Fecha:: May 09, 2007

Fecha: 11:02

Se puede aplicar un estilo usando DOM (si no me creer entonces revisa ProtoType, o cualquiera de los framweorks Javascript que andan dando vueltas).

osoPolar

Fecha:: May 09, 2007

Fecha: 16:02

gracias por las ideas, chicos.
Gonzalo, no sé si entiendo bien lo que dices al final, pero de todas maneras, eso requiere Javascript y yo estaba buscando una forma de hacerlo con puramente css. Eso ya entiendo que no existe, asi que uso un script para asignar la clase correcta al elemento al mismo momento de deshabilitarlo. Creo que implementar todo un framework para eso, sería demasiado lío. Pero quizas convendría mirarlo de cara al futuro. Seguramente hace más cosas que puedan ser útiles.

gonzalo

Fecha:: May 10, 2007

Fecha: 21:52

Hay varios frameworks ya hechos. Ejemplos
Scriptaculous: http://script.aculo.us/
JQuery: http://jquery.com/
MochiKit:http://mochikit.com/
The Dojo Toolkit: http://dojotoolkit.org/
etc
etc
etc
Hay realmente muchos

Pregunta cerrada

Esta pregunta ya ha sido cerrada y los puntos repartidos entre los siguientes expertos:


gonzalo: 40
osoPolar: 40

Te invitamos a que comentes, aportes información o si lo prefieres, puedes escribir un tutorial para esta pregunta en el área de tutoriales.

Responde a esta pregunta

Nuevo usuario

Email:

Al enviar estos datos serás automáticamente registrado como usuario de Quomon y te enviaremos tus datos de login a este email

Usuarios registrados

Nombre de usuario:

Contraseña:

¿Has olvidado tu contraseña?

Nadie ha escrito un tutorial todavía. ¿Quieres ser el primero?

Responde a esta pregunta

Nuevo usuario

Email:

Al enviar estos datos serás automáticamente registrado como usuario de Quomon y te enviaremos tus datos de login a este email

Usuarios registrados

Nombre de usuario:

Contraseña:

¿Has olvidado tu contraseña?

Haz una pregunta

¿Tienes una pregunta nueva?

Tienes 100 carácteres disponibles



Mejores Expertos

Ver Más

Pos.

Experto

Puntos

1.

orionb

5970

2.

gumarelo

5543

3.

LAGM

4848

4.

Cheto

3995

5.

gonzalo

2840

6.

frearg

2000

7.

titooo

1802

8.

6roNin6

1721

9.

Eternak

1575

10.

jMd

1485

Hazte Experto

Registrate hoy para compartir tus conocimientos con la comunidad y sea reconocido y retribuido por tus contribuciones.


Registrate Aqui




"Psst, Quomon es una web fantástica. Pásalo."     Recomendar  |   Enlazar  |   Guardar en Delicious  |   Digg! Digg.com



Opciones de Idiomas

English:

www.quomon.com

Español:

www.quomon.es