Si numero negativo cambio de color en caja de texto

[chemita59]

Hola a todos.

Una pregunta facilita…

Como puedo conseguir que al cargarse un formulario en el que tengo una caja de texto(DIFERENCIA) en la que muestro el resultado de varias operaciones, cuando el numero sea negativo este aparezca en color rojo..???


Saludos.

[David]

Sería algo como esto:

Código PHP:

  if (parseInt(form.input.value) < 0) {
// Cambiar estilo a rojo
}  
   

¿Qué exactamente quieres que cambie de color, el texto o la caja?

[chemita59]

solo el numero

[David]

Sería algo como esto:

Código PHP:

  form.input.style.color = "Red"  
   

[chemita59]

¿asociado a que evento?
OnLoad o OnChange?

[buzu]

Al onchange si quieres que cambie cuando la caja de texto cambie su valor y onload si quieres que el chequeo y cambio se haga cuando el formulario sea cargado. Ojo que es onchange y no OnChange.

Iniciado por David el Grande

Código PHP:

  form.input.style.color = "Red"  
   

eso cambiaría el color de todos los elementos input no solo del que tiene el valor negativo.

si se lo quieres aplicar solo al elemento que contiene el valor negativo intenta usando this o con un id.

[chemita59]

gracias a los dos por contestar....
lo probare mañana....

Salud2

[David]

Iniciado por buzu

eso cambiaría el color de todos los elementos input no solo del que tiene el valor negativo.

si se lo quieres aplicar solo al elemento que contiene el valor negativo intenta usando this o con un id.

Es que lo había puesto nada más como ejemplo, para que posteriormente cambiara con el respectivo nombre del input.

Saludos buzu.

[buzu]

Sip, yo entiendo. Saludos.

[chemita59]

Hola …

Llegado el momento de hacer que los números aparezcan en rojo… no me funciona.

He creado la siguiente función siguiendo las intrucciones:

<script language="JavaScript" >

function rojo_1(){

if (parseInt(form_gere.textfield13.value) < 0) {
form_gere.textfield13.style.color = "#ff0000"
}
}
</script>

Que aplico en el campo del formulario en el que quiero que aparezcan los números en rojo..

<form action="" method="post" name="form_gere" id="form_gere">
…
…
<input name="textfield13" type="text" class="PLANTICuadroPlantilla" value="<%=(rs_Gerencias.Fields.Item("VAC_EXC").Val ue)%>" onChange="rojo_1(this)">

</form>


No me funciona y no da errores…...
Alguien me podía decir lo que hago mal….

Saludos.

[JavierB]

Hola chemita59

Prueba así:

Código javascript:

function rojo_1(obj){
if (parseInt(obj.value) < 0) {
obj.style.color = "#ff0000"
}
 

Saludos,

[chemita59]

Hola buenos dias JAVIERB:

Sigue sin funcionar

<script language="JavaScript" >

function rojo_1(){if (parseInt(textfield13.value) < 0) {textfield13.style.color = "#ff0000"}

</script>


onChange="rojo_1(this)"

He puesto estos valores en la funcion y el evento...

Tiene que ser una tonteria...

Saludos.

[David]

Te falta una llave de cierre (}) para la función.

Además, ¿de dónde estás obteniendo la referencia a textfield13?.

[chemita59]

la llave ya la he corregido...

es un formulario que toma los datos a una consulta SQL y muestra en mi caso 8 filas. Lo he puesto un poco mas arriba.

Con el evento onblur y pinchando en la caja de texto al salirme si que se ponen los numeros en rojo pero solo en ese momento.

Saludos

[David]

¿Y en qué momento quieres que se pongan en rojo?

[chemita59]

En el momento en que se visualiza en pantalla......

[chemita59]

en realidad me da lo mismo.... quiero ver el numero que contiene la caja de texto en rojo cuando es negativo simplemente......

[David]

Si es al momento de cargar la página lo mejor es hacerlo del lado del servidor, al momento de obtener los datos de la consulta y enviar la salida HTML, ya enviarlo en rojo en caso de que sea negativo.

[chemita59]

Vale... pero como lo hago......

[David]

Depende, ¿con qué lenguaje estás trabajando en el servidor?. Lo único que necesitas hacer es devolver el estilo correspondiente:

Código html:

<input type="text" style="color: Red" />
 

[chemita59]

Las paginas estan en ASP con DW

[jotaaigriegao]

en la definicion de rojo_1 no hay ningun paso de parametros.....y cuando define que funcion manejara el onChange.. le pasa "this"

no afecta eso en algo?

[David]

Iniciado por chemita59

Las paginas estan en ASP con DW

En ese caso con un If puedes comprobar si el valor es negativo y devolver el estilo correspondiente.

Código asp:

<%
If Valor < 0 Then
    Color = "Red"
Else
    Color = "Black"
End If
%>
<input type="text" style="color: <%=Color %>">
 

[chemita59]

creo que no afecta, aunque ponga onChange="rojo_1(this)" o onChange(textfield13) sigue sin hacerlo

[chemita59]

voy a probar...

[chemita59]

SOLUCIONADO:

<%If (rs_Gerencias.Fields.Item("VAC_EXC").Value) < 0 Then Color = "#FF0000" Else Color = "#006c43"End If%>
<input name="textfield13" type="text" class="PLANTICuadroPlantilla" value="<%=(rs_Gerencias.Fields.Item("VAC_EXC").Val ue)%>" style="color: <%=Color %>">

FUNCIONA PERFECTA Y CORRECTAMENTE.

DAVID... (QUE GRANDE ERES) ....... MUY AGRADECIDO....

SALUDOS.....

[David]

Me alegra que haya funcionado.

Hasta la próxima .