[JavaScript] Tastiera "virtuale"

15-06-2010, 19.24.36

Prima, visto che non avevo niente da fare mi sono messo a creare uno script, una tastiera virtuale, funzionare funziona, ma mi sorge un dubbio, come potrei fare per creare un tasto Caps Lock (nel mio caso al contrario), per farvi capire meglio vi posto il codice:

Codice HTML:

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="AlterVista - Editor HTML">
<TITLE></TITLE>
<script type="text/javascript">
function tastiera(car,id){
var element = document.getElementById(id);
element.innerHTML += car;
}
</script>
</HEAD>
<BODY>
<div id="layer"></div><br><br><br>
<button onclick="tastiera('Q','layer');">Q</button>
<button onclick="tastiera('W','layer');">W</button>
<button onclick="tastiera('E','layer');">E</button>
<button onclick="tastiera('R','layer');">R</button>
<button onclick="tastiera('T','layer');">T</button>
<button onclick="tastiera('Y','layer');">Y</button>
<button onclick="tastiera('U','layer');">U</button>
<button onclick="tastiera('I','layer');">I</button>
<button onclick="tastiera('O','layer');">O</button>
<button onclick="tastiera('P','layer');">P</button>
<br/>&nbsp;&nbsp;
<button onclick="tastiera('A','layer');">A</button>
<button onclick="tastiera('S','layer');">S</button>
<button onclick="tastiera('D','layer');">D</button>
<button onclick="tastiera('F','layer');">F</button>
<button onclick="tastiera('G','layer');">G</button>
<button onclick="tastiera('H','layer');">H</button>
<button onclick="tastiera('J','layer');">J</button>
<button onclick="tastiera('K','layer');">K</button>
<button onclick="tastiera('L','layer');">L</button>
<br/>&nbsp;&nbsp;&nbsp;&nbsp;
<button onclick="tastiera('Z','layer');">Z</button>
<button onclick="tastiera('X','layer');">X</button>
<button onclick="tastiera('C','layer');">C</button>
<button onclick="tastiera('V','layer');">V</button>
<button onclick="tastiera('B','layer');">B</button>
<button onclick="tastiera('N','layer');">N</button>
<button onclick="tastiera('M','layer');">M</button><br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<button onclick="tastiera('&nbsp;','layer');">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</button>

</BODY>
</HTML>

(scusate il disordine e i troppo  )
io vorrei che in questa tastiera ci fosse un bottene che quando viene premuto mi trasforma tutti gli altri in minuscolo (comprese le lettere che sono messe come valore della funzione) in modo da creare appunto un caps lock al contrario, come si potrebbe fare?

**javascripter** · 15-06-2010, 19.57.03

Se vuoi fare una cosa molto semplice: usa una variabile globale:

Codice:

// script in head
var caps = false;

function tastiera(car,id){
var element = document.getElementById(id);
element.innerHTML += caps ? car.toLowerCase() : car;
}

E in html:

Codice HTML:

<button onclick="caps = caps ? false : true">Caps</button>

15-06-2010, 21.59.31

grazie, ora va

tra l'altro l'idea mi è venuta guardando lo script della macchina da scrivere del tuo sito

Discussione: [JavaScript] Tastiera "virtuale"

LinkBack

Strumenti discussione

Display

[JavaScript] Tastiera "virtuale"

Regole di scrittura