ReadOnly para select

[tattojk]

Saludos.

Hay alguna forma de simular ReadOnly para un select??
Me explico: si le coloco disabled el texto del select me muestra en color gris y casi no se ve; hay alguna forma de que al menos uno pueda colocarle un color diferente al texto del select cuando esta disabled asi como el ReadOnly????

Agradezco la ayuda que me puedan brindar...

[Cap.Buscapina]

Probá si te sirve esto:

<select name="aa" onmouseover="this.disabled=true;" onmouseout="this.disabled=false;">

esto mas un poco de estilos, simularía bastante bien lo que querés.

Tal vez por aquía alguien tenga alguna otra solucion un poco mas elegante.

saludos

[tattojk]

Saludos.

Probe el codigo que me facilitaste y si funciona pero sigue quedando el color del texto gris, te agradezco mucho tu ayuda.

Lo pondre asi para que hagan pruebas a ver si les gusta, ya saben como son los usuarios

[Cap.Buscapina]

el por que de seguir utilizando disabled es para que no puedan cambiarlo, además deberías trabajarlo con estilos.

Otra posibilidad es que lo reemplaces por un input text (read only) mientras lo quieres poner disabled y para cuando lo habilites cambiarlo por el select

[tattojk]

Saludos.

Apenas estoy empezando con esto de la programación Web, he trabajado con PHP y javascript; me puedes explicar que es eso de estilos y como lo podria implementar para este caso.

Agradezco la ayuda que me estas brindando.

[Cap.Buscapina]

por ejemplo en el select que puse anteriormente puedes poner:

<select name="aa" onmouseover="this.disabled=true;" onmouseout="this.disabled=false;" class="miestilo">

y dentro de las etiquetas HEAD pones:

<style type="text/css">
<!--
.miestilo {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #cccccc;
background-color: #CCCCCC;
border: thin solid #CCCCCC;
}
-->
</style>

De esta forma le puedes dar la apariencia que vos quieras.

Date una vueltita por el foro de CSS y vas a ver que no es para nada complejo.

saludos

[tattojk]

Estoy muy agradecido por tu ayuda.

[fredericpena]

Hola... de pronto esto les pueda servir para los que quieran bloquear un select mientras requieren de su valor... es muy sencillo...

Coloquen el siguiente codigo en un script en la cabecera de la página, recomiendo que tengan la libreria Prototype, ya que hace uso de esta...

Código:

// Funcion para simular la inactivacion de un control

doDisableDiv = function(dvName)
{
	var nDiv = document.createElement('div');
	nDiv.setAttribute('id', dvName + 'Disabled');
	nDiv.style.display='block';
	nDiv.style.position="absolute";
	nDiv.style.cssFloat="left";
	nDiv.style.width = $(dvName).offsetWidth +"px";
	nDiv.style.height = $(dvName).offsetHeight +"px";
	nDiv.style.top=findPosY($(dvName)) + "px";
	nDiv.style.left=findPosX($(dvName)) + "px";
	nDiv.className="inactivo";
		
	var myBody = document.getElementsByTagName('body').item(0);
	myBody.appendChild(nDiv);
}

// Funcion para simular la activacion de un control
	
doEnableDiv = function(dvName)
{
	if(document.getElementById(dvName + 'Disabled'))
	{
		var myBody = document.getElementsByTagName('body').item(0);
		myBody.removeChild(document.getElementById(dvName + 'Disabled'));
	}
}

// Funcion para determinar la posicion Real Horizontal de un objeto
	
findPosX = function(obj)
{
	var curleft = 0;
	if(obj.offsetParent){
		while(1) 
		{
			curleft += obj.offsetLeft;
			if(!obj.offsetParent)
			break;
			obj = obj.offsetParent;
		}
	}else if(obj.x)
	curleft += obj.x;
	return curleft;
}

// Funcion para determinar la posicion Real Vertical de un objeto

findPosY = function(obj)
{
	var curtop = 0;
	if(obj.offsetParent){
		while(1)
		{
			curtop += obj.offsetTop;
			if(!obj.offsetParent)
			break;
			obj = obj.offsetParent;
		}
	}else if(obj.y)
	curtop += obj.y;
	return curtop;
}

Despues, simplemente cuando quieran inactivar el control invocan

Código:

doDisableDiv('nombre_de_control');

Similar, cuando quieran activar de nuevo el control invocan

Código:

doEnableDiv('nombre_de_control');

Espero que les sirva esta solucion, cualquier pregunta con gusto la contesto por aqui.

[JavierB]

El mensaje original es de hace más de 3 años. Por favor, no reviváis temas tan antiguos.

Saludos,