gambar dari : politikana.com

Pagi ini, secara tidak sengaca tersesat ke website http://www.revfad.com/flip.html menarik juga bisa menampilkan tulisan secara ʞılɐqɹǝʇ. Dulu pernah lihat beberapa member sebuah milist menampilkan nama nya dengan tulisan terbalik, namun tidak pernah mencari tahu gimana cara nya, kirain dengan kode html tertentu, ternyata di website diatas dibuat dengan javascript dilihat dari view source tampilan tersebut.

Berikut ini script java script nya saya copy paste dari source URL diatas :


function flip() {
var result = flipString(document.f.original.value.toLowerCase());
document.f.flipped.value = result;
}

function flipString(aString) {
var last = aString.length - 1;
//Thanks to Brook Monroe for the suggestion to use Array.join
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 ? 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',
'u203F' : 'u2040',
'u2045' : 'u2046',
'u2234' : 'u2235',
'r' : 'n' //thank you, Yeeliberto
}

for (i in flipTable) {
flipTable[flipTable[i]] = i
}

Dalam form html nya tinggal memanggil function flip().