Posteet: Tags: clavier

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//FR" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

function taper(lettre)

{

if (lettre == 'ECHAP')

{

document.getElementsByTagName("textarea")[0].value = "";

}

else if (lettre == 'BACKSPACE')

{

var temp = document.getElementsByTagName("textarea")[0].value;

temp = temp.substring(temp.length - 1, 0);

document.getElementsByTagName("textarea")[0].value = temp;

}

else

{

var temp = document.getElementsByTagName("textarea")[0].value;

document.getElementsByTagName("textarea")[0].value = temp + lettre;

}

function clic_maj(showmaj)

{

if (showmaj)

{

var anchors = document.getElementsByTagName("span");

for (var i=0; i<anchors.length; i++) {

var anchor = anchors[i];

if (anchor.getAttribute("class") == "minus") anchor.style.display = "none";

if (anchor.getAttribute("class") == "majus") anchor.style.display = "inline";

if (anchor.getAttribute("class") == "altgr") anchor.style.display = "none";

}

document.getElementById("majg").setAttribute("onclick", "javascript: clic_maj(false);");

document.getElementById("majd").setAttribute("onclick", "javascript: clic_maj(false);");

document.getElementById("verr").setAttribute("onclick", "javascript: clic_verr(true);");

}

else

{

var anchors = document.getElementsByTagName("span");

for (var i=0; i<anchors.length; i++) {

var anchor = anchors[i];

if (anchor.getAttribute("class") == "minus") anchor.style.display = "inline";

if (anchor.getAttribute("class") == "majus") anchor.style.display = "none";

if (anchor.getAttribute("class") == "altgr") anchor.style.display = "none";

}

document.getElementById("majg").setAttribute("onclick", "javascript: clic_maj(true);");

document.getElementById("majd").setAttribute("onclick", "javascript: clic_maj(true);");

}

function clic_altgr()

{

var anchors = document.getElementsByTagName("span");

for (var i=0; i<anchors.length; i++) {

var anchor = anchors[i];

if (anchor.getAttribute("class") == "minus") anchor.style.display = "none";

if (anchor.getAttribute("class") == "majus") anchor.style.display = "none";

if (anchor.getAttribute("class") == "altgr") anchor.style.display = "inline";

}

function declic_altgr()

{

var anchors = document.getElementsByTagName("span");

for (var i=0; i<anchors.length; i++) {

var anchor = anchors[i];

if (anchor.getAttribute("class") == "minus") anchor.style.display = "inline";

if (anchor.getAttribute("class") == "majus") anchor.style.display = "none";

if (anchor.getAttribute("class") == "altgr") anchor.style.display = "none";

}

function clic_verr(verrouiller)

{

if (verrouiller)

{

var anchors = document.getElementsByTagName("span");

for (var i=0; i<anchors.length; i++) {

var anchor = anchors[i];

if (anchor.getAttribute("class") == "minus") anchor.style.display = "none";

if (anchor.getAttribute("class") == "majus") anchor.style.display = "inline";

if (anchor.getAttribute("class") == "altgr") anchor.style.display = "none";

}

document.getElementById("verr").setAttribute("onclick", "javascript: clic_verr(false);");

document.getElementById("majg").setAttribute("onclick", "javascript: clic_maj(true);");

document.getElementById("majd").setAttribute("onclick", "javascript: clic_maj(true);");

}

else

{

var anchors = document.getElementsByTagName("span");

for (var i=0; i<anchors.length; i++) {

var anchor = anchors[i];

if (anchor.getAttribute("class") == "minus") anchor.style.display = "inline";

if (anchor.getAttribute("class") == "majus") anchor.style.display = "none";

if (anchor.getAttribute("class") == "altgr") anchor.style.display = "none";

}

document.getElementById("verr").setAttribute("onclick", "javascript: clic_verr(true);");

}

function clic_majus()

{

if ( document.getElementById("verr").getAttribute("onclick") == "javascript: clic_verr(true);" )

{

clic_maj(false);

}

</script>

span.bouton

{

background-color: #D4D0C8;

border-left: 1px solid white;

border-top: 1px solid white;

border-right: 2px solid grey;

border-bottom: 2px solid grey;

padding-left: 5px;

padding-right: 5px;

padding-top: 3px;

padding-bottom: 3px;

cursor: default;

font-family: sans-serif;

font-size: smaller;

}

span.bouton:active

{

border-left: 2px solid grey;

border-top: 2px solid grey;

border-right: 1px solid white;

border-bottom: 1px solid white;

padding-left: 5px;

padding-right: 5px;

padding-top: 3px;

padding-bottom: 3px;

}

span.touche, span.minus, span.majus, span.altgr

{

background-color: #E9E8E6;

border-left: 5px solid silver;

border-top: 2px solid silver;

border-right: 5px solid grey;

border-bottom: 7px solid grey;

padding-left: 10px;

padding-right: 10px;

padding-top: 1px;

padding-bottom: 3px;

cursor: pointer;

font-weight: bold;

font-family: sans-serif;

}

span.touchetop

{

background-color: #E9E8E6;

border-left: 5px solid silver;

border-top: 2px solid silver;

border-right: 5px solid grey;

border-bottom: 7px solid grey;

padding-left: 10px;

padding-right: 10px;

padding-top: 1px;

padding-bottom: 3px;

cursor: pointer;

font-weight: bold;

font-family: sans-serif;

font-size: smaller;

}

span.touche:active, span.minus:active, span.majus:active, span.altgr:active

{

border-left: 4px solid grey;

border-top: 1px solid grey;

border-right: 4px solid silver;

border-bottom: 6px solid silver;

margin-left: 2px;

margin-right: 2px;

margin-bottom: 3px;

padding-left: 9px;

padding-right: 9px;

padding-bottom: 2px;

}

span.majus

{

display: none;

}

span.altgr

{

display: none;

}

span.touchetop:active

{

border-left: 4px solid grey;

border-top: 1px solid grey;

border-right: 4px solid silver;

border-bottom: 6px solid silver;

margin-left: 2px;

margin-right: 2px;

margin-bottom: 3px;

padding-left: 9px;

padding-right: 9px;

padding-bottom: 2px;

}

/*div

{

height: 250px;

}*/

</style>

</head>

<body>

<div>

Esc F1 F2 F3 F4  F5 F6 F7 F8  F9 F10F11F12

²

&1

é2

"3#

'4{

(5[

-6|

è7`

_8\

ç9

à0@

)°]

=+}

Backspace

Tab

aA

zZ

eE€

rR

tT

yY

uU

iI

oO

pP

¨

$£¤

Entrée

Verr

qQ

sS

dD

fF

gG

hH

jJ

kK

lL

mM

ù%

*µ

Maj

wW

xX

cC

vV

bB

nN

,?

;.

:/