Text auf dem Kopf

Ebenfalls von unserem User TimderMob wurde dieses Javascript eingeschickt. Damit ist es möglich, dass euer Text auf dem Kopf dargestellt wird.

Diese „Verkehrtrum“-Darstellung ist allerdings davon abhängig, ob euer Browser in der Lage ist, den jeweiligen Zeichensatz korrekt darzustellen.
Erfolgreich getestet wurde es im Mozilla Firefox und auch im Opera Browser. Der Internet Explorer hingegen hat ein paar Probleme und kann nicht alle Zeichen wie gewünscht darstellen.

Probiert es einfach mal aus, indem ihr einen Text in das oberste Feld eingebt 😉

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- function flip() { var result = flipString(document.getElementById('original').value.toLowerCase()); document.getElementById('flipped').value = result; } function flipString(aString) { var last = aString.length - 1 var result = new Array(aString.length) for (var i = last; i >= 0; --i) { var c = aString.charAt(i) var r = flipTable[c] result[last - i] = r != undefined ? r : c } return result.join('') } var flipTable = { a : '\u0250', b : 'q', c : '\u0254', //open o -- from pne d : 'p', e : '\u01DD', f : '\u025F', //from pne g : '\u0183', h : '\u0265', i : '\u0131', //from pne j : '\u027E', k : '\u029E', //l : '\u0283', m : '\u026F', n : 'u', r : '\u0279', t : '\u0287', v : '\u028C', w : '\u028D', y : '\u028E', '.' : '\u02D9', '[' : ']', '(' : ')', '{' : '}', '?' : '\u00BF', //from pne '!' : '\u00A1', "'" : ',', '<' : '>', '_' : '\u203E', ';' : '\u061B', 'u203F' : '\u2040', 'u2045' : '\u2046', 'u2234' : '\u2235', 'r' : 'n' //bye TimderMob } for (i in flipTable) { flipTable[flipTable[i]] = i } function initFlipper() { document.write('Original: <te'+'xtarea rows="5" cols="50" id="original" onkeyup="flip()"></te'+'xtarea><input value="Flip" onclick="flip()" type="button">'); document.write('<br />'); document.write('Flipped: <te'+'xtarea rows="5" cols="50" id="flipped"></te'+'xtarea>'); } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/texteffekte/text-auf-dem-kopf/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">initFlipper();</script> <!-- präsentiert von kostenlose-javascripts.de -->