Imam Riyanto tempat berbagi tutorial AJAX, PHP, MySQL, CSS dll
Imam Riyanto

echo"$artikel[judul_artikel]";
Feb 2010
15  

Membuat tulisan terbalik

By imam
  Viewed :94

Script tulisan terbalik ini saya dapat dari finderonly . Pernah saya lihat ada komen di Facebook temen yang menggunakan tulisan terbalik, saya penasaran juga gimana cara membuatnya. Selang beberapa hari tanpa sengaja saya menemukan caranya di situs tersebut. Berikut scriptnya, tinggal menuliskan di textarea bagian atas, otomatis textarea yang bawah akan menampilkan tulisan yang terbalik. Tinggal copy paste aja text yang kebalik.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Membuat Tulisan Terbalik</title>
<style type="text/css">
textarea { font-family: "Arial Unicode MS", terbalik }
</style>
<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 linkifytime="0" linkified="0" linkifying="false">
<h1>Membuat Tulisan Terbalik</h1>
<form name="f">
Tulisan Asli: <br>
<textarea rows="6" cols="50" name="original" onkeyup="flip()"></textarea>
<br>
Tulisan Terbalik: <br>
<textarea rows="6" cols="50" name="flipped"></textarea>
</form>
Powered by <a href="http://finderonly.com/">Finderonly</a>
</body>
</html>

DEMO :

Membuat Tulisan Terbalik

Tulisan Asli:

Tulisan Terbalik:
Share on Facebook
 Komentar Pembaca (0 komentar)
Previous - Next

Tulis komentar
---* wajib diisi---
Nama
*
Email
*
Komentar
*
Masukkan kode
*