Flip Text Generator Online Source Code V1

Flip text generator functioning to reverse or make a mirror of a text. so tek will look like upside down or mirror. You can download flip the script on the text generator below.

See DEMO Below:
enter text on the following areas and click the "Flip Text" button

source code :

<script language="JavaScript"> function flip() { var result = flipString(document.f.original.value); document.f.flipped.value = result; } function flipString(aString) { aString = aString.toLowerCase(); var last = aString.length - 1; var result = ""; for (var i = last; i >= 0; --i) { result += flipChar(aString.charAt(i)) } return result; } function flipChar(c) { if (c == 'a') { return '\u0250' } else if (c == 'b') { return 'q' } else if (c == 'c') { return '\u0254' } else if (c == 'd') { return 'p' } else if (c == 'e') { return '\u01DD' } else if (c == 'f') { return '\u025F' } else if (c == 'g') { return 'b' } else if (c == 'h') { return '\u0265' } else if (c == 'i') { return '\u0131'//'\u0131\u0323' } else if (c == 'j') { return '\u0638' } else if (c == 'k') { return '\u029E' } else if (c == 'l') { return '1' } else if (c == 'm') { return '\u026F' } else if (c == 'n') { return 'u' } else if (c == 'o') { return 'o' } else if (c == 'p') { return 'd' } else if (c == 'q') { return 'b' } else if (c == 'r') { return '\u0279' } else if (c == 's') { return 's' } else if (c == 't') { return '\u0287' } else if (c == 'u') { return 'n' } else if (c == 'v') { return '\u028C' } else if (c == 'w') { return '\u028D' } else if (c == 'x') { return 'x' } else if (c == 'y') { return '\u028E' } else if (c == 'z') { return 'z' } else if (c == '[') { return ']' } else if (c == ']') { return '[' } else if (c == '(') { return ')' } else if (c == ')') { return '(' } else if (c == '{') { return '}' } else if (c == '}') { return '{' } else if (c == '?') { return '\u00BF' } else if (c == '\u00BF') { return '?' } else if (c == '!') { return '\u00A1' } else if (c == "\'") { return ',' } else if (c == ',') { return "\'" } return c; } </script> <form name="f" id="f"> <textarea rows="5" cols="50" name="original" style="width: 468px; height: 100px;"></textarea><br> <input value="Flip Text" onClick="flip()" type="button"><br/> <textarea rows="5" cols="50" name="flipped" style="width: 468px; height: 100px;"></textarea> </form>

DocumentJavascriptText Animations

By Blogger Biasa - February 16, 2010 - Add Comment