Botones input button

[miguel0n]

Hola que hay, tengo un problemilla las etiquetas input, necesito realizar una calculadora en javascript y para ello los numeros y operaciones son imagenes con lo que hago <input type="image" onclick="marcar(1)" y esto deberia marcarse en otra etiqueta <input type="text".

El problema es el siguiente cuando hago click en el numero 1 por ejemplo se me carga la pagina y en las cajas de texto se refleja el valor por defecto 0. Esto sin embargo si en vez de hacerlo con imagenes lo hago con botones (input type="button" onclick..) no pasa.
¿Hay alguna manera de usar type="image" para que cuando haga el click no me cargue la pagina, es decir q funcione igual que un type="button"?

Gracias. Saludos

[quimfv]

Con la misma funcion en el onClick de la imagen y el boton?!!??

Una alternativa seria poner la imagen en el boton mira como en la definicion del estilo CSS.

Código:

a.button, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(buttonBackground.gif);
background-repeat: no-repeat;
width: 132px;
height: 28px;
margin: 5px auto;
padding: 5px 0 0 0;
text-align: center;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}

Quim

[miguel0n]

hola he probado lo q me has dicho gracias

<input type="button" name="1" style="background-image:url(img/1.gif); height:38px; width:38px;" onclick="marcarNumero(1)">

pero a mi no se me carga la imagen dentro del boton al menos en IE, en firefox si que va bien un poco cutre el aspecto final comparado con la imagen sola xD, otra manera que he encontrado es en vez de onclick usar mouseover q no carga la pagina de nuevo, pero no me sirve para la calculadora.

Como usar input type="image" onclick y que no cargue la pagina haciendo click en la imagen?? tiene que haber otra manera no??

[quimfv]

Creo que si puedes llegar a mostrar la imagen en el boton tanto en IE como en firefox. Antes no he encontrado este link CSS Button Designer seguro que te sirve.

Lo que no veo nada claro es que el onclick en un input type imagen te obligue a recargar la pagina, que funcion usas? ...

Hazlo asi:

<img src="imagen1.jpg" ... onclick="marcar('1')">
<img src="imagen2.jpg" ... onclick="marcar('2')">
...

sin input!!!!

Quim

[miguel0n]

Ahora estupendo, gracias a tu ultimo aporte funciona bien en ambos navegadores y es lo que estaba buscando, que wapa mi calc-iphone jeje.

Muchas Gracias