2

¿Alguna forma de cambiar el color de fondo de un asp:Textbox con el evento OnClientClick de un asp:Button desde JavaScript sin usar:

document.getElementById("un_textbox").style.background = '#f88067';

El boton esta definido de la sigueinte manera:

 <asp:Button ID="re" runat="server" autopostback="True" OnClick="re_Click"  OnClientClick="return comprueba();" style="height: 32px" Text="Registrate" />
9
  • estas asignando el valor 'color'... se supone que es una variable ? Iria sin comillas
    – lois6b
    el 27 jul. 2017 a las 14:35
  • Bueno, ese 'color' es solo es un ejemplo generico, yo estoy atinando a: '#f88067'. Y con backgroundColor no me corrio :c
    – Necroyeti
    el 27 jul. 2017 a las 14:41
  • Ah, ok. Mejor, así descartamos problemas. Has probado a hacer un console.log de ese textbox? para ver que lo estás cogiendo bien
    – lois6b
    el 27 jul. 2017 a las 14:42
  • Muestranos la definicion de la funcion que tienes en el evento OnClientClick
    – Einer
    el 27 jul. 2017 a las 14:43
  • No, la verdad no se como se aplica. Donde y como aplico eso?
    – Necroyeti
    el 27 jul. 2017 a las 14:43

3 respuestas 3

3

La unica forma en que pude lograrlo es declarando una variable js, asignarle el id del div y luego pasarle como parametro la variable a la funcion:

<script>
   var id = "<%= txtBuscar.ClientID  %>";
</script>
<asp:Button OnClientClick='return comprueba(id)' runat="server" Text="Comprobar"/>

Y en tu archivo js:

   function comprueba(divId)
   {
      docuement.getElementById(divId).style.background = "red";
      return false;
   }
0

Te recomiendo que dejes de renegar con javascript puro e instales alguna libreria como JQuery de paso forma alternativa y no tan engorrosa.

Por lo general los elementos ASPX al dibujarse en HTML terminan con el ID cambiado

<asp:Button ID="re" runat="server" autopostback="True" OnClick="re_Click"  OnClientClick="return comprueba();" style="height: 32px" Text="Registrate" />

por lo que una llamada por ejemplo para instanciar ese boton via id, colocandolo tal cual se nombro no funcionaria:

$("#re")

pero en cambio podes usar una pseudo expresion regular para matchearlo para que funcione.

$("[id$='re']")

dicho esto dado un textbox digamos el siguiente, si es un componente html cualquiera de las dos formas funcionara si es un componente asp usa la segunda para referenciar, y para cambiar el color de fondo seria:

 $("#elementId").css('background-color', "#f00000")

en fin un ejemplo usando jquery:

function cambiarColor(elementId) {
  $('#' + elementId).css('background-color', '#F00');
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="textbox">
<button type="button" onclick="cambiarColor('textbox')">cambiar color</button>

-1

debes acceder al id de tu div

function changeColor() {
  document.getElementById("un_textbox").style.backgroundColor = 'RED';
}

changeColor();
<div id="un_textbox">hola mundo</div>

1
  • Pero cambia es el color de div, no del Textbox :c
    – Necroyeti
    el 27 jul. 2017 a las 14:43

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.