Foros del Web » Creando para Internet » HTML »

Formulario de Login Cambiar Botones por Imagenes

Estas en el tema de Formulario de Login Cambiar Botones por Imagenes en el foro de HTML en Foros del Web. Hola. Antes que nada es mi primer post, trataré de ser lo más claro posible para aquellos que quieran ayudarme. Estoy teniendo problemas al utilizar ...
  #1 (permalink)  
Antiguo 03/03/2009, 08:44
 
Fecha de Ingreso: marzo-2009
Mensajes: 6
Antigüedad: 8 años, 9 meses
Puntos: 0
Exclamación Formulario de Login Cambiar Botones por Imagenes

Hola. Antes que nada es mi primer post, trataré de ser lo más claro posible para aquellos que quieran ayudarme.

Estoy teniendo problemas al utilizar una imagen como boton en un formulario javascript de Login, el cual consta de Nombre de usuario, Contraseña, Boton de Login y Boton de Cancelar.

He diseñado ambas imagenes para sustituirlas por los botones.

El code actual es:

<input type="button" value="ok" onclick="autenticate();" />
<input type="button" value="cancel" onclick="hideLogin();" />


Cosas que he probado y no solucionaron mi problema:

<input type=”image” src=”img/but_ok.png” onclick="autenticate();" />

<input type=”image” src=”img/but_cancel.png”onclick="hideLogin();" />


Espero puedan ayudarme, muchisimas gracias!
Lucas
  #2 (permalink)  
Antiguo 03/03/2009, 09:23
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: Formulario de Login Cambiar Botones por Imagenes

Es que el input type image envía el formulario, así que si el propósito de los botones anteriores no era enviar el formulario lo que deberías usar es un tag img.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 03/03/2009, 09:54
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 10 años, 9 meses
Puntos: 67
Respuesta: Formulario de Login Cambiar Botones por Imagenes

Claro, simplemente usa imagenes de este modo:

<img src=”img/but_ok.png” onclick="autenticate();" />

<img src=”img/but_cancel.png”onclick="hideLogin();" />

Nada más.
  #4 (permalink)  
Antiguo 03/03/2009, 14:31
 
Fecha de Ingreso: marzo-2009
Mensajes: 6
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: Formulario de Login Cambiar Botones por Imagenes

Gracias por su ayuda, pero todavia no he podido solucionar el problema.
Seré más explícito.

El pedazo del code entero del popup de login es el siguiente:

<div id="popupLogin" class="Popup Din" style="display:none">
<div style="margin-top:15px; margin-left:10px; margin-right:15px;" class="loginpopup">
<p>
Usuario&nbsp;&nbsp;<input id="userName" type="text"/>
<br />
Contraseña&nbsp; <input id="password" type="password"/>
</p>
<span id="lblErrorMessage"></span>
<br />
<p align="right">
<input type="button" value="ok" onclick="autenticate();" />
<input type="button" value="cancel" onclick="hideLogin();" />
</p>
</div>

Al modificar lo sugerido por Eljavista los botones desaparecen.
(Adjuntaria un screen pero como soy usuario nuevo no se me permite todavia)
GRACIAS
  #5 (permalink)  
Antiguo 04/03/2009, 13:06
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 10 años, 9 meses
Puntos: 67
Respuesta: Formulario de Login Cambiar Botones por Imagenes

No tiene porque desaparecer a menos que una hoja de estilos lo haga, revisa tu hoja de estilos, a lo mejor hay algún estilos como esto:

#popupLogin img {
display: none;
}

O talvez otra cosa, de todas maneras si no se muestra un elemento HTML seguro será un estilo que lo está ocultando.
  #6 (permalink)  
Antiguo 04/03/2009, 13:20
 
Fecha de Ingreso: marzo-2009
Mensajes: 6
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: Formulario de Login Cambiar Botones por Imagenes

Gracias ahora probaré.
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




La zona horaria es GMT -6. Ahora son las 23:49.