Foros del Web » Programando para Internet » Javascript »

Consulta de como aplicar estilo cuando active el checkbox

Estas en el tema de Consulta de como aplicar estilo cuando active el checkbox en el foro de Javascript en Foros del Web. Hola a todos, tengo una consulta tengo consulta que tengo una funcion javascript, que al activar el checkbox se desactiva el disable del texbox, y ...
  #1 (permalink)  
Antiguo 10/10/2012, 12:34
Avatar de Sumerio  
Fecha de Ingreso: octubre-2009
Mensajes: 195
Antigüedad: 9 años
Puntos: 6
Pregunta Consulta de como aplicar estilo cuando active el checkbox

Hola a todos, tengo una consulta tengo consulta que tengo una funcion javascript, que al activar el checkbox se desactiva el disable del texbox, y lo habilito para colocar datos.
Pero como eso afecta al momento de grabar, estaba mejor ponerle un readonly, como lo haria activar o desactivar un readonly, y a la vez aplicarle un estilo plomo, simulando un disable, y cuando le haga check-true, me desactive el estilo y el readonly a la vez.

Este es mi funcion que deshabilita o habilita las textbox:

function activarCajas(chk,inputText){
var chk = document.getElementById(chk);
if (chk.checked) {
document.getElementById(inputText).disabled = false;
document.getElementById(inputText).focus();
}else{
document.getElementById(inputText).disabled = true;
document.getElementById(inputText).focus();
}
}

Última edición por Sumerio; 10/10/2012 a las 12:57
  #2 (permalink)  
Antiguo 10/10/2012, 13:09
Avatar de Dradi7  
Fecha de Ingreso: junio-2008
Ubicación: Peru - Lima
Mensajes: 1.518
Antigüedad: 10 años, 4 meses
Puntos: 220
Respuesta: Consulta de como aplicar estilo cuando active el checkbox

Solamente has esto

Para agregar el readOnly

document.getElementById(inputText).setAttribute('r eadOnly','readonly');

Para removerlo

document.getElementById(inputText).removeAttribute ('readOnly');

Saludos
__________________
La clave de todo triunfador es eliminar todas sus excusas y sus limitaciones
  #3 (permalink)  
Antiguo 10/10/2012, 13:24
Avatar de Sumerio  
Fecha de Ingreso: octubre-2009
Mensajes: 195
Antigüedad: 9 años
Puntos: 6
Respuesta: Consulta de como aplicar estilo cuando active el checkbox

OK gracias, y para el estilo como podria ser...
  #4 (permalink)  
Antiguo 10/10/2012, 13:34
Avatar de Dradi7  
Fecha de Ingreso: junio-2008
Ubicación: Peru - Lima
Mensajes: 1.518
Antigüedad: 10 años, 4 meses
Puntos: 220
Respuesta: Consulta de como aplicar estilo cuando active el checkbox

Sencillamente con esto

document.getElementById(inputText).style.border = "1px solid red";

En cuanto a los estilos aclarar lo siguiente todos los estilos en JavaScript comienzan en minúsculas.

En caso que yo tenga estilos como esto

text-align
background-position
font-weight


Son reemplazados por mayúsculas la primera letra de la palabra después del guion, el guion desparece asi:

document.getElementById(inputText).style.textAlign = "center";
document.getElementById(inputText).style.backgroun dPosition = "top left";
document.getElementById(inputText).style.fontWeigh t = "bold";


O en todo caso usa las colecciones

document.getElementById(inputText).style["text-align"] = "center";
document.getElementById(inputText).style["background-position"] = "top left";
document.getElementById(inputText).style["font-weight"] = "bold";


Saludos
__________________
La clave de todo triunfador es eliminar todas sus excusas y sus limitaciones

Etiquetas: checkbox, estilo, funcion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 19:18.