Und wieder ein Javascript für eure Homepage aus dem Hause "Vollautomatisch" :-)

Es handelt sich hier um ein Javascript zur Umwandlung von normalem Text bzw. einzelnen Buchstaben in die sogenannte Braille-Schrift, welche verwendet wird um blinden oder sehbehinderten Menschen Informationen zu vermitteln.

Da Blinde mit eurer Homepage höchstwahrscheinlich ohne weiteres nichts anfangen können, bringt es natürlich auch nichts, wenn ihr den ganzen Text eurer Homepage in die Brailleschrift überführt. Dennoch kann es sehr interessant sein, wie bestimmte Wörter in der Braille-Schrift aussehen.

Und noch ein Hinweis vom Autor dieses Javascripts:
Aufgrund der Textarea-Größe kann es etwas zerknittert aussehen. Kopiert man den Inhalt allerdings in Notepad o. ä. sieht alles wieder normal aus.

Mehr Informationen zur Brailleschrift möchte kann wie immer mal einen Blick auf Wikipedia werfen.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- // Zeichen bei fühlbarem Punkt var brailleZeichenVoll = 'o'; // Zeichen für Leerstelle var brailleZeichenLeer = '.'; /************************************************ * Die Braille-Buchstaben setzen sich aus * * 1 o o 4 verschiedenen Kombinationen * * 2 o o 5 von 5 aus 6 Punkten zusammen, * * 3 o o 6 angeordnet wie die 6 auf einem * * Spielwürfel. * ************************************************/ //===========================================\ // (C) by Vollautomatisch, August 9th 2007 \ // Do not edit anything below this line, \ // unless you know, what you are doing! \ //===========================================\ function braille (text) { text = text.toLowerCase() // Buchstaben des Alphabets (Alphabet meint hier erlaubte Braille-Zeichen) // Es werden abkürzungen benötigt, den "sch" besteht statt einem aus drei Buchstaben // # ersetzt "ß", ~ ersetzt "st", { ersetzt "au", } ersetzt "eu", / ersetzt "ü", = ersetzt "ie" // § ersetzt "ei", $ ersetzt "äu", % ersetzt "ä", & ersetzt "ö" , * ersetzt "ch", + ersetzt "sch" var alphabet = 'abcdefghijklmnopqrstuvwxyz!?.:,;()-#~{}§$%&/=*+ '; // q z ! ? . : , ; ( ) - ß var buchstaben = new Array('100000', '110000', '100100', '100110', '100010', '110100', '110110', '110010', '010100', '010110', '101000', '111000', '101100', '101110', '101010', '111100', '111110', '111010', '011100', '011110', '101001', '111001', '010111', '101101', '101111', '101011', '011010', '010001', '001000', '010010', '010000', '011000', '011011', '011011', '001001', '011101', '011111', '100001', '110001', '100101', '001100', '001110', '010101', '110011', '001101', '100111', '100011', '000000', '001111'); var ausgabe = new Array(); var nummer = 0; // Präpariere Text while (text.indexOf('sch') > -1) { text = text.replace('sch', '+'); } while (text.indexOf('ch') > -1) { text = text.replace('ch', '*'); } while (text.indexOf('st') > -1) { text = text.replace('st', '~'); } while (text.indexOf('au') > -1) { text = text.replace('au', '{'); } while (text.indexOf('eu') > -1) { text = text.replace('eu', '}'); } while (text.indexOf('ie') > -1) { text = text.replace('ie', '='); } while (text.indexOf('ei') > -1) { text = text.replace('ei', '§'); } while (text.indexOf('äu') > -1) { text = text.replace('äu', '$'); } while (text.indexOf('ä') > -1) { text = text.replace('ä', '%'); } while (text.indexOf('ö') > -1) { text = text.replace('ö', '&'); } while (text.indexOf('ü') > -1) { text = text.replace('ü', '/'); } while (text.indexOf('ß') > -1) { text = text.replace('ß', '#'); } // Extrahiere einzelne Buchstaben und hänge das entsprechende Braillezeichen an for (var i = 0; i < text.length; i++) { var buchstabe = text.substr(i, 1); // Sollte das Zeichen nicht im Alphabet vorkommen, brich ab (also nächster Schleifendurchlauf) if ( (alphabet.indexOf(buchstabe) < 0) && (parseInt(buchstabe) *0 != 0) ) { continue; } // Sprich: eine Zahl if (parseInt(buchstabe) *0 == 0) { ausgabe[nummer] = buchstaben[buchstaben.length - 1]; nummer++; if (parseInt(buchstabe) == 0) { ausgabe[nummer] = '010110'; } else { ausgabe[nummer] = buchstaben[parseInt(buchstabe) - 1]; } } // Im Falle eines Buchstabens else { var stelle = alphabet.indexOf(buchstabe); ausgabe[nummer] = buchstaben[stelle]; } // Erhöhe Array-Index um 1 nummer++; } // Endgültige Ausgabe var brailleCode = ''; // Ersetze BinärCodes durch BrailleZeichen (Schleife durchläuft die 6 Braillepunkte zeilenweise, deshalb 3mal) for (var i = 0; i < 3; i++) { for (var j = 0; j < ausgabe.length; j++) { var links = (ausgabe[j] + '').substr(i, 1); var rechts = (ausgabe[j] + '').substr(i + 3, 1); // Wenn Stelle unfühlbar if (parseInt(links) == 0) { brailleCode += '' + brailleZeichenLeer; } // Wenn Punkt gesetzt else { brailleCode += '' + brailleZeichenVoll; } // Wenn Stelle unfühlbar if (parseInt(rechts) == 0) { brailleCode += '' + brailleZeichenLeer; } // Wenn Punkt gesetzt else { brailleCode += '' + brailleZeichenVoll; } // Buchstabenabstand brailleCode += ' '; } // Immer, außer in der letzten Runde if (i != 2) { brailleCode += 'n'; } } document.getElementById('ausgabe').value = brailleCode; // Solange ungeschützte Leerzeichen vorkommen (zwei oder mehr Leerzeichen werden im HTML-Code zu einem gekürzt) while (brailleCode.indexOf(' ') > -1) { brailleCode = brailleCode.replace(' ', ' '); } // Gehe sicher, dass eine Monospace-Schriftart verwendet wird brailleCode = '<pre>' + brailleCode + '</pre>'; document.getElementById('htmlAusgabe').value = brailleCode; } function resetBrailleFields() { document.getElementById('inputtext').value = ''; document.getElementById('ausgabe').value = ''; document.getElementById('htmlAusgabe').value = ''; } //--> </script> <fieldset style="display: block; padding: 10px; text-align: center; width: 400px;"> <legend style="margin: 5px;">Hier den Text eingeben.</legend> <textarea name="inputtext" id="inputtext" rows="5" cols="50" style="overflow: hidden; width: 100%; background-color: #f6f6f6; border: 1px solid #939393; margin: 5px;"></textarea> </fieldset> <fieldset style="display: block; padding: 10px; text-align: center; width: 400px;"> <legend style="margin: 5px;">Optionen</legend> <input type="button" onclick="braille(document.getElementById('inputtext').value)" value="Übersetzen" style="background-color: #f6f6f6; border: 1px solid #939393; margin: 5px;" /> <input type="button" onclick="resetBrailleFields();" value="Felder leeren" style="background-color: #f6f6f6; border: 1px solid #939393; margin: 5px;" /> </fieldset> <fieldset style="display: block; padding: 10px; text-align: center; width: 400px;"> <legend style="margin: 5px;">Braille-geschriebener Text <em>(normal)</em></legend> <textarea name="ausgabe" id="ausgabe" rows="5" cols="50" style="overflow: hidden; width: 100%; background-color: #f6f6f6; border: 1px solid #939393; margin: 5px;"></textarea> </fieldset> <fieldset style="display: block; padding: 10px; text-align: center; width: 400px;"> <legend class="brailleP">Braille-geschriebener Text <em>(HTML-Version)</em></legend> <textarea name="htmlAusgabe" id="htmlAusgabe" rows="5" cols="50" style="overflow: hidden; width: 100%; background-color: #f6f6f6; border: 1px solid #939393; margin: 5px;"></textarea> </fieldset> <br /> <!-- BITTE BEACHTEN: Der folgende Link darf nicht entfernt oder geändert werden --> <div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/internet/anbieter/alice-dsl.html" title="www.kostenlose-javascripts.de" rel="nofollow" target="_blank">www.kostenlose-javascripts.de</a></div> <br /> <script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id="></script> <!-- präsentiert von kostenlose-javascripts.de -->