Braille: Demo - Alphabet - Javascript

For the Javascript to work, you also need to copy the Braille characters pictures.

<p><script language="javascript"> <!-- /*** © 2004 Olivier Giulieri - http://www.kakoo.net ***/ function BrailleChar(bPix,bAlt) { var pixDir = "pix/braille/"; return "<IMG HEIGHT=27 WIDTH=19 vspace=5 hspace=1 SRC=\""+pixDir+bPix+".gif\" ALT=\""+bAlt+"\">"; } function BrailleText() { var message = document.getElementById("myText").value.toLowerCase(); var myHTML = "", aChar; for (i=0; i < message.length; i++) { aChar = message.charAt(i); if ((aChar < "a") || (aChar > "z")) { switch (aChar) { case " ": myHTML += BrailleChar("sp", "space"); break; case ",": myHTML += BrailleChar("comma", aChar); break; case ".": myHTML += BrailleChar("period", aChar); break; case ":": myHTML += BrailleChar("col", aChar); break; case "?": myHTML += BrailleChar("qu", aChar); break; case "'": myHTML += BrailleChar("qs", aChar); break; default: myHTML += aChar; break; } } else myHTML += BrailleChar(aChar, aChar); } document.getElementById('myBraille').innerHTML=myHTML; } // --> </script> <P>See your name in Braille:<BR> <input name="myText" type="text" style="WIDTH:200px"> <input type="submit" name="BrailleButton" value="Show Braille" onclick="javascript:BrailleText()" maxlength="50" ></P> <P><span id="myBraille"></span></P>

You are free to reuse this Javascript and pictures on your site, but the copyright notice must remain in the code.