Imaginemos que tenemos una barra de formulario normal y corriente, y abajo hay letras.
Quiero que al hacer clic a esas letras, aparezca en el formulario.
¿Como podria hacerlo?

Gracias por adelantado
| |||
Una duda bastante dificil... :( Muy buenas, tengo una duda y no paro de comerme la cabeza por esto, así que he decidido venir aqui y preguntarlo que seguro que sabeis de k va la cosa. Imaginemos que tenemos una barra de formulario normal y corriente, y abajo hay letras. Quiero que al hacer clic a esas letras, aparezca en el formulario. ¿Como podria hacerlo? ![]() Gracias por adelantado
__________________ GameCube POWAH ! |
| ||||
Con Javascript. Un posible código sería este:
Código:
Obviamente, puedes arreglarlo más usando gráficos, estilos, o lo que juzgues oportuno.<form name="formulario"> <input type="text" name="barra"> <a href="Javascript:document.formulario.barra.value+='A';">A</a> <a href="Javascript:document.formulario.barra.value+='B';">B</a> <a href="Javascript:document.formulario.barra.value+='C';">C</a> ... <a href="Javascript:document.formulario.barra.value+='Z';">Z</a> </form> NOTA: Donode pone java script debería poner Javascript, no sé por qué el foro lo separa sólo.
__________________ M a l d i t o F r i k i |
| ||||
Si así no funciona, prueba con una función: <script language="Javascript"> function deletra(letra){ document.formulario.campo.value += letra; } </script> .... <form name="formulario" method=post action="pagina.htm"> <input type="text" name="campo"> </form> <a href="Javascript:deletra('a');">A</a><br> <a href="Javascript:deletra('b');">B</a><br> <a href="Javascript:deletra('c');">C</a><br> ...
__________________ M a l d i t o F r i k i |
| ||||
He hecho este código para contestar a tu pregunta. Sólo va a funcionar con IE (aunqeu se podría adaptar a NS). La verdad es que, aunque esté mal que lo diga, me encanta cómo ha quedado. Igual no es lo que buscas, dímelo y lo adaptamos! Código PHP:
__________________ Cómo escribir No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia. |
| |||
mm... lo k has exo es para k la gente no pueda escribir en un cuadro de texto. mas o menos lo que quiero es lo del segundo post (pero que funcione) aunk es buena idea
__________________ GameCube POWAH ! |
| ||||
Por dar gusto y seguir jugando con este código he implantado la posibilidad de qe esté disabled o que no lo esté:
Código:
<html> <head> <script> texto=""; var z=0; function anadir(letra){ texto=barra.value; texto=texto+letra; barra.value=texto; } function habilitar(){ z=z+1 if(z==1){barra.disabled=true;z=-1} else{barra.disabled=false} } </script> </head> <body style="font:normal 10px/10px verdana"> <input type="Text" name="barra" style="width:300px;border:solid 1px black" ><br> <input type="checkbox" name="habilitado" onchange="habilitar()" value="" >Protegido contra escritura directa? <br> <br> <br> <br> <br><div id="botones" style="font:normal 8px/4px verdana"></div> <script> var letras=""; var p=0; for (a=65;a<91;a++){ letras=letras+"<input style='width:20px;heiht:20px;' type='Button' value=&#"+a+" onclick=anadir('&#"+a+"')> "; p=p+1; if(p==9){p=0;letras=letras+"<br><br>";} } botones.innerHTML=letras+"<input style='width:20px;heiht:20px;' type='Button' value=© onClick=alert('KarlanKas-2002')><br><br><input style='width:205px;height:22px;' type='Button' value='espacio' onclick=anadir(' ')>"; </script> </body> </html>
__________________ Cómo escribir No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia. |
| ||||
Revisa el código que puse, lo he probado y me funciona.
__________________ M a l d i t o F r i k i |
| ||||
Si fueras un poco más específico en cuanto a tus preferencias lo tendríamos todos un poco más fácil. Prueba a ver este, le he quitado lo de evitar escribir en el Text Box. A ver si así te gusta más: <html> <head> <script> texto=""; var z=0; function anadir(letra){ texto=barra.value; texto=texto+letra; barra.value=texto; } function mostrar(){ if (z==0){z=1;botones.style.visibility="visible";preg unta.innerText="Ocultar teclado";} else {z=0;botones.style.visibility="hidden";pregunta.in nerText="Mostrar teclado";} }</script> </head> <body style="font:normal 10px/15px verdana"> <center> <div style="width:300px"> <input type="Text" name="barra" style="width:300px;border:solid 1px black" ><br> <a id="pregunta" href='#' onClick="mostrar()">Mostrar teclado</a> <br> <br> <br> <br> <br><div align=center id="botones" style="font:normal 8px/4px verdana;visibility:hidden;"></div> <script> var letras=""; var p=0; for (a=65;a<91;a++){ letras=letras+"<input style='width:20px;heiht:20px;' type='Button' value=&#"+a+" onclick=anadir('&#"+a+"')> "; p=p+1; if(p==9){p=0;letras=letras+"<br><br>";} } botones.innerHTML=letras+"<input style='width:20px;heiht:20px;' type='Button' value=© onClick=alert('KarlanKas-2002')><br><br><input style='width:205px;height:22px;' type='Button' value='espacio' onclick=anadir(' ')>"; </script> </div> </center> </body> </html>
__________________ Cómo escribir No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia. |