teclado com imagens

[fmda 0]

Olá,

 

eu estou programando pra usar o campo textfields como se fosse iphone, ao clicar em cada imagem ele escrever no campo textifiles que eu estiver ativo, alguem sabe me explicar como fazer pra quando eu clicar na letra "A" (que é uma imagem) escrever a letra a no campo textfieles, seria tipo um teclado virtual

[ESerra 744]

Se quiser fazer com JS:

http://www.greywyvern.com/code/javascript/keyboard

[fmda 0]

seria isso mesmo, so nao intendei como por o icone do teclado, no .js está

 

'01': "Display virtual keyboard interface",

 

como que ue ponho pra usar imagem ??

 

 

Outro detalhe:

este até daria certo, porem queria algo mais simples mesmo, tipo, eu ponho uma imagem numa tabela, quando clico na imagem "A" ele poe o "A" num no textfild, tem como fazer isso?

[Evandro Oliveira 331]

<table border="1" cellpadding="2" cellspacing="1" summary="Virtual keyboard" id="keyboard">
   <caption>Virtual keyboard</caption>
   <tbody>
       <tr>
           <td><img src="teclas/a.jpg" alt="a"></td>
       </tr>
   </tbody>
</table>

<input type="text" id="output">

 

window.onload = function(){
    var teclas = document.getElementById('keyboard').getElementsByTagName('img');
    for(var i = 0, ln = teclas.length; i < ln; i++) new Tecla(teclas.item(i));
}

function Tecla(elemento){
    elemento.onclick = function(){
        document.getElementById('output').value += elemento.alt;
    }
}

[fmda 0]

evandro este que você passou nao intendi, sera pra add a imagem no teclado virtual? se for esta parte do window.onload fica onde ?

[Matias Rezende 50]

Bom, uma coisa é certa. Não é com PHP. Vou mover seu tópico para o fórum de JS.

 

Tópico movido

PHP http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript

[Evandro Oliveira 331]

window.onload pode ficar tanto incorporado à página quanto num arquivo à parte

 

<script type="text/javascript" src="scripts.js"></script>

 

aí o conteúdo vai no arquivo scripts.js

 

ou então

 

<script type="text/javascript">window.onload = function(){ ... }</script>