«
»

Consola de Javascript sucia y rápida

Ya 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 :P .

Tags: , ,

Este artículo fue publicado en Viernes, Agosto 8th, 2008 a las 3:37 pm bajo las categorías General, Javascript. Podés seguir las respuestas a este artículo vía RSS 2.0. También podés dejar una respuesta, o hacer un trackback desde tu sitio.

Tu opinión