Consola de Javascript sucia y rápida
Viernes, Agosto 8th, 2008Ya se que existe firebug en todas su variantes, pero a veces es necesario un parchecito rapidito para los navegadores que no lo utilicen, o simplemente porque es divertido.
El código javascript:
function ejecutarJS(strSentencia, idResultado){ var resultado = eval(strSentencia); document.getElementById(idResultado).innerHTML = document.getElementById(idResultado).innerHTML + resultado; }
HTML:
<div id="boxConsola"> <div id="jsConsola"> <p> <textarea id="jsConsulta" ></textarea> </p> <p> <input type="button" value="Ejecutar" onClick="ejecutarJS(document.getElementById('jsConsulta').value, 'jsResultado');" /> <input type="button" value="Borrar" onClick="document.getElementById('jsConsulta').innerHTML = '' ; document.getElementById('jsResultado').value = '' ;" </p> </div> <div id="jsResultado"> </div> </div>
Y finalmente, el CSS Mágico:
#boxConsola { position:absolute; bottom:0px; padding: 10px; right:0px; width: 660px; border: 1px solid #ABB0B4; } /* estas cosas que hay que hacer por IE... */ body > div#boxConsola { position: fixed; } #jsConsola { width: 205px; float: left; } #jsConsulta { width: 200px; height: 100px; } #jsResultado { width: 452px; height: 120px; float: right; border: 1px solid #ABB0B4; background-color: #EDEDED; }
Obviamente, como práctico, nada. Y el demo se los debo, poner una consola de javascript en un servidor es como poner un cartel invitando a hacer maldades 
.