"Esconder" el value de un boton

[lizfranco]

Hola todos.
Estoy creando un boton usando css. Le puse de Background mi imagen pero mi pregunta es, hay alguna manera de que pueda "esconder" el value?. Ya tengo los botones con el texto impreso.
El boton es como el segundo en la imagen y aplicandole las css me queda de esta manera:

Código HTML:

<style>
boton {
background-image:url(images/btn_details.gif); 
border:0 none; 
padding-bottom:3px; 
background-repeat:no-repeat; }
</style> 

Agradezco sus comentarios.

[devtorres]

se me ocurre lo siguiente:
css

#boton {
padding-top:30px;
background: url(sol.jpg);
height: 25px;
}

boton

<input type="submit" name="Submit" value="Enviar" id="boton">

pruébalo.

[Bio]

Puedes dejar el value en blanco, o si quieres que el usuario lo pueda ver si no usa estilos quiza funcione añadir

text-indent: -9999px;

No lo he probado pero muy probablemente sea la solución.

[tunait]

¿Has probado a darle espacios en blanco al value de tu botón?

¿no te sirve usar un type="image"??

[JavierB]

Hola a todos.

Otra cosa que puedes probar es poner el value en blanco:

Código:

<input type="button" value="" />

y darle el ancho que necesites con Css (width:60px)

Saludos,

[Rafael]

O en vez de blanco poner un &nbsp;

Por favor, lo del text-indent: -9999px; No lo ocupen.

[lizfranco]

Hola todos,
Gracias por sus sugerencias.
No, el value no podia quitarlo porque lo uso como variables para validaciones PHP.
Type "image" no me servia por lo mismo, porque tengo que llevar una variable y un type image (aunque funciona igual que un submit) me envia dos variables x_sub y y_sub.

Lo solucione con algo sencillo,

font-size:0px;

No es la solucion "mas elegante" pero al menos me esconde el value que me imprime. Y asi puedo trabajar con el boton que me envia variables POST tal como lo necesito.

Gracias!!
Liz

[furoya]

Hola todos :

lizfranco : me parece que el tamaño "0" no funciona en todos lo navegadores y/o doctypes.

Tal vez puedas leer el valor de un name (si es que no lo cambias) o de un id ; o usar

Código:

<button> <span> </span></button>

y meter la imagen en el span por encima del valor.

saludos

furoya

[furoya]

...¿no te sirve usar un type="image"??...

Eesteee... ¡Qué buena pregunta tunait !

Terminé de hacer una muestra de botón con el lamentable ejemplo que insinué arriba; y después me puse a pensar que si el radio y el checkbox aceptaban value sin mostrarlo, el image debería hacer lo mismo.

Y claro, lo hace.

No termino de entender lo de

...me envia dos variables x_sub y y_sub...

lizfranco, pero un value es un value , se supone que envía lo que le pongas. Y si es más de un dato, se puede separar en el servidor. Supongo.

Lo que no tiene el input type="image" es un borde como el button . Aprovecho para dejar un ejemplo.

Código:

<style>
.bordeup{border-width: 4px; border-style: outset; }
.bordedown{border-width: 5px 3px 3px 5px; border-style: inset; }
</style>

<input type="image" value="mi_valor" 

src="http://img283.imageshack.us/img283/7964/buttons1ar.gif" class="bordeup" 

onclick="this.className='bordedown'; alert(this.value); this.className='bordeup'; return false;" />

saludos

[tunait]

Iniciado por furoya

Eesteee... ¡Qué buena pregunta tunait !

...la verdad es que a veces las mejores soluciones son las más simples

[DvD AdN]

No termino de entender lo de

Cita:
...me envia dos variables x_sub y y_sub...

Al usar un input type="image", se envian al servidor estan dos variables que contienen la posición en donde el usuario clickó en la imágen para que posteriormente tu las puedas usar para... esteeee no me acuerdo para que sirve eso (tal vez si pones "clika en X cosa de la imagen" y después checas si se clikó ahí, para evitar el spam de los bots, spider'r , y otras cosas raras) Aunque no necesariamente las tienes que usar, si no las necesitas simplemente no accedas a ellas y ya.

Lo de la comprobación PHP la puedes hacer simplemente así :

Código PHP:

  if (isset($_POST['submit'])) {
..... 
   

suponiendo que el boton submit es
<input type="submit" name="submit" value="" /> y se envian los datos por POST

[furoya]

Gracias DvD AdN.

Nunca me había fijado que en la barra de direcciones me ponía las coordenadas. Como no trabajé con envío de formularios, si alguna vez lo leí, lo olvidé.

Muestra las coordenadas desde el origen del botón, para convertirlo en mapa. Es seguro que en el servidor se pueden ignorar y usar solamente el name, pero el value se debería enviar con javascript. Quizá éso es lo que complica a lizfranco.

No encontré la forma de leer esas coordenadas en forma local; es decir, que al hacer click aparezcan (p.e.) en un alerta los 2 valores.

¿ Tienes idea de si es posible ?



¿ Y se podrán filtrar desde la página los x_sub e y_sub para que no lleguen junto con la cadena de datos ?