Mostrar y ejecutar script con innerHTML

#1 (**permalink**) 24/06/2011, 23:34

Deseo mostrar un script en un div, algo como esto:

Código HTML:

Ver original<html>
<head>
<title>Ejemplo</title>
<script>
function mostrar(sw){
if(sw == 1)
document.getElementById('caja').innerHTML = '<script>document.write("Contenido 1...");</'+'script>';
else
document.getElementById('caja').innerHTML = '<script>document.write("Contenido 2...");</'+'script>';
}
</script>
</head>
 
<body>
<a href='javascript: mostrar(1);'>Contenido 1</a> | <a href='javascript: mostrar(2);'>Contenido 2</a><br />
<div id='caja'></div>
</body>
</html>

El problema es que no se muestra nada en el documento, sin embargo, si lo chequeo mediante la consola de chrome, noto que el script fue publicado en el div pero no lo ejecuta, eso supongo... entonces ¿qué debo hacer?

Aquí hay un ejemplo en vivo: http://bit.ly/j2xOsU

maycolalvarez · #2 (**permalink**) 25/06/2011, 06:43

amigo innerHTML interpreta "HTML" no javascript, para eso debes de usar las funciones de javascript como eval()

#3 (**permalink**) 25/06/2011, 13:00

Gracias! Por el momento lo que hice fue ejecutar los scripts y guardar el resultado en una variable, luego mostrarlo con el innerHTML, así me estoy defendiendo. Con respecto a la función eval() las estaré chequeando para ver si puedo simplificar la situación y hacerlo correctamente. Saludos!