Thread subject: Explore Your Brain :: Cara Membuat Tulisan Terbalik

Posted by aditra on 13-10-2010 11:52
#1

Coba cek lokasi ini kakak kakak semua....

http://www.video-solver.com/flip.php

Posted by badonx on 14-10-2010 11:38
#2

ok dech bro.. thx 4 sharing ..

keep explore your brain brader :gj

Posted by EVA-00 on 04-11-2010 14:43
#3

Source Code dari situsnya udah gw buat simple bro silahkan di download & di pelajarin.

Code
<!--
Flip Text By Khabibkhan
Re-simple By EVA-00
-->

<html>
<head>
<title>Simple Reverse Text</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', //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',
'!' : '\u00A1',
"\'" : ',',
'<' : '>',
'_' : '\u203E',
';' : '\u061B',
'\u203F' : '\u2040',
'\u2045' : '\u2046',
'\u2234' : '\u2235',
'\r' : '\n'
}

for (i in flipTable) {
  flipTable[flipTable[i]] = i
}
</script>   
</head>
<body>
<table border="0" width="42%" align="center">
   <tr>
      <td width="468">
<form name="f">
<p align="center"><b><font face="Arial">Tulisan Asli </font> </b> </p>     
<p align="center">&nbsp;<textarea  align="center" rows="4" cols="40" name="original" onkeyup="flip()"></textarea></p>
<p align="center">&nbsp;<input value="Tulisan Jungkir Balik" onclick="flip()" type="button"><br>
: <textarea rows="4" cols="40" name="flipped"></textarea>
</p>
</form>      
      </td>
   </tr>
</table>
</body>
</html>