Foros del Web - Ver Mensaje Individual - rotar horizontalmente texto e imágenes con javascript

madhatterdef · #4 (**permalink**) 22/01/2012, 00:14

listo cambia el código del theSecret.js por este

Código:

function flip() {
   var result = flipString(document.f.original.value.toLowerCase());
       result = result.split("").reverse().join("");
      document.f.flipped.value = result;
  }
  
  function flipString(aString) {
   var last = aString.length - 1;
   var result = new Array(aString.length)
   for (var i = 0; i <= last; i++) {
var c = aString.charAt(i)
var r = flipTable[c]
result[last +i] = r != undefined ? r : c
}
   return result.join('')
  }
  
  var flipTable = {
  '&' : '&',
  }
  
  for (i in flipTable) {
    flipTable[flipTable[i]] = i
}

y el html por este

Código:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Gira tu Texto - Dale un estilo diferente y original a tus Textos</title>
    <link rel="stylesheet" type="text/css" href="http://www.escribealreves.com.mx/css/style.css">
<script type="text/javascript" src="thesecret.js"></script>
    <script type="text/javascript" src="validar.js"></script>
</head>
<body>
      <form name="f" action="">
        Escriba su mensaje de texto original:<br>
          <textarea style="background-color: rgb(216, 223, 234);" 
onkeyup="flip()" cols="57" rows="5" name="original"></textarea>
          <br>
        el texto al reves:<br>
          <textarea style="background-color: rgb(216, 223, 234);" 
cols="57" rows="5" name="flipped"></textarea>
      </form>
</body></html>

proba y decime