Tu texto en un efecto espejo

Tu texto en un efecto espejo

Con este codigo generareis un editor de texto en el cual al escribir, debajo te repite lo escrito pero al reves. Aqui teneis el codigo y mas abajo teneis una demo

Codigo:

<html><head>

<meta name="description" content="Esta herramienta te permite convertir tu texto con un efecto espejo y con las letras de cabeza.">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css">
textarea { font-family: "Arial Unicode MS", Batang }
h1 { margin-bottom: 2px;}
style>
<script>
function flip() {
 var result = flipString(document.f.original.value.toLowerCase());
 document.f.flipped.value = result;
}

function flipString(aString) {
 var last = aString.length - 1;
 //Usamos Array
 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
}
script>head><body>


<b>Esta herramienta te permite convertir tu texto en un efecto espejo y con las letras de cabeza.b><br>
<b>Escribe y tu texto sera convertido en tiempo realb><br>

<form name="f">  Tu texto:
<br>

<textarea style="padding:3px;" rows="4" cols="100" name="original" onkeyup="flip()">textarea> 
<br><br>
Texto espejado y de cabeza:
<br>
<textarea style="padding:3px;" rows="4" cols="100" name="flipped">textarea>
form>
<br>


body>html>



div>
div>

Etiquetas:

| | | |

Esta herramienta te permite convertir tu texto en un efecto espejo y con las letras de cabeza.
Escribe y tu texto sera convertido en tiempo real
Tu texto:


Texto espejado y de cabeza: