Como hacer que aparezca un boton de enviar en el teclado del iphone?

[Pimager]

Hola a todos, no estoy seguro si es aquí donde debo poner este post, pero no he encontrado uno más específico.
Estoy haciendo una web para iphone en la que tengo un textbox, un textarea y un botón, en cuanto escribo algo en el textbox y pulso en el botón, se visualiza el texto en el textarea. El problema está en que cuando el iphone abre el teclado no aparece ningún botón de "enviar", sino uno que pone "ok" que cuando lo pulsas te esconde el teclado y entonces tengo que pulsar sobre mi botón de "enviar". Hay alguna forma de hacer que aparezca el botón de enviar en el teclado y que mande el mensaje?

Les dejo mi código por si les sirve de ayuda:

Código HTML:

<textarea id="txtChatArea" style="width:99%;resize:none;" readonly="readonly"></textarea>
<table id="tableMessages" width="100%" style="margin-top:-4px";>
	<tr>
		<td style="width:80%;">
			<input type="text" id="messageTxt" style="width:100%"  />
		</td>
		<td style="width:10%;">
			<input type="button" id="sendButton" onclick="javascript:OnBtnSendClick();" value="Enviar" />
		</td>
	</tr>
</table> 

Muchas gracias

[pzin]

Si algo así no funciona, es seguro por la semántica.

Se supone que el botón de enviar —type=submit— tiene que estar dentro del mismo formulario —form. El botón que tienes no es de ese tipo.

[Pimager]

Hola Bonez, el código funciona perfectamente, lo que pasa es que yo quiero que cuando se me abre el teclado en el iphone, me aparezca un botón en el mismo teclado que haga la misma función que el botón "enviar" que tengo en el HTML.
Es esto posible? A nivel de usabilidad me ayudaría mucho.

Muchas gracias

[pzin]

No te digo que no funcione. Eso de que "aparezca el botón en el mismo teclado" no ocurre por arte de magia. Ocurre porque existe un elemento input de tipo submit en el formulario. En tu caso, ese elemento no existe, ya que tu botón de enviar, es de tipo button.

[Pimager]

Hola Bonez, no acabo de pillarlo, entiendo que tiene que ser de tipo submit, pero poniéndolo tal como dices, cuando abre el teclado el iphone, aunque el botón sea de tipo submit no me aparece el botón de enviar en el teclado.
Puedes poner el código de cómo debería ser? Estoy un poco perdido en este aspecto.

Muchas gracias

[pzin]

¿Están los elementos del formulario puestos en un formulario? Con

Código HTML:

<form></form>
 

[Pimager]

Hola Bonez, lo estoy haciendo en C#, y como tal, debe tener un tag <form< que engloba toda la página.

[pzin]

Lo único que requiere es lo que te dije. Un formulario con un botón de tipo submit.

En realidad, hay otras formas de hacerlo:

• Un formulario de un sólo elemento sin botón, sale automáticamente el botón de go (en vez de done)
• Un formulario de varios elementos con un input de tipo submit.
• Otro tipo de inputs como pueden ser search hace que aparezca search en el botón y envíe el formulario.

Es decir, tal como dices, lo tienes todo correcto. Yo por si acaso, hice unas pruebas en el simulador de iPhone, y curiosamente no funciona en el simulador. Pero probando en un iPhone sí que funciona. Curioso.

[Pimager]

Hola Bonez, creo que no nos hemos entendido, cuando pulso en el botón, no quiero moverme de la página, lo que quiero es cambiar poner el texto que hay en el textbox para ponerlo en el textarea, como si de un chat se tratase, por tanto, lo que necesito es tener un botón de enviar en el teclado del iphone que llame a una función de javascript que tengo en la página, es esto posible?

Muchas gracias

[pzin]

Ahmm... Eso es otra cosa si.

Pues si no quieres moverte de la página tienes que usar AJAX para que se envíe el formulario. Lo de que funcione con el botón del teclado del iPhone no es mayor problema, ya que ese botón es como hacer click en el botón de enviar.

[Pimager]

Mmmm... entonces con AJAX, pero no se puede hacer sin recargar la página?
Sería genial poderlo hacer mediante Javascript, como si estuviéramos en el navegador de un PC.

[pzin]

Si AJAX es básicamente javascript. La idea es que se haga una petición asincrónica al servidor con los datos que se envíen del formulario sin necesidad de recargar la página.

iPhone y demás smartphones soportan todos javascript. Así que en la prácticamente es como si estuvieras delante de un sobremesa.

[Pimager]

Muchas gracias!!!!