<!DOCTYPE html>
<html>
<head>
<title>PianoBaul en HTML5</title>
<meta charset="UTF-8" />
<script type="text/javascript">
var mua1 = 0;
var mua2 = 0;
var mua3 = 0;
var mua4 = 0;
var mua5 = 0;
var mua6 = 0;
var mua7 = 0;
var mua8 = 0;
var mua9 = 0;
var mua10 = 0;
var mua11 = 0;
var mua12 = 0;
var mua13 = 0;
var mua14 = 0;
var mua15 = 0;
var mua16 = 0;
var mua17 = 0;
var mua18 = 0;
var mua19 = 0;
var mua20 = 0;
var mua21 = 0;
var mua22 = 0;
var mua23 = 0;
var mua24 = 0;
var mua25 = 0;
var mua26 = 0;
var mua27 = 0;
var mua28 = 0;
var mua29 = 0;
var mua30 = 0;
var mua31 = 0;
var mua32 = 0;
var mua33 = 0;
var mua34 = 0;
var mua35 = 0;
var mua36 = 0;
window.addEventListener("keydown", function (event) {
if (event.defaultPrevented) {
return; // Should do nothing if the key event was already consumed.
}
switch (event.key) {
case "a":
mua1 = mua1 + 1;
if(mua1>3){
mua1 =0;
}
multitouchea(mua1);
break;
case "z":
mua2 = mua2 + 1;
if(mua2>3){
mua2 =0;
}
multitouchez(mua2);
break;
case "e":
mua3 = mua3 + 1;
if(mua3>3){
mua3 =0;
}
multitouchee(mua3);
break;
case "r":
mua4 = mua4 + 1;
if(mua4>3){
mua3 =0;
}
multitoucher(mua4);
break;
case "t":
mua5 = mua5 + 1;
if(mua5>3){
mua3 =0;
}
multitouchet(mua5);
break;
case "y":
mua6 = mua6 + 1;
if(mua6>3){
mua6 =0;
}
multitouchet(mua6);
break;
case "u":
mua7 = mua7 + 1;
if(mua7>3){
mua7 =0;
}
multitoucheu(mua7);
break;
case "i":
mua8 = mua8 + 1;
if(mua8>3){
mua8 =0;
}
multitouchei(mua8);
break;
case "o":
mua9 = mua9 + 1;
if(mua9>3){
mua9 =0;
}
multitoucheo(mua9);
break;
case "p":
mua10 = mua10 + 1;
if(mua10>3){
mua10 =0;
}
multitouchep(mua10);
break;
case "q":
mua11 = mua11 + 1;
if(mua11>3){
mua11 =0;
}
multitoucheq(mua11);
break;
case "s":
mua12 = mua12 + 1;
if(mua12>3){
mua12 =0;
}
multitouches(mua12);
break;
case "d":
mua13 = mua13 + 1;
if(mua13>3){
mua13 =0;
}
multitouched(mua13);
break;
case "f":
mua14 = mua14 + 1;
if(mua14>3){
mua14 =0;
}
multitouchef(mua14);
break;
case "g":
mua15 = mua15 + 1;
if(mua15>3){
mua15 =0;
}
multitoucheg(mua15);
break;
case "h":
mua16 = mua16 + 1;
if(mua16>3){
mua16 =0;
}
multitoucheh(mua16);
break;
case "j":
mua17 = mua17 + 1;
if(mua17>3){
mua17 =0;
}
multitouchej(mua17);
break;
case "k":
mua18 = mua18 + 1;
if(mua18>3){
mua18 =0;
}
multitouchek(mua18);
break;
case "l":
mua19 = mua19 + 1;
if(mua19>3){
mua19 =0;
}
multitouchel(mua19);
break;
case "m":
mua20 = mua20 + 1;
if(mua20>3){
mua20 =0;
}
multitouchem(mua20);
break;
case "w":
mua21 = mua21 + 1;
if(mua21>3){
mua21 =0;
}
multitouchew(mua21);
break;
case "x":
mua22 = mua22 + 1;
if(mua22>3){
mua22 =0;
}
multitouchex(mua22);
break;
case "c":
mua23 = mua23 + 1;
if(mua23>3){
mua23 =0;
}
multitouchec(mua23);
break;
case "v":
mua24 = mua24 + 1;
if(mua24>3){
mua24 =0;
}
multitouchev(mua24);
break;
case "b":
mua25 = mua25 + 1;
if(mua25>3){
mua25 =0;
}
multitoucheb(mua25);
break;
case "n":
mua26 = mua26 + 1;
if(mua26>3){
mua26 =0;
}
multitouchen(mua26);
break;
case "0":
mua27 = mua27 + 1;
if(mua27>3){
mua27 =0;
}
multitouche0(mua27);
break;
case "1":
mua28 = mua28 + 1;
if(mua28>3){
mua28 =0;
}
multitouche1(mua28);
break;
case "2":
mua29 = mua29 + 1;
if(mua29>3){
mua29 =0;
}
multitouche2(mua29);
break;
case "3":
mua30 = mua30 + 1;
if(mua30>3){
mua30 =0;
}
multitouche3(mua30);
break;
case "4":
mua31 = mua31 + 1;
if(mua31>3){
mua31 =0;
}
multitouche4(mua31);
break;
case "5":
mua32 = mua32 + 1;
if(mua32>3){
mua32 =0;
}
multitouche5(mua32);
break;
case "6":
mua33 = mua33 + 1;
if(mua33>3){
mua33 =0;
}
multitouche6(mua33);
break;
case "7":
mua34 = mua34 + 1;
if(mua34>3){
mua34 =0;
}
multitouche7(mua34);
break;
case "8":
mua35 = mua35 + 1;
if(mua35>3){
mua35 =0;
}
multitouche8(mua35);
break;
case "9":
mua36 = mua36 + 1;
if(mua36>3){
mua36 =0;
}
multitouche9(mua36);
break;
default:
return; // Quit when this doesn't handle the key event.
}
// Consume the event for suppressing "double action".
event.preventDefault();
}, true);
function multitouchea(mua1){
if(mua1==0){
var multia1 = document.getElementById("1wav");
multia1.play();
}
else if(mua1==1){
var multia2 = document.getElementById("1awav");
multia2.play();
}
else if(mua1==2){
var multia3 = document.getElementById("1bwav");
multia3.play();
}
else if(mua1==3){
var multia4 = document.getElementById("1cwav");
multia4.play();
}
}
function multitouchez(mua2){
if(mua2==0){
var multiz1 = document.getElementById("2wav");
multiz1.play();
}
else if(mua2==1){
var multiz2 = document.getElementById("2awav");
multiz2.play();
}
else if(mua2==2){
var multiz3 = document.getElementById("2bwav");
multiz3.play();
}
else if(mua2==3){
var multiz4 = document.getElementById("2cwav");
multiz4.play();
}
}
function multitouchee(mua3){
if(mua3==0){
var multie1 = document.getElementById("3wav");
multie1.play();
}
else if(mua3==1){
var multie2 = document.getElementById("3awav");
multie2.play();
}
else if(mua3==2){
var multie3 = document.getElementById("3bwav");
multie3.play();
}
else if(mua3==3){
var multie4 = document.getElementById("3cwav");
multie4.play();
}
}
function multitoucher(mua4){
if(mua4==0){
var multir1 = document.getElementById("4wav");
multir1.play();
}
else if(mua4==1){
var multir2 = document.getElementById("4awav");
multir2.play();
}
else if(mua4==2){
var multir3 = document.getElementById("4bwav");
multir3.play();
}
else if(mua4==3){
var multir4 = document.getElementById("4cwav");
multir4.play();
}
}
function multitouchet(mua5){
if(mua5==0){
var multit1 = document.getElementById("5wav");
multit1.play();
}
else if(mua5==1){
var multit2 = document.getElementById("5awav");
multit2.play();
}
else if(mua5==2){
var multit3 = document.getElementById("5bwav");
multit3.play();
}
else if(mua5==3){
var multit4 = document.getElementById("5cwav");
multit4.play();
}
}
function multitouchey(mua6){
if(mua6==0){
var multiy1 = document.getElementById("6wav");
multiy1.play();
}
else if(mua6==1){
var multiy2 = document.getElementById("6awav");
multiy2.play();
}
else if(mua6==2){
var multiy3 = document.getElementById("6bwav");
multiy3.play();
}
else if(mua6==3){
var multiy4 = document.getElementById("6cwav");
multiy4.play();
}
}
function multitoucheu(mua7){
if(mua7==0){
var multiu1 = document.getElementById("7wav");
multiu1.play();
}
else if(mua7==1){
var multiu2 = document.getElementById("7awav");
multiu2.play();
}
else if(mua7==2){
var multiu3 = document.getElementById("7bwav");
multiu3.play();
}
else if(mua7==3){
var multiu4 = document.getElementById("7cwav");
multiu4.play();
}
}
function multitouchei(mua8){
if(mua8==0){
var multii1 = document.getElementById("8wav");
multii1.play();
}
else if(mua8==1){
var multii2 = document.getElementById("8awav");
multii2.play();
}
else if(mua8==2){
var multii3 = document.getElementById("8bwav");
multii3.play();
}
else if(mua8==3){
var multii4 = document.getElementById("8cwav");
multii4.play();
}
}
function multitoucheo(mua9){
if(mua9==0){
var multio1 = document.getElementById("9wav");
multio1.play();
}
else if(mua9==1){
var multio2 = document.getElementById("9awav");
multio2.play();
}
else if(mua9==2){
var multio3 = document.getElementById("9bwav");
multio3.play();
}
else if(mua9==3){
var multio4 = document.getElementById("9cwav");
multio4.play();
}
}
function multitouchep(mua10){
if(mua10==0){
var multip1 = document.getElementById("10wav");
multip1.play();
}
else if(mua10==1){
var multip2 = document.getElementById("10awav");
multip2.play();
}
else if(mua10==2){
var multip3 = document.getElementById("10bwav");
multip3.play();
}
else if(mua10==3){
var multip4 = document.getElementById("10cwav");
multip4.play();
}
}
function multitoucheq(mua11){
if(mua11==0){
var multiq1 = document.getElementById("11wav");
multiq1.play();
}
else if(mua11==1){
var multiq2 = document.getElementById("11awav");
multiq2.play();
}
else if(mua11==2){
var multiq3 = document.getElementById("11bwav");
multiq3.play();
}
else if(mua11==3){
var multiq4 = document.getElementById("11cwav");
multiq4.play();
}
}
function multitouches(mua12){
if(mua12==0){
var multis1 = document.getElementById("12wav");
multis1.play();
}
else if(mua12==1){
var multis2 = document.getElementById("12awav");
multis2.play();
}
else if(mua12==2){
var multis3 = document.getElementById("12bwav");
multis3.play();
}
else if(mua12==3){
var multis4 = document.getElementById("12cwav");
multis4.play();
}
}
function multitouched(mua13){
if(mua13==0){
var multid1 = document.getElementById("13wav");
multid1.play();
}
else if(mua13==1){
var multid2 = document.getElementById("13awav");
multid2.play();
}
else if(mua13==2){
var multid3 = document.getElementById("13bwav");
multid3.play();
}
else if(mua13==3){
var multid4 = document.getElementById("13cwav");
multid4.play();
}
}
function multitouchef(mua14){
if(mua14==0){
var multif1 = document.getElementById("14wav");
multif1.play();
}
else if(mua14==1){
var multif2 = document.getElementById("14awav");
multif2.play();
}
else if(mua14==2){
var multif3 = document.getElementById("14bwav");
multif3.play();
}
else if(mua14==3){
var multif4 = document.getElementById("14cwav");
multif4.play();
}
}
function multitoucheg(mua15){
if(mua15==0){
var multig1 = document.getElementById("15wav");
multig1.play();
}
else if(mua15==1){
var multig2 = document.getElementById("15awav");
multig2.play();
}
else if(mua15==2){
var multig3 = document.getElementById("15bwav");
multig3.play();
}
else if(mua15==3){
var multig4 = document.getElementById("15cwav");
multig4.play();
}
}
function multitoucheh(mua16){
if(mua16==0){
var multih1 = document.getElementById("16wav");
multih1.play();
}
else if(mua16==1){
var multih2 = document.getElementById("16awav");
multih2.play();
}
else if(mua16==2){
var multih3 = document.getElementById("16bwav");
multih3.play();
}
else if(mua16==3){
var multih4 = document.getElementById("16cwav");
multih4.play();
}
}
function multitouchej(mua17){
if(mua17==0){
var multij1 = document.getElementById("17wav");
multij1.play();
}
else if(mua17==1){
var multij2 = document.getElementById("17awav");
multij2.play();
}
else if(mua17==2){
var multij3 = document.getElementById("17bwav");
multij3.play();
}
else if(mua17==3){
var multij4 = document.getElementById("17cwav");
multij4.play();
}
}
function multitouchek(mua18){
if(mua18==0){
var multik1 = document.getElementById("18wav");
multik1.play();
}
else if(mua18==1){
var multik2 = document.getElementById("18awav");
multik2.play();
}
else if(mua18==2){
var multik3 = document.getElementById("18bwav");
multik3.play();
}
else if(mua18==3){
var multik4 = document.getElementById("18cwav");
multik4.play();
}
}
function multitouchel(mua19){
if(mua19==0){
var multil1 = document.getElementById("19wav");
multil1.play();
}
else if(mua19==1){
var multil2 = document.getElementById("19awav");
multil2.play();
}
else if(mua19==2){
var multil3 = document.getElementById("19bwav");
multil3.play();
}
else if(mua19==3){
var multil4 = document.getElementById("19cwav");
multil4.play();
}
}
function multitouchem(mua20){
if(mua20==0){
var multim1 = document.getElementById("20wav");
multim1.play();
}
else if(mua20==1){
var multim2 = document.getElementById("20awav");
multim2.play();
}
else if(mua20==2){
var multim3 = document.getElementById("20bwav");
multim3.play();
}
else if(mua20==3){
var multim4 = document.getElementById("20cwav");
multim4.play();
}
}
function multitouchew(mua21){
if(mua21==0){
var multiw1 = document.getElementById("21wav");
multiw1.play();
}
else if(mua21==1){
var multiw2 = document.getElementById("21awav");
multiw2.play();
}
else if(mua21==2){
var multiw3 = document.getElementById("21bwav");
multiw3.play();
}
else if(mua21==3){
var multiw4 = document.getElementById("21cwav");
multiw4.play();
}
}
function multitouchex(mua22){
if(mua22==0){
var multix1 = document.getElementById("22wav");
multix1.play();
}
else if(mua22==1){
var multix2 = document.getElementById("22awav");
multix2.play();
}
else if(mua22==2){
var multix3 = document.getElementById("22bwav");
multix3.play();
}
else if(mua22==3){
var multix4 = document.getElementById("22cwav");
multix4.play();
}
}
function multitouchec(mua23){
if(mua23==0){
var multic1 = document.getElementById("23wav");
multic1.play();
}
else if(mua23==1){
var multic2 = document.getElementById("23awav");
multic2.play();
}
else if(mua23==2){
var multic3 = document.getElementById("23bwav");
multic3.play();
}
else if(mua23==3){
var multic4 = document.getElementById("23cwav");
multic4.play();
}
}
function multitouchev(mua24){
if(mua24==0){
var multiv1 = document.getElementById("24wav");
multiv1.play();
}
else if(mua24==1){
var multiv2 = document.getElementById("24awav");
multiv2.play();
}
else if(mua24==2){
var multiv3 = document.getElementById("24bwav");
multiv3.play();
}
else if(mua24==3){
var multiv4 = document.getElementById("24cwav");
multiv4.play();
}
}
function multitoucheb(mua25){
if(mua25==0){
var multib1 = document.getElementById("25wav");
multib1.play();
}
else if(mua25==1){
var multib2 = document.getElementById("25awav");
multib2.play();
}
else if(mua25==2){
var multib3 = document.getElementById("25bwav");
multib3.play();
}
else if(mua25==3){
var multib4 = document.getElementById("25cwav");
multib4.play();
}
}
function multitouchen(mua26){
if(mua26==0){
var multin1 = document.getElementById("26wav");
multin1.play();
}
else if(mua26==1){
var multin2 = document.getElementById("26awav");
multin2.play();
}
else if(mua26==2){
var multin3 = document.getElementById("26bwav");
multin3.play();
}
else if(mua26==3){
var multin4 = document.getElementById("26cwav");
multin4.play();
}
}
function multitouche0(mua27){
if(mua27==0){
var multi01 = document.getElementById("27wav");
multi01.play();
}
else if(mua27==1){
var multi02 = document.getElementById("27awav");
multi02.play();
}
else if(mua27==2){
var multi03 = document.getElementById("27bwav");
multi03.play();
}
else if(mua27==3){
var multi04 = document.getElementById("27cwav");
multi04.play();
}
}
function multitouche1(mua28){
if(mua28==0){
var multi11 = document.getElementById("28wav");
multi11.play();
}
else if(mua28==1){
var multi12 = document.getElementById("28awav");
multi12.play();
}
else if(mua28==2){
var multi13 = document.getElementById("28bwav");
multi13.play();
}
else if(mua28==3){
var multi14 = document.getElementById("28cwav");
multi14.play();
}
}
function multitouche2(mua29){
if(mua29==0){
var multi21 = document.getElementById("29wav");
multi21.play();
}
else if(mua29==1){
var multi22 = document.getElementById("29awav");
multi22.play();
}
else if(mua29==2){
var multi23 = document.getElementById("29bwav");
multi23.play();
}
else if(mua29==3){
var multi24 = document.getElementById("29cwav");
multi24.play();
}
}
function multitouche3(mua30){
if(mua30==0){
var multi31 = document.getElementById("30wav");
multi31.play();
}
else if(mua30==1){
var multi32 = document.getElementById("30awav");
multi32.play();
}
else if(mua30==2){
var multi33 = document.getElementById("30bwav");
multi33.play();
}
else if(mua30==3){
var multi34 = document.getElementById("30cwav");
multi34.play();
}
}
function multitouche4(mua31){
if(mua31==0){
var multi41 = document.getElementById("31wav");
multi41.play();
}
else if(mua31==1){
var multi42 = document.getElementById("31awav");
multi42.play();
}
else if(mua31==2){
var multi43 = document.getElementById("31bwav");
multi43.play();
}
else if(mua31==3){
var multi44 = document.getElementById("31cwav");
multi44.play();
}
}
function multitouche5(mua32){
if(mua32==0){
var multi51 = document.getElementById("32wav");
multi51.play();
}
else if(mua32==1){
var multi52 = document.getElementById("32awav");
multi52.play();
}
else if(mua32==2){
var multi53 = document.getElementById("32bwav");
multi53.play();
}
else if(mua32==3){
var multi54 = document.getElementById("32cwav");
multi54.play();
}
}
function multitouche6(mua33){
if(mua33==0){
var multi61 = document.getElementById("33wav");
multi61.play();
}
else if(mua33==1){
var multi62 = document.getElementById("33awav");
multi62.play();
}
else if(mua33==2){
var multi63 = document.getElementById("33bwav");
multi63.play();
}
else if(mua33==3){
var multi64 = document.getElementById("33cwav");
multi64.play();
}
}
function multitouche7(mua34){
if(mua34==0){
var multi71 = document.getElementById("43wav");
multi71.play();
}
else if(mua34==1){
var multi72 = document.getElementById("43awav");
multi72.play();
}
else if(mua34==2){
var multi73 = document.getElementById("43bwav");
multi73.play();
}
else if(mua34==3){
var multi74 = document.getElementById("43cwav");
multi74.play();
}
}
function multitouche8(mua35){
if(mua35==0){
var multi81 = document.getElementById("35wav");
multi81.play();
}
else if(mua35==1){
var multi82 = document.getElementById("35awav");
multi82.play();
}
else if(mua35==2){
var multi83 = document.getElementById("35bwav");
multi83.play();
}
else if(mua35==3){
var multi84 = document.getElementById("35cwav");
multi84.play();
}
}
function multitouche9(mua36){
if(mua36==0){
var multi91 = document.getElementById("36wav");
multi91.play();
}
else if(mua36==1){
var multi92 = document.getElementById("36awav");
multi92.play();
}
else if(mua36==2){
var multi93 = document.getElementById("36bwav");
multi93.play();
}
else if(mua36==3){
var multi94 = document.getElementById("36cwav");
multi94.play();
}
}
function toucheblanche1Press(){
document.getElementById('montre').innerHTML='C';
var baa1 = document.getElementById("1wav");
baa1.play();
}
function toucheblanche13Press(){
document.getElementById('montre').innerHTML='C';
var baa13 = document.getElementById("13wav");
baa13.play();
}
function toucheblanche25Press(){
document.getElementById('montre').innerHTML='C';
var baa25 = document.getElementById("25wav");
baa25.play();
}
function toucheblanche3Press(){
document.getElementById('montre').innerHTML='D';
var baa3 = document.getElementById("3wav");
baa3.play();
}
function toucheblanche15Press(){
document.getElementById('montre').innerHTML='D';
var baa15 = document.getElementById("15wav");
baa15.play();
}
function toucheblanche27Press(){
document.getElementById('montre').innerHTML='D';
var baa27 = document.getElementById("27wav");
baa27.play();
}
function toucheblanche5Press(){
document.getElementById('montre').innerHTML='E';
var baa5 = document.getElementById("5wav");
baa5.play();
}
function toucheblanche17Press(){
document.getElementById('montre').innerHTML='E';
var baa17 = document.getElementById("17wav");
baa17.play();
}
function toucheblanche29Press(){
document.getElementById('montre').innerHTML='E';
var baa29 = document.getElementById("29wav");
baa29.play();
}
function toucheblanche6Press(){
document.getElementById('montre').innerHTML='F';
var baa6 = document.getElementById("6wav");
baa6.play();
}
function toucheblanche18Press(){
document.getElementById('montre').innerHTML='F';
var baa18 = document.getElementById("18wav");
baa18.play();
}
function toucheblanche30Press(){
document.getElementById('montre').innerHTML='F';
var baa30 = document.getElementById("30wav");
baa30.play();
}
function toucheblanche8Press(){
document.getElementById('montre').innerHTML='G';
var baa8 = document.getElementById("8wav");
baa8.play();
}
function toucheblanche20Press(){
document.getElementById('montre').innerHTML='G';
var baa20 = document.getElementById("20wav");
baa20.play();
}
function toucheblanche32Press(){
document.getElementById('montre').innerHTML='G';
var baa32 = document.getElementById("32wav");
baa32.play();
}
function toucheblanche10Press(){
document.getElementById('montre').innerHTML='A';
var baa10 = document.getElementById("10wav");
baa10.play();
}
function toucheblanche22Press(){
document.getElementById('montre').innerHTML='A';
var baa22 = document.getElementById("22wav");
baa22.play();
}
function toucheblanche34Press(){
document.getElementById('montre').innerHTML='A';
var baa34 = document.getElementById("34wav");
baa34.play();
}
function toucheblanche12Press(){
document.getElementById('montre').innerHTML='B';
var baa12 = document.getElementById("12wav");
baa12.play();
}
function toucheblanche24Press(){
document.getElementById('montre').innerHTML='B';
var baa24 = document.getElementById("24wav");
baa24.play();
}
function toucheblanche36Press(){
document.getElementById('montre').innerHTML='B';
var baa36 = document.getElementById("36wav");
baa36.play();
}
function touchenoire2Press(){
document.getElementById('montre').innerHTML='C+';
var baa2 = document.getElementById("2wav");
baa2.play();
}
function touchenoire14Press(){
document.getElementById('montre').innerHTML='C+';
var baa14 = document.getElementById("14wav");
baa14.play();
}
function touchenoire26Press(){
document.getElementById('montre').innerHTML='C+';
var baa26 = document.getElementById("26wav");
baa26.play();
}
function touchenoire4Press(){
document.getElementById('montre').innerHTML='D+';
var baa4 = document.getElementById("4wav");
baa4.play();
}
function touchenoire16Press(){
document.getElementById('montre').innerHTML='D+';
var baa16 = document.getElementById("16wav");
baa16.play();
}
function touchenoire28Press(){
document.getElementById('montre').innerHTML='D+';
var baa28 = document.getElementById("28wav");
baa28.play();
}
function touchenoire7Press(){
document.getElementById('montre').innerHTML='F+';
var baa7 = document.getElementById("7wav");
baa7.play();
}
function touchenoire19Press(){
document.getElementById('montre').innerHTML='F+';
var baa19 = document.getElementById("19wav");
baa19.play();
}
function touchenoire31Press(){
document.getElementById('montre').innerHTML='F+';
var baa31 = document.getElementById("31wav");
baa31.play();
}
function touchenoire9Press(){
document.getElementById('montre').innerHTML='G+';
var baa9 = document.getElementById("9wav");
baa9.play();
}
function touchenoire21Press(){
document.getElementById('montre').innerHTML='G+';
var baa21 = document.getElementById("21wav");
baa21.play();
}
function touchenoire33Press(){
document.getElementById('montre').innerHTML='G+';
var baa33 = document.getElementById("33wav");
baa33.play();
}
function touchenoire11Press(){
document.getElementById('montre').innerHTML='A+';
var baa11 = document.getElementById("11wav");
baa11.play();
}
function touchenoire23Press(){
document.getElementById('montre').innerHTML='A+';
var baa23 = document.getElementById("23wav");
baa23.play();
}
function touchenoire35Press(){
document.getElementById('montre').innerHTML='A+';
var baa35 = document.getElementById("35wav");
baa35.play();
}
function toucheblancheUp(){
document.getElementById('montre').innerHTML='';
}
function touchenoireUp(){
document.getElementById('montre').innerHTML='';
}
</script>
<style>
#fondgene{
background:#975401;
width:900px;
height:450px;
margin:50px auto;
border-radius:16px;
}
.toucheblanche{
position:absolute;
height:300px;
width:36px;
margin-top:100px;
background:white;
border-right:1px solid #BBB;
cursor:pointer;
transition:all 0.1s ease 0ms;
-o-transition:all 0.1s ease 0ms;
-ms-transition:all 0.1s ease 0ms;
-moz-transition:all 0.1s ease 0ms;
-webkit-transition:all 0.1s ease 0ms;
}
.toucheblanche:active{
-webkit-transform:perspective(650) rotateX(-10deg);
transform:perspective(650) rotateX(-10deg);
margin-top:102px;
}
.touchenoire{
position:absolute;
height:180px;
width:20px;
margin-top:100px;
background:black;
border-right:1px solid #BBB;
cursor:pointer;
}
.touchenoire:active{
-webkit-transform:perspective(150) rotateX(-6deg);
transform:perspective(150) rotateX(-6deg);
margin-top:102px;
}
#montre{
position:absolute;
width:100px;
height:60px;
margin:20px 370px;
background:blue;
border:5px solid #777;
color:yellow;
font-size:55px;
text-align:right;
padding:0px 10px;
}
body{
background-image: -webkit-linear-gradient(right top, #D60F0E 0%, #FFDD01 100%);
background-image: -moz-linear-gradient(right top, #D60F0E 0%, #FFDD01 100%);
background-image: -ms-linear-gradient(right top, #D60F0E 0%, #FFDD01 100%);
background-image: -o-linear-gradient(right top, #D60F0E 0%, #FFDD01 100%);
background-image: linear-gradient(right top, #D60F0E 0%, #FFDD01 100%);
}
.menu a {
display:block;
color: #fff;
text-decoration:none;
}
.menu > li,
.menu > li li {
position: relative;
display:inline-block;
padding: 6px 15px;
background-color: #777;
background-image: linear-gradient(#aaa, #888 50%, #777 50%,#999);
}
.menu > li li { background: transparent none; }
.menu > li li a { color: #444; }
.menu > li li:hover { background:#eee; }
.menu > li:first-child {
border-right: 1px solid #777;
border-radius: 8px 0 0 8px;
}
.menu > li + li {
border-left: 1px solid #aaa;
border-right: 1px solid #777;
}
.menu > li:last-child {
border-right:0;
border-left: 1px solid #aaa;
border-radius: 0 8px 8px 0 ;
}
.menu > li:hover {
background-color: #999;
background-image: linear-gradient(#ccc, #aaa 50%, #999 50%,#bbb);
}
.menu ul {
position: absolute;
top: 2em; left:0;
max-height:0em;
margin:0; padding:0;
background-color:#ddd;
background-image: linear-gradient(#fff,#ddd);
overflow:hidden;
transition: 1s max-height 0.3s;
border-radius: 0 0 8px 8px;
}
.menu > li:hover ul {
max-height:13em;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="gradients">
<ul class="menu">
<li>Marteau
<ul>
<li><input type="number" name="Marteau" min="0" max="255"></li>
</ul>
</li><li>Licorne
<ul>
<li><input type="number" name="Licorne" min="0" max="255"></li>
</ul>
</li><li>Mariage
<ul>
<li><input type="number" name="Mariage" min="0" max="255"></li>
</ul>
</li><li>Vinaigrette
<ul>
<li><input type="number" name="Vinaigrette" min="0" max="255"></li>
</ul>
</li><li>Puissance
<ul>
<li><input type="number" name="Puissance" min="0" max="255"></li>
</ul>
</li><li>Tremolo
<ul>
<li><input type="number" name="Tremolo" min="0" max="255"></li>
</ul>
</li><li>octet7
<ul>
<li><input type="number" name="octet7" min="0" max="255"></li>
</ul>
</li><li>octet8
<ul>
<li><input type="number" name="octet8" min="0" max="255"></li>
</ul>
</li>
</ul></div>
<!-- en attente PianoBaul 22 94 10 100 10 0 130 5 5 5 5 5 75 25 25 75 -->
<div id="fondgene">
<div id="montre">
<div><audio id="1awav" src="http://www.letime.net/PianoBaul/1a.wav" preload></audio></div>
<div><audio id="1bwav" src="http://www.letime.net/PianoBaul/1b.wav" preload></audio></div>
<div><audio id="1cwav" src="http://www.letime.net/PianoBaul/1c.wav" preload></audio></div>
<div><audio id="2awav" src="http://www.letime.net/PianoBaul/2a.wav" preload></audio></div>
<div><audio id="2bwav" src="http://www.letime.net/PianoBaul/2b.wav" preload></audio></div>
<div><audio id="2cwav" src="http://www.letime.net/PianoBaul/2c.wav" preload></audio></div>
<div><audio id="3awav" src="http://www.letime.net/PianoBaul/3a.wav" preload></audio></div>
<div><audio id="3bwav" src="http://www.letime.net/PianoBaul/3b.wav" preload></audio></div>
<div><audio id="3cwav" src="http://www.letime.net/PianoBaul/3c.wav" preload></audio></div>
<div><audio id="4awav" src="http://www.letime.net/PianoBaul/4a.wav" preload></audio></div>
<div><audio id="4bwav" src="http://www.letime.net/PianoBaul/4b.wav" preload></audio></div>
<div><audio id="4cwav" src="http://www.letime.net/PianoBaul/4c.wav" preload></audio></div>
<div><audio id="5awav" src="http://www.letime.net/PianoBaul/5a.wav" preload></audio></div>
<div><audio id="5bwav" src="http://www.letime.net/PianoBaul/5b.wav" preload></audio></div>
<div><audio id="5cwav" src="http://www.letime.net/PianoBaul/5c.wav" preload></audio></div>
<div><audio id="6awav" src="http://www.letime.net/PianoBaul/6a.wav" preload></audio></div>
<div><audio id="6bwav" src="http://www.letime.net/PianoBaul/6b.wav" preload></audio></div>
<div><audio id="6cwav" src="http://www.letime.net/PianoBaul/6c.wav" preload></audio></div>
<div><audio id="7awav" src="http://www.letime.net/PianoBaul/7a.wav" preload></audio></div>
<div><audio id="7bwav" src="http://www.letime.net/PianoBaul/7b.wav" preload></audio></div>
<div><audio id="7cwav" src="http://www.letime.net/PianoBaul/7c.wav" preload></audio></div>
<div><audio id="8awav" src="http://www.letime.net/PianoBaul/8a.wav" preload></audio></div>
<div><audio id="8bwav" src="http://www.letime.net/PianoBaul/8b.wav" preload></audio></div>
<div><audio id="8cwav" src="http://www.letime.net/PianoBaul/8c.wav" preload></audio></div>
<div><audio id="9awav" src="http://www.letime.net/PianoBaul/9a.wav" preload></audio></div>
<div><audio id="9bwav" src="http://www.letime.net/PianoBaul/9b.wav" preload></audio></div>
<div><audio id="9cwav" src="http://www.letime.net/PianoBaul/9c.wav" preload></audio></div>
<div><audio id="10awav" src="http://www.letime.net/PianoBaul/10a.wav" preload></audio></div>
<div><audio id="10bwav" src="http://www.letime.net/PianoBaul/10b.wav" preload></audio></div>
<div><audio id="10cwav" src="http://www.letime.net/PianoBaul/10c.wav" preload></audio></div>
<div><audio id="11awav" src="http://www.letime.net/PianoBaul/11a.wav" preload></audio></div>
<div><audio id="11bwav" src="http://www.letime.net/PianoBaul/11b.wav" preload></audio></div>
<div><audio id="11cwav" src="http://www.letime.net/PianoBaul/11c.wav" preload></audio></div>
<div><audio id="12awav" src="http://www.letime.net/PianoBaul/12a.wav" preload></audio></div>
<div><audio id="12bwav" src="http://www.letime.net/PianoBaul/12b.wav" preload></audio></div>
<div><audio id="12cwav" src="http://www.letime.net/PianoBaul/12c.wav" preload></audio></div>
<div><audio id="13awav" src="http://www.letime.net/PianoBaul/13a.wav" preload></audio></div>
<div><audio id="13bwav" src="http://www.letime.net/PianoBaul/13b.wav" preload></audio></div>
<div><audio id="13cwav" src="http://www.letime.net/PianoBaul/13c.wav" preload></audio></div>
<div><audio id="14awav" src="http://www.letime.net/PianoBaul/14a.wav" preload></audio></div>
<div><audio id="14bwav" src="http://www.letime.net/PianoBaul/14b.wav" preload></audio></div>
<div><audio id="14cwav" src="http://www.letime.net/PianoBaul/14c.wav" preload></audio></div>
<div><audio id="15awav" src="http://www.letime.net/PianoBaul/15a.wav" preload></audio></div>
<div><audio id="15bwav" src="http://www.letime.net/PianoBaul/15b.wav" preload></audio></div>
<div><audio id="15cwav" src="http://www.letime.net/PianoBaul/15c.wav" preload></audio></div>
<div><audio id="16awav" src="http://www.letime.net/PianoBaul/16a.wav" preload></audio></div>
<div><audio id="16bwav" src="http://www.letime.net/PianoBaul/16b.wav" preload></audio></div>
<div><audio id="16cwav" src="http://www.letime.net/PianoBaul/16c.wav" preload></audio></div>
<div><audio id="17awav" src="http://www.letime.net/PianoBaul/17a.wav" preload></audio></div>
<div><audio id="17bwav" src="http://www.letime.net/PianoBaul/17b.wav" preload></audio></div>
<div><audio id="17cwav" src="http://www.letime.net/PianoBaul/17c.wav" preload></audio></div>
<div><audio id="18awav" src="http://www.letime.net/PianoBaul/18a.wav" preload></audio></div>
<div><audio id="18bwav" src="http://www.letime.net/PianoBaul/18b.wav" preload></audio></div>
<div><audio id="18cwav" src="http://www.letime.net/PianoBaul/18c.wav" preload></audio></div>
<div><audio id="19awav" src="http://www.letime.net/PianoBaul/19a.wav" preload></audio></div>
<div><audio id="19bwav" src="http://www.letime.net/PianoBaul/19b.wav" preload></audio></div>
<div><audio id="19cwav" src="http://www.letime.net/PianoBaul/19c.wav" preload></audio></div>
<div><audio id="20awav" src="http://www.letime.net/PianoBaul/20a.wav" preload></audio></div>
<div><audio id="20bwav" src="http://www.letime.net/PianoBaul/20b.wav" preload></audio></div>
<div><audio id="20cwav" src="http://www.letime.net/PianoBaul/20c.wav" preload></audio></div>
<div><audio id="21awav" src="http://www.letime.net/PianoBaul/21a.wav" preload></audio></div>
<div><audio id="21bwav" src="http://www.letime.net/PianoBaul/21b.wav" preload></audio></div>
<div><audio id="21cwav" src="http://www.letime.net/PianoBaul/21c.wav" preload></audio></div>
<div><audio id="22awav" src="http://www.letime.net/PianoBaul/22a.wav" preload></audio></div>
<div><audio id="22bwav" src="http://www.letime.net/PianoBaul/22b.wav" preload></audio></div>
<div><audio id="22cwav" src="http://www.letime.net/PianoBaul/22c.wav" preload></audio></div>
<div><audio id="23awav" src="http://www.letime.net/PianoBaul/23a.wav" preload></audio></div>
<div><audio id="23bwav" src="http://www.letime.net/PianoBaul/23b.wav" preload></audio></div>
<div><audio id="23cwav" src="http://www.letime.net/PianoBaul/23c.wav" preload></audio></div>
<div><audio id="24awav" src="http://www.letime.net/PianoBaul/24a.wav" preload></audio></div>
<div><audio id="24bwav" src="http://www.letime.net/PianoBaul/24b.wav" preload></audio></div>
<div><audio id="24cwav" src="http://www.letime.net/PianoBaul/24c.wav" preload></audio></div>
<div><audio id="25awav" src="http://www.letime.net/PianoBaul/25a.wav" preload></audio></div>
<div><audio id="25bwav" src="http://www.letime.net/PianoBaul/25b.wav" preload></audio></div>
<div><audio id="25cwav" src="http://www.letime.net/PianoBaul/25c.wav" preload></audio></div>
<div><audio id="26awav" src="http://www.letime.net/PianoBaul/26a.wav" preload></audio></div>
<div><audio id="26bwav" src="http://www.letime.net/PianoBaul/26b.wav" preload></audio></div>
<div><audio id="26cwav" src="http://www.letime.net/PianoBaul/26c.wav" preload></audio></div>
<div><audio id="27awav" src="http://www.letime.net/PianoBaul/27a.wav" preload></audio></div>
<div><audio id="27bwav" src="http://www.letime.net/PianoBaul/27b.wav" preload></audio></div>
<div><audio id="27cwav" src="http://www.letime.net/PianoBaul/27c.wav" preload></audio></div>
<div><audio id="28awav" src="http://www.letime.net/PianoBaul/28a.wav" preload></audio></div>
<div><audio id="28bwav" src="http://www.letime.net/PianoBaul/28b.wav" preload></audio></div>
<div><audio id="28cwav" src="http://www.letime.net/PianoBaul/28c.wav" preload></audio></div>
<div><audio id="29awav" src="http://www.letime.net/PianoBaul/29a.wav" preload></audio></div>
<div><audio id="29bwav" src="http://www.letime.net/PianoBaul/29b.wav" preload></audio></div>
<div><audio id="29cwav" src="http://www.letime.net/PianoBaul/29c.wav" preload></audio></div>
<div><audio id="30awav" src="http://www.letime.net/PianoBaul/30a.wav" preload></audio></div>
<div><audio id="30bwav" src="http://www.letime.net/PianoBaul/30b.wav" preload></audio></div>
<div><audio id="30cwav" src="http://www.letime.net/PianoBaul/30c.wav" preload></audio></div>
<div><audio id="31awav" src="http://www.letime.net/PianoBaul/31a.wav" preload></audio></div>
<div><audio id="31bwav" src="http://www.letime.net/PianoBaul/31b.wav" preload></audio></div>
<div><audio id="31cwav" src="http://www.letime.net/PianoBaul/31c.wav" preload></audio></div>
<div><audio id="32awav" src="http://www.letime.net/PianoBaul/32a.wav" preload></audio></div>
<div><audio id="32bwav" src="http://www.letime.net/PianoBaul/32b.wav" preload></audio></div>
<div><audio id="32cwav" src="http://www.letime.net/PianoBaul/32c.wav" preload></audio></div>
<div><audio id="33awav" src="http://www.letime.net/PianoBaul/33a.wav" preload></audio></div>
<div><audio id="33bwav" src="http://www.letime.net/PianoBaul/33b.wav" preload></audio></div>
<div><audio id="33cwav" src="http://www.letime.net/PianoBaul/33c.wav" preload></audio></div>
<div><audio id="34awav" src="http://www.letime.net/PianoBaul/34a.wav" preload></audio></div>
<div><audio id="34bwav" src="http://www.letime.net/PianoBaul/34b.wav" preload></audio></div>
<div><audio id="34cwav" src="http://www.letime.net/PianoBaul/34c.wav" preload></audio></div>
<div><audio id="35awav" src="http://www.letime.net/PianoBaul/35a.wav" preload></audio></div>
<div><audio id="35bwav" src="http://www.letime.net/PianoBaul/35b.wav" preload></audio></div>
<div><audio id="35cwav" src="http://www.letime.net/PianoBaul/35c.wav" preload></audio></div>
<div><audio id="36awav" src="http://www.letime.net/PianoBaul/36a.wav" preload></audio></div>
<div><audio id="36bwav" src="http://www.letime.net/PianoBaul/36b.wav" preload></audio></div>
<div><audio id="36cwav" src="http://www.letime.net/PianoBaul/36c.wav" preload></audio></div>
</div>
<!-- DO gamme 1 -->
<div class="toucheblanche" onMouseDown="toucheblanche1Press();" onMouseUp="toucheblancheUp();" style="margin-left:40px;"><audio id="1wav" src="http://www.letime.net/PianoBaul/1.wav" preload></audio></div>
<!-- RE gamme 1 -->
<div class="toucheblanche" onMouseDown="toucheblanche3Press();" onMouseUp="toucheblancheUp();" style="margin-left:80px;"><audio id="3wav" src="http://www.letime.net/PianoBaul/3.wav" preload></audio></div>
<!-- MI gamme 1 -->
<div class="toucheblanche" onMouseDown="toucheblanche5Press();" onMouseUp="toucheblancheUp();" style="margin-left:120px;"><audio id="5wav" src="http://www.letime.net/PianoBaul/5.wav" preload></audio></div>
<!-- FA gamme 1 -->
<div class="toucheblanche" onMouseDown="toucheblanche6Press();" onMouseUp="toucheblancheUp();" style="margin-left:160px;"><audio id="6wav" src="http://www.letime.net/PianoBaul/6.wav" preload></audio></div>
<!-- SOL gamme 1 -->
<div class="toucheblanche" onMouseDown="toucheblanche8Press();" onMouseUp="toucheblancheUp();" style="margin-left:200px;"><audio id="8wav" src="http://www.letime.net/PianoBaul/8.wav" preload></audio></div>
<!-- LA gamme 1 -->
<div class="toucheblanche" onMouseDown="toucheblanche10Press();" onMouseUp="toucheblancheUp();" style="margin-left:240px;"><audio id="10wav" src="http://www.letime.net/PianoBaul/10.wav" preload></audio></div>
<!-- SI gamme 1 -->
<div class="toucheblanche" onMouseDown="toucheblanche12Press();" onMouseUp="toucheblancheUp();" style="margin-left:280px;"><audio id="12wav" src="http://www.letime.net/PianoBaul/12.wav" preload></audio></div>
<!-- DO gamme 2 -->
<div class="toucheblanche" onMouseDown="toucheblanche13Press();" onMouseUp="toucheblancheUp();" style="margin-left:320px;"><audio id="13wav" src="http://www.letime.net/PianoBaul/13.wav" preload></audio></div>
<!-- RE gamme 2 -->
<div class="toucheblanche" onMouseDown="toucheblanche15Press();" onMouseUp="toucheblancheUp();" style="margin-left:360px;"><audio id="15wav" src="http://www.letime.net/PianoBaul/15.wav" preload></audio></div>
<!-- MI gamme 2 -->
<div class="toucheblanche" onMouseDown="toucheblanche17Press();" onMouseUp="toucheblancheUp();" style="margin-left:400px;"><audio id="17wav" src="http://www.letime.net/PianoBaul/17.wav" preload></audio></div>
<!-- FA gamme 2 -->
<div class="toucheblanche" onMouseDown="toucheblanche18Press();" onMouseUp="toucheblancheUp();" style="margin-left:440px;"><audio id="18wav" src="http://www.letime.net/PianoBaul/18.wav" preload></audio></div>
<!-- SOL gamme 2 -->
<div class="toucheblanche" onMouseDown="toucheblanche20Press();" onMouseUp="toucheblancheUp();" style="margin-left:480px;"><audio id="20wav" src="http://www.letime.net/PianoBaul/20.wav" preload></audio></div>
<!-- LA gamme 2 -->
<div class="toucheblanche" onMouseDown="toucheblanche22Press();" onMouseUp="toucheblancheUp();" style="margin-left:520px;"><audio id="22wav" src="http://www.letime.net/PianoBaul/22.wav" preload></audio></div>
<!-- SI gamme 2 -->
<div class="toucheblanche" onMouseDown="toucheblanche24Press();" onMouseUp="toucheblancheUp();" style="margin-left:560px;"><audio id="24wav" src="http://www.letime.net/PianoBaul/24.wav" preload></audio></div>
<!-- DO gamme 3 -->
<div class="toucheblanche" onMouseDown="toucheblanche25Press();" onMouseUp="toucheblancheUp();" style="margin-left:600px;"><audio id="25wav" src="http://www.letime.net/PianoBaul/25.wav" preload></audio></div>
<!-- RE gamme 3 -->
<div class="toucheblanche" onMouseDown="toucheblanche27Press();" onMouseUp="toucheblancheUp();" style="margin-left:640px;"><audio id="27wav" src="http://www.letime.net/PianoBaul/27.wav" preload></audio></div>
<!-- MI gamme 3 -->
<div class="toucheblanche" onMouseDown="toucheblanche29Press();" onMouseUp="toucheblancheUp();" style="margin-left:680px;"><audio id="29wav" src="http://www.letime.net/PianoBaul/29.wav" preload></audio></div>
<!-- FA gamme 3 -->
<div class="toucheblanche" onMouseDown="toucheblanche30Press();" onMouseUp="toucheblancheUp();" style="margin-left:720px;"><audio id="30wav" src="http://www.letime.net/PianoBaul/30.wav" preload></audio></div>
<!-- SOL gamme 3 -->
<div class="toucheblanche" onMouseDown="toucheblanche32Press();" onMouseUp="toucheblancheUp();" style="margin-left:760px;"><audio id="32wav" src="http://www.letime.net/PianoBaul/32.wav" preload></audio></div>
<!-- LA gamme 3 -->
<div class="toucheblanche" onMouseDown="toucheblanche34Press();" onMouseUp="toucheblancheUp();" style="margin-left:800px;"><audio id="34wav" src="http://www.letime.net/PianoBaul/34.wav" preload></audio></div>
<!-- SI gamme 3 -->
<div class="toucheblanche" onMouseDown="toucheblanche36Press();" onMouseUp="toucheblancheUp();" style="margin-left:840px;"><audio id="36wav" src="http://www.letime.net/PianoBaul/36.wav" preload></audio></div>
<!-- placer les touches noires apres pour etre au dessus des blanches -->
<!-- DO+ gamme 1 -->
<div class="touchenoire" onMouseDown="touchenoire2Press();" onMouseUp="touchenoireUp();" style="margin-left:70px;"><audio id="2wav" src="http://www.letime.net/PianoBaul/2.wav" preload></audio></div>
<!-- RE+ gamme 1 -->
<div class="touchenoire" onMouseDown="touchenoire4Press();" onMouseUp="touchenoireUp();" style="margin-left:110px;"><audio id="4wav" src="http://www.letime.net/PianoBaul/4.wav" preload></audio></div>
<!-- FA+ gamme 1 -->
<div class="touchenoire" onMouseDown="touchenoire7Press();" onMouseUp="touchenoireUp();" style="margin-left:190px;"><audio id="7wav" src="http://www.letime.net/PianoBaul/7.wav" preload></audio></div>
<!-- SOL+ gamme 1 -->
<div class="touchenoire" onMouseDown="touchenoire9Press();" onMouseUp="touchenoireUp();" style="margin-left:230px;"><audio id="9wav" src="http://www.letime.net/PianoBaul/9.wav" preload></audio></div>
<!-- LA+ gamme 1 -->
<div class="touchenoire" onMouseDown="touchenoire11Press();" onMouseUp="touchenoireUp();" style="margin-left:270px;"><audio id="11wav" src="http://www.letime.net/PianoBaul/11.wav" preload></audio></div>
<!-- DO+ gamme 2 -->
<div class="touchenoire" onMouseDown="touchenoire14Press();" onMouseUp="touchenoireUp();" style="margin-left:350px;"><audio id="14wav" src="http://www.letime.net/PianoBaul/14.wav" preload></audio></div>
<!-- RE+ gamme 2 -->
<div class="touchenoire" onMouseDown="touchenoire16Press();" onMouseUp="touchenoireUp();" style="margin-left:390px;"><audio id="16wav" src="http://www.letime.net/PianoBaul/16.wav" preload></audio></div>
<!-- FA+ gamme 2 -->
<div class="touchenoire" onMouseDown="touchenoire19Press();" onMouseUp="touchenoireUp();" style="margin-left:470px;"><audio id="19wav" src="http://www.letime.net/PianoBaul/19.wav" preload></audio></div>
<!-- SOL+ gamme 2 -->
<div class="touchenoire" onMouseDown="touchenoire21Press();" onMouseUp="touchenoireUp();" style="margin-left:510px;"><audio id="21wav" src="http://www.letime.net/PianoBaul/21.wav" preload></audio></div>
<!-- LA+ gamme 2 -->
<div class="touchenoire" onMouseDown="touchenoire23Press();" onMouseUp="touchenoireUp();" style="margin-left:550px;"><audio id="23wav" src="http://www.letime.net/PianoBaul/23.wav" preload></audio></div>
<!-- DO+ gamme 3 -->
<div class="touchenoire" onMouseDown="touchenoire26Press();" onMouseUp="touchenoireUp();" style="margin-left:630px;"><audio id="26wav" src="http://www.letime.net/PianoBaul/26.wav" preload></audio></div>
<!-- RE+ gamme 3 -->
<div class="touchenoire" onMouseDown="touchenoire28Press();" onMouseUp="touchenoireUp();" style="margin-left:670px;"><audio id="28wav" src="http://www.letime.net/PianoBaul/28.wav" preload></audio></div>
<!-- FA+ gamme 3 -->
<div class="touchenoire" onMouseDown="touchenoire31Press();" onMouseUp="touchenoireUp();" style="margin-left:750px;"><audio id="31wav" src="http://www.letime.net/PianoBaul/31.wav" preload></audio></div>
<!-- SOL+ gamme 3 -->
<div class="touchenoire" onMouseDown="touchenoire33Press();" onMouseUp="touchenoireUp();" style="margin-left:790px;"><audio id="33wav" src="http://www.letime.net/PianoBaul/33.wav" preload></audio></div>
<!-- LA+ gamme 3 -->
<div class="touchenoire" onMouseDown="touchenoire35Press();" onMouseUp="touchenoireUp();" style="margin-left:840px;"><audio id="35wav" src="http://www.letime.net/PianoBaul/35.wav" preload></audio></div>
</div>
<div>
<ul class="menu">
<li>octet9
<ul>
<li><input type="number" name="octet9" min="0" max="255"></li>
</ul>
</li><li>octet10
<ul>
<li><input type="number" name="octet10" min="0" max="255"></li>
</ul>
</li><li>octet11
<ul>
<li><input type="number" name="octet11" min="0" max="255"></li>
</ul>
</li><li>octet12
<ul>
<li><input type="number" name="octet12" min="0" max="255"></li>
</ul>
</li><li>octet13
<ul>
<li><input type="number" name="octet13" min="0" max="255"></li>
</ul>
</li><li>octet14
<ul>
<li><input type="number" name="octet14" min="0" max="255"></li>
</ul>
</li><li>octet15
<ul>
<li><input type="number" name="octet15" min="0" max="255"></li>
</ul>
</li><li>octet16
<ul>
<li><input type="number" name="octet16" min="0" max="255"></li>
</ul>
</li>
</ul></div>
</body>
</html>
Debian
Debian-France
Debian-Facile
Debian-fr.org
Forum-Debian.fr
Debian ?
Communautés
