Foros del Web » Programando para Internet » Javascript »

Imagen en vez de boton

Estas en el tema de Imagen en vez de boton en el foro de Javascript en Foros del Web. tengo un problema, necesito poner una imagen para el metodo post, he puesto una imagen al boton, pero me gustaria usar una imagen directamente para ...
  #1 (permalink)  
Antiguo 01/04/2011, 21:35
Avatar de reaperdj  
Fecha de Ingreso: abril-2011
Mensajes: 9
Antigüedad: 13 años
Puntos: 0
Imagen en vez de boton

tengo un problema, necesito poner una imagen para el metodo post, he puesto una imagen al boton, pero me gustaria usar una imagen directamente para sustituir el boton, porfavor diganme si se puede esto, si no gracias por leer
  #2 (permalink)  
Antiguo 01/04/2011, 21:45
Avatar de carlos_belisario
Colaborador
 
Fecha de Ingreso: abril-2010
Ubicación: Venezuela Maracay Aragua
Mensajes: 3.156
Antigüedad: 14 años
Puntos: 461
Respuesta: Imagen en vez de boton

Bueno hasta donde tengo entendido tendrias que colocarle un evento onclick a la imagen y decirle que envie el formulario o hacerlo como un vinculo eje
Código HTML:
Ver original
  1. <a href="javascript: document.tuFromulario.submit();><img src="ruta"/></a>"
ve si asi te sirve
__________________
aprende d tus errores e incrementa tu conocimientos
it's not a bug, it's an undocumented feature By @David
php the right way
  #3 (permalink)  
Antiguo 02/04/2011, 13:49
Avatar de reaperdj  
Fecha de Ingreso: abril-2011
Mensajes: 9
Antigüedad: 13 años
Puntos: 0
Respuesta: Imagen en vez de boton

gracias por responder, creo que esto me servira bastante
  #4 (permalink)  
Antiguo 02/04/2011, 13:56
Avatar de anacona16  
Fecha de Ingreso: marzo-2010
Ubicación: Bogota DC
Mensajes: 610
Antigüedad: 14 años, 1 mes
Puntos: 52
Respuesta: Imagen en vez de boton

Tambien se puede asi:

Código HTML:
Ver original
  1. <input type="image" name="imageField" id="imageField" src="img/back.png" />
  #5 (permalink)  
Antiguo 02/04/2011, 14:32
Avatar de almagropaco_  
Fecha de Ingreso: marzo-2008
Ubicación: Mar del Plata
Mensajes: 854
Antigüedad: 16 años, 1 mes
Puntos: 25
Respuesta: Imagen en vez de boton

Esto no corresponde en nada a PHP jaja, pero vamos a ayudarte.
Yo le daria estilo al input.
Código HTML:
Ver original
  1. <input type='submit' style='border:0px;background-image:url(imagen.jpg);width:100px;height:100px;' value='si quieres pon contenido dentro del input'>
  #6 (permalink)  
Antiguo 02/04/2011, 17:56
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 17 años, 11 meses
Puntos: 2135
Tema movido desde PHP a Javascript
  #7 (permalink)  
Antiguo 02/04/2011, 18:30
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 10 meses
Puntos: 310
Respuesta: Imagen en vez de boton

Cita:
Iniciado por anacona16 Ver Mensaje
Tambien se puede asi:

Código HTML:
Ver original
  1. <input type="image" name="imageField" id="imageField" src="img/back.png" />
Efectivamente, la solución más fácil es usar un input image.
Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #8 (permalink)  
Antiguo 03/04/2011, 00:12
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Imagen en vez de boton

Hola:

Aún mejor que un input type="image", y enviar innecesariamente las coordenadas donde se pincha (eso es exactamente lo que hace el control), es un control button, con la imagen dentro, como parece ser el caso original, pero quitarle el aspecto de botón con estilos (background-color: transparent; border: 0;)... No debes olvidar declarar el tipo, ya que las viejas versiones de explorer los consideraban "button", aunque la especificación w3.org indica que son tipo submit.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Etiquetas: php
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 14:15.