| Línea 1: |
Línea 1: |
| | <div id="resultado"> </div> | | <div id="resultado"> </div> |
| | | | |
| − | <form id="legibilidad" tabindex="0"><fieldset id="leg" form="legibilidad" name="datos"><label for="escrito">Texto o dirección web (URL)</label> <textarea id="escrito" name="escrito" form="legibilidad" placeholder="Introduce la dirección web que quieras analizar o pega o teclea el texto de hasta dos millones de caracteres y pulsa «Analizar»." rows="8" wrap="soft" maxlength="2097152" minlength="1" autocomplete="off" spellcheck="" required=""></textarea><label class="sc" for="email">Correo electrónico</label> <input form="legibilidad" class="sc" type="email" id="email" name="email" tabindex="-1"><button form="legibilidad" type="submit" id="calcular">Analizar</button> <button form="legibilidad" type="reset" class="sc" id="botonborrar">⌫ Borrar</button></fieldset></form> | + | <form id="legibilidad" tabindex="0"><fieldset id="leg" form="legibilidad" name="datos"><label for="escrito">Texto</label> <textarea id="escrito" name="escrito" form="legibilidad" rows="8" wrap="soft" maxlength="2097152" minlength="1" autocomplete="off" spellcheck="" required=""></textarea><button form="legibilidad" type="submit" id="calcular">Analizar</button></fieldset></form> |
| | | | |
| | <script> | | <script> |
| Línea 10: |
Línea 10: |
| | function ObtenerTexto() { | | function ObtenerTexto() { |
| | if (0 < document.forms.legibilidad.escrito.value.length) { | | if (0 < document.forms.legibilidad.escrito.value.length) { |
| − | document.getElementById("resultado").outerHTML = '<div id="resultado" tabindex="0"><p>\u231b Procesando. Ten paciencia.</p></div>'; | + | document.getElementById("resultado").outerHTML = '<div id="resultado" tabindex="0"><p>\u231b Procesando. Ten paciencia.</p></div>'; |
| − | document.getElementById("resultado").focus();
| |
| | var a = new XMLHttpRequest; | | var a = new XMLHttpRequest; |
| | a.onreadystatechange = function() { | | a.onreadystatechange = function() { |
| − | 4 == a.readyState && 200 == a.status && (document.getElementById("resultado").outerHTML = a.responseText, | + | 4 == a.readyState && 200 == a.status && (document.getElementById("resultado").outerHTML = a.responseText) |
| − | setTimeout(ocul, 500))
| |
| | } | | } |
| | ; | | ; |
| | var b = new FormData; | | var b = new FormData; |
| − | b.append("textParameter", document.forms.legibilidad.escrito.value); | + | b.append("textParameter", document.forms.legibilidad.escrito.value); |
| − | b.append("email", "");
| |
| − | b.append("hora", Math.round(new Date / 1E3));
| |
| | a.open("POST", "/cgi/ejemplo.py"); | | a.open("POST", "/cgi/ejemplo.py"); |
| | a.send(b) | | a.send(b) |
| | } | | } |
| | } | | } |
| − | function mostrarboton() {
| + | |
| − | 0 < document.forms.legibilidad.escrito.value.length ? document.getElementById("botonborrar").removeAttribute("class") : document.getElementById("botonborrar").setAttribute("class", "sc")
| |
| − | }
| |
| − | function borrarresultado() {
| |
| − | document.getElementById("resultado").setAttribute("class", "sc");
| |
| − | document.getElementById("botonborrar").setAttribute("class", "sc");
| |
| − | document.getElementById("legibilidad").focus()
| |
| − | }
| |
| − | document.getElementById("escrito").addEventListener("input", mostrarboton);
| |
| | document.getElementById("legibilidad").addEventListener("submit", function(a) { | | document.getElementById("legibilidad").addEventListener("submit", function(a) { |
| | ObtenerTexto(); | | ObtenerTexto(); |
| | a.preventDefault() | | a.preventDefault() |
| | }); | | }); |
| − | document.getElementById("botonborrar").addEventListener("click", borrarresultado);
| + | |
| | | | |
| | | | |
| | </script> | | </script> |