>>blackscorpion
-- du er selvfølgelig ganske velkommen til at bruge den på din side, men den holder jo så kun som en sjov ting !-)
-- og så fik jeg en idé til at løse shift-tingen rimeligt nemt med:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta name="Generator" content="Stone's WebWriter 4">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
#tastatur td{padding:6px 10px;font-size:large;border:1px dotted green;width:1em;text-align:center;cursor:pointer;}
</style>
<script language="javascript" type="text/javascript">
var taster = new Array();
taster[0] = ['§\n½','!\n1','"\n2','#\n3','¤\n4','%\n5','&\n6','/\n7','(\n8',')\n9','=\n0','?\n+'];
taster[1] = ['Q\nq','W\nw','E\ne','R\nr','T\nt','Y\ny','U\nu','I\ni','O\no','P\np','Å\nå',''];
taster[2] = ['A\na','S\ns','D\nd','F\nf','G\ng','H\nh','J\nj','K\nk','L\nl','Æ\næ','Ø\nø','*\n\''];
taster[3] = ['>\n<','Z\nz','X\nx','C\nc','V\nv','B\nb','N\nn','M\nm',';\n,',':\n.','_\n-',''];//>
var shiftPressed = 2;
window.onload = function(){
var t = document.getElementById('tastatur'),newTr,newTd,newTxt;
var newTable = document.createElement('table');
t.appendChild(newTable);
var newTbody = document.createElement('tbody');
newTable.appendChild(newTbody);
for(i=0;taster.length>i;i++){
newTr = document.createElement('tr');
newTbody.appendChild(newTr);
for(j=0;taster[i].length>j;j++){
newTd = document.createElement('td');
newTr.appendChild(newTd);
newTxt = document.createTextNode(taster[i][j]);
newTd.appendChild(newTxt);
newTd.onclick = function(){addText(this,event);};
}
}
newTr = document.createElement('tr');
newTbody.appendChild(newTr);
newTd = document.createElement('td');
newTr.appendChild(newTd);
newTxt = document.createTextNode(" ");
newTd.appendChild(newTxt);
newTd.onclick = function(){addText(this);};
newTd.colSpan = taster[0].length;
newTd.style.height = "20px";
newTr = document.createElement('tr');
newTbody.appendChild(newTr);
newTd = document.createElement('td');
newTr.appendChild(newTd);
newTxt = document.createTextNode("Shift");
newTd.appendChild(newTxt);
newTd.onclick = function(){shiftPressed=2-shiftPressed;this.style.backgroundColor=shiftPressed==2?'white':'#cde'};
newTd.colSpan = 3;
newTd.style.height = "20px";
newTd.style.border = "1px outset black";
newTd = document.createElement('td');
newTr.appendChild(newTd);
newTxt = document.createTextNode("\n\n\n");
newTd.appendChild(newTxt);
newTxt = document.createTextNode("NewLine");
newTd.appendChild(newTxt);
newTd.onclick = function(){addText(this);};
newTd.colSpan = 3;
newTd.style.height = "20px";
newTd.style.border = "1px outset black";
newTd = document.createElement('td');
newTr.appendChild(newTd);
newTxt = document.createTextNode("Del");
newTd.appendChild(newTxt);
newTd.onclick = function(){var ta = document.getElementById('mitTextArea');ta.value=ta.value.substring(0,ta.value.length-1);};
newTd.colSpan = 3;
newTd.style.height = "20px";
newTd.style.border = "1px outset black";
newTd = document.createElement('td');
newTr.appendChild(newTd);
newTd.colSpan = taster[0].length - 9;
newTd.style.cursor = "default";
}
function addText(elm){
var ta = document.getElementById('mitTextArea');
str = elm.firstChild.nodeValue.split("");
ta.value += str[0]?str[shiftPressed]:"";
ta.focus();
}
</script>
<title>Onscreen tastatur</title>
</head>
<body>
<textarea id="mitTextArea" cols="50" rows="10"></textarea>
<div id="tastatur"></div>
</body>
</html>
Slettet bruger
Ny bruger
Nybegynder
Opret
Preview
