Dhafiq Sagara adalah orang bodoh yang tidak bisa apa-apa, tapi dia selalu berusaha untuk terus menjadi yang lebih baik. Rasa keingin-tahuannya sangat tinggi, selalu berusaha dan terus berusaha, trial dan error adalah prinsip belajarnya.

22 Apr 2011

Membuat Tulisan Terbalik (ʞılɐqɹǝʇ uɐsılnʇ ʇɐnqɯǝɯ)

Tutorial kali ini kita akan membuat Form HTML untuk konversi dari tulisan normal menjadi tulisan terbalik, dan sebaliknya dari tulisan terbalik ke tulisan normal.

Tulisan-tulisan terbalik itu bisa kita pakai untuk update status di facebook, twitter, ataupun kita bisa posting artikel diblog pakai tulisan terbalik. Kan seru tuh bisa bikin orang yang baca jadi pusing. hehehe... :D


lɐɯɹou ıpɐɾuǝɯ ıuı uɐsılnʇ ʇɹǝʌuoɔ-ƃuǝɯ ɐuɐɯıɐƃɐq ɐpuɐ ɐpɐd uɐʞɹɐɾɐƃuǝɯ uɐʞɐ ɐʎɐs ıuısıp ɐuǝɹɐʞ nlɹǝd ʞɐpıʇ nʇı ¿ɐpuɐ ɹoʇıuoɯ ɹɐʎɐl ɹɐʇnɯǝɯ snɹɐɥ ɥɐʞɐdɐ ˙ıuı ʞılɐqɹǝʇ ɐɹɐɔǝs uɐsılnʇ ɐɔɐqɯǝɯ uɐʞ ɥɐsns ıʇsɐd ¿ıuı ʞılɐqɹǝʇ uɐsılnʇ ɐɔɐqɯǝɯ ɐsıq ɐpuɐ ɥɐʞɐdɐ

bingung ya membaca tulisan itu? nih saya translate:

apakah anda bisa membaca tulisan terbalik ini? pasti susah kan membaca tulisan secara terbalik ini. apakah harus memutar layar monitor anda? itu tidak perlu karena disini saya akan mengajarkan pada anda bagaimana meng-convert tulisan ini menjadi normal

Baiklah langsung saja saya tampilkan source code untuk membuat web HTML untuk membuat tulisan terbalikdan mengkonversi dari tulisan terbalik ke tulisan normal. Berikut source codenya, silahkan copy-paste pada notepad dan simpan dengan format .HTML.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Form Pembuat Tulisan Terbalik</title>
<script language="JavaScript">
function flip() {
var result = flipString(document.f.original.value.toLowerCase());
document.f.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',
d : 'p',
e : '\u01DD',
f : '\u025F',
g : '\u0183',
h : '\u0265',
i : '\u0131',
j : '\u027E',
k : '\u029E',
//l : '\u0283',
m : '\u026F',
n : 'u',
r : '\u0279',
t : '\u0287',
v : '\u028C',
w : '\u028D',
y : '\u028E',
'.' : '\u02D9',
'[' : ']',
'(' : ')',
'{' : '}',
'?' : '\u00BF',
'!' : '\u00A1',
"\'" : ',',
'<' : '>',
'_' : '\u203E',
'\\' : '/',
';' : '\u061B',
'\u203F' : '\u2040',
'\u2045' : '\u2046',
'\u2234' : '\u2235'
}
for (i in flipTable) {
flipTable[flipTable[i]] = i
}
</script>
</head>

<body>
<form name="f">
<p>Tulisan Asli: </p>
<textarea rows="6" cols="50" name="original" onkeyup="flip()"></textarea>

<p>Tulisan Terbalik: </p>
<textarea rows="6" cols="50" name="flipped"></textarea>
</form>
</body>
</html>

3 komentar:

  1. tutorialnya mantap nih,,
    ternyata caranya cuma replace karakter dgn karakter yg kebalikannya,,

    BalasHapus
  2. iya gan... diganti dg unicode-unicode

    BalasHapus
  3. wah wah, mudafiq yang satu ini mahir banget, kayaknya susah kalo mau nyaingin teman yang satu ini??

    BalasHapus