Texto de botón en más de 1 linea

Thanan · #1 (**permalink**) 17/05/2002, 03:44

El problemilla es que he hecho un botón que tiene un 'value' bastante largo y me gustaría dividirlo en dos o tres lineas.¿Cómo puedo hacerlo?
Supongo que es una cuestión bastante sencilla de hacer, pero yo no he sido capaz de descubrir la solución :( .
Gracias

carcellan · #2 (**permalink**) 17/05/2002, 06:26

La solución está en hacerlo con javascript, en el cual \n (con una sola barra, aunque veo que te van a aparecer dos) significa salto de línea.

Sería algo como lo siguiente:

Código:

&lt;SCRIPT LANGUAGE=&quot;JavaScript&quot;&gt;
document.write(&quot;&lt;input type=button value='El texto de este botón\nocupa dos líneas'&gt;&quot;);
&lt;/SCRIPT&gt;

Repito, aunque veas dos barras, es solo una. Y lo mismo para las comillas simples: aparecen dos, pero es una sola.

Saludos

Thanan · #3 (**permalink**) 17/05/2002, 08:08

Hola carcellan: Muchas gracias por haberme solucionado la duda que tenía ...y de manera tan rápida!! :) . Por fin he conseguido hacer lo que quería pero, por simple curiosidad: ¿Sabes si hay algún otro sistema sin tener que utilizar el "document.write()"?.Es decir, ¿puedo poner algun tipo de código o carácter en el 'value' que le indique un salto de linea?

Myakire · #4 (**permalink**) 17/05/2002, 10:17

La idea fundamental de la solucion del amigo carcellan es que para hacer lo que ocupas, es necesario que se ejecute una rutina javascript que interprete el \n.
Si necesitas utilizar los botones como elementos del formulario y no te sirve el document.write, puedes definirlos en tu formulario sin un value pero con un nombre:
<input type=Button Name="BtnPrueba" Value="">

y en el evento onLoad del body mandar a llamra a una funcion que ponga los values que ocupas o uno solo como el ejemplo:
<body ... onLoad="document.forms[0].BtnPrueba.value='Esto son \n dos lineas'"

Saludos

unKnown · #5 (**permalink**) 18/05/2002, 00:19

intenta con

<button>Este es un boton con un "value"<br>Que no es value por que no hay jejeje</button>

Thanan · #6 (**permalink**) 20/05/2002, 07:44

Otra muy buena solución!!. Gracias. La verdad es que se aprende un montonazo con vuestra ayuda.
Y aprovechando la ocasión ;) ... es podible centrar el texto en el botón con algún tag (>center><align>...etc.) o hay que hacerlo a ojímetro.

Myakire · #7 (**permalink**) 20/05/2002, 09:19

Amigo, ya te iras acostumbrando a algunas tomadas de pelo que varios foristas acostumbran hacer para mantener la camaradería y el buen humor.

Por cirto, hechale un ojo a las CSS.

Saludos

unKnown · #8 (**permalink**) 22/05/2002, 00:05

con la tag del boton se puede poner lo que quieras

<button><div align="left"><strong><font face="courier new" color="#ff0000" size="2">Este es un boton con un "value"<br>Que no es value por que no hay jejeje</font></strong></div></button>