Crear El KeyPrees...

edlopezmax · #1 (**permalink**) 31/10/2009, 07:32

Buenos Dias...

Primero quiero agradecer a este foro... Que para mi es el mejor que existe y esta lleno de personas muy colaboradoras que forman una comunidad de amigos virtuales... Que Ayudan a las personas sin esperar nada a cambio... No conozco al creador del foro... Pero le estoy muy agradecido...ED

Mi duda es esta:

Tengo un Inicio de seccion(Usuario, Contraseña y BtnOk), el BtnOk tiene una Imagen(son unas Llaves)...

Cuando la contraseña es incorrecta... Muestro en un label... "La contraseña es incorrecta" y la imagen del btnOk se cambia por un CANDADO... Lo que quiero es validar por medio del keypress de la caja de Contraseña... Que cuando comiense a escribir de nuevo... La imagen(candado) del BtnOk vuelva a ser las llaves que tenia al inicio....

Para eso debo validar en Javascript... Por que estoy trabajando con Asp.cs... (Web)....

Alguien Podria Ayudarme??????....

Gracias.... A todos Los Forolicos...

dggluz · #2 (**permalink**) 31/10/2009, 09:56

Código HTML:

<input type="password" name="contrasena" onkeydown="ponerLlaves();" />

Código javascript:

Ver originalfunction ponerLlaves()
{
   document.getElementById('elIdDeTuSubmit').style.background='url(llaves.png)';
}

No lo he probado, pero se me ocurre que sería algo así. También podrías poner onkeypress u onkeyup. ¡Suerte!

edlopezmax · #3 (**permalink**) 04/11/2009, 08:26

Estuve Probando el codigo... Pero no me funciona...

Podrias Darme Otra solucion... Te lo agradeceria...

Graxias....

dggluz · #4 (**permalink**) 04/11/2009, 08:42

Yo lo probé recién y me funcionó, postea tu código para ver qué está fallando. Por si quieres probar, éste es el código que usé:

Código HTML:

<html>
	<head>
    	<script type="text/javascript">
			function ponerLlaves()
			{
			   document.getElementById('submit').style.background='url(images/demo-1.gif)';
			}
		</script>
    </head>
    <body>
    	<input type="password" name="contrasena" onkeydown="ponerLlaves();" />
        <br />
        <input type="submit" id="submit" style="background-image:url(images/demo-2.gif)" />
    </body>
</html>

Obviamente tienen que existir las imágenes y en esa ruta. ¡Suerte!

edlopezmax · #5 (**permalink**) 04/11/2009, 10:17

Si... Tu codigo sirve pero: mira mi codigo ahora... Y me entenderas...

ESTE BOTON TIENE LA IMAGEN POR DEFECTO DE LLAVES
CUANDO ES INCORRECTA LA CONTRASEÑA CAMBIA A SER UN CANDADO...

QUIERO QUE CUANDO SE INTRODUZCAN LETRAS CAMBIE LA IMAGEN... POR LAS LLAVES NUEVAMENTE...

<asp:ImageButton ID="BtnIngresar" runat="server" ImageUrl="~/imagen/Key.png"
onclick="ImageButton3_Click" />

EL PROBLEMA ES QUE LO QUE HACE... ESTA PARTE DE TU CODIGO ES ENVIARLE LA FUNCION A UN INPUT... AL QUE ESTA EN VERDE... CIERTO

<html>
<head>
<script type="text/javascript">
function ponerLlaves()
{
document.getElementById('submit').style.background='url(images/demo-1.gif)';
}
</script>

YO NECESITO QUE SE HAGA LO MISMO PERO NO CON ESTE CONTROL SINO CON MI IMAGEBUTTON...

<input type="submit" id="submit" style="background-image:url(images/demo-2.gif)" />

eNTIENDES... Gracias por todo... Podrias ayudarme... Hay que modificar el javascript.... Creo

edlopezmax · #6 (**permalink**) 04/11/2009, 10:43

Vale... Ahora si me da... El resultado... Que te pido... Pero sucede que tengo una validacion... En asp.cs... Que dice que la imagen cambie... Del Image button cambie si La caja de texto esta vacia...

Bueno entonces el codigo javascrip lo que hace es colocarla detras del candado y no la reemplaza....

Este es el nuevo codigo

function ponerLlaves()
{
document.getElementById('BtnIngresar').style.backg round='url(imagen/Key.png)';
}

Este es codigo del image button:

<asp:ImageButton ID="BtnIngresar" runat="server" ImageUrl="~/imagen/Key.png"
onclick="ImageButton3_Click" />

Y este el de la caja de texto...

<asp:TextBox ID="txtContraseña" runat="server" onkeypress="ponerLlaves();"
TextMode="Password" ontextchanged="txtContraseña_TextChanged" ></asp:TextBox>

... Hay que buscar la manera de reemplazar el candado... Por la imagen de la validacion en Javascript...

Te voy a pasar este otro codigo del Asp.cs

if (txtContraseña.Text != "")
{

}
else
{
LBLMSJ.Text = "La contraseña es incorrecta";
BtnIngresar.ImageUrl = "~/imagen/Cadenas.png";
LBLMSJ.Visible = true;
}
}
else
{
BtnIngresar.ImageUrl = "~/imagen/Cadenas.png";
LBLMSJ.Visible = true;
LBLMSJ.Text = "Debes Ingresar La Contraseña";

}

Entiendes... Lo que te digo?????.... Oye gracias por ser tan paciente...

La paciencia es una virtud

dggluz · #7 (**permalink**) 04/11/2009, 10:54

La verdad no termino de entenderte, no conozco esa sintaxis (no programo ASP). Pero te recomiendo que trabajes todos los elementos HTML como elementos HTML justamente (si quieres puedes imprimir valores traídos desde el servidor vía ASP, PHP, JSP, etc. pero no te recomiendo esas sintaxis extrañas). A lo mejor así se facilita un poco todo. ¡Suerte!

edlopezmax · #8 (**permalink**) 04/11/2009, 13:39

Ok's Pero sin embargo te estoy muy agradecido... Por que me haz ayudado mucho... Si necesitas ayuda en otros lenguejes Como C# o VB... Cuenta con migo... Cuidate mucho... Amigo...