Ejecutar script dentro de un script

Agrey · #1 (**permalink**) 08/06/2012, 04:31

Hola,
Necesito ejecutar un script dentro de un script. Este es el código:

Código:

<script type="text/javascript">
<!--
Prueba1="<script>alert('dsad');</script>";

Prueba2="<script language='javascript' type='text/javascript' src='http://xxx/prueba.js'></script>";								


function SetContainerHTML(id,html,processScripts)
{
	mydiv = document.getElementById(id);
	mydiv.innerHTML = html;
	if(processScripts!=false)
	{
	var elementos = mydiv.getElementsByTagName('script');
	for(i=0;i<elementos.length;i++)
	{
		var elemento = elementos[i];
		nuevoScript = document.createElement('script');
		nuevoScript.text = elemento.innerHTML;
		nuevoScript.type = 'text/javascript';
		if(elemento.src!=null && elemento.src.length>0)
		nuevoScript.src = elemento.src;
		elemento.parentNode.replaceChild(nuevoScript,elemento);
		}
	}
}

-->
</script>  
<div id="pepe" onclick="SetContainerHTML('pepe',Prueba1, true)">Click</div>

El problema es que si paso la variable Prueba1 si se ejecuta el script. En cambio si le paso la variable Prueba2 pues no realiza lo contiene el archivo prueba.js (se trata de un alert).

Espero que me podaís ayudar

Saludos!!!!

quimfv · #2 (**permalink**) 08/06/2012, 05:31

A mi en firefox me funciona con prueba2.js en local

prueba2.js

Código Javascript:

Ver originalalert('dsadPrueba2');

Código HTML:

Ver original<script type="text/javascript">
<!--
prueba1="<script>alert('dsad');</script>";
prueba2="<script language='javascript' type='text/javascript' src='js/prueba2.js'></script>";
function SetContainerHTML(id,html,processScripts)
{
    mydiv = document.getElementById(id);
    mydiv.innerHTML = html;
    if(processScripts!=false)
    {
    var elementos = mydiv.getElementsByTagName('script');
    for(i=0;i<elementos.length;i++)
    {
        var elemento = elementos[i];
        nuevoScript = document.createElement('script');
        nuevoScript.text = elemento.innerHTML;
        nuevoScript.type = 'text/javascript';
        if(elemento.src!=null && elemento.src.length>0)
        nuevoScript.src = elemento.src;
        elemento.parentNode.replaceChild(nuevoScript,elemento);
        }
    }
}
 
-->
</script>  
<div id="pepe" onclick="SetContainerHTML('pepe',Prueba1, true)">Click</div>

No se que es lo que quieres hacer pero no seria mas simple

prueba2.js

Código Javascript:

Ver originalfunction prueba2(id){
alert('dsadPrueba2'+id);
}

Código HTML:

Ver original<script language='javascript' type='text/javascript' src='js/prueba2.js'></script>
<script type="text/javascript">
<!--
function prueba1(id){
alert('dsadPrueba1'+id);
}
-->
</script>  
<div id="pepe" onclick="prueba1(this.id)">Click</div>
<div id="pepe2" onclick="prueba2(this.id)">Click</div>

Bokoa · #3 (**permalink**) 08/06/2012, 05:32

Lo unico que debes hacer es añadir una linea <script src="tuotrojavascript.js"></script> y despues llamar a la funcion deseada de forma normal, es decir,

Código:

nombrefuncion(argumentos);

.

Esto es porque al añadir un archivo mediante <script> lo que haces es añadir las lineas de ese archivo al codigo html de tu pagina.

No se si me he explicado, ya me cuentas.

Un saludo.

EDITO: justamente quimfv te ha puesto un ejemplo de lo que yo te he explicado. Genial.

Agrey · #4 (**permalink**) 11/06/2012, 01:46

Gracias quimfv!! Pero si prueba.js contiene un document.write no se muestra. La verdad es que sólo funciona si contiene un alert.

La otra solución que me das está genial pero para mi caso no me sirve.

Un saludo

quimfv · #5 (**permalink**) 11/06/2012, 03:06

En un documento .js referenciado puedes poner cualquier función... si no te funciona es que tienes algun error....

No uses document.write a lo bruto usa document.getElementById("id de donde quieres escribir").innerHTML="texto o html a escribir"

prueba.js

Código Javascript:

Ver originalfunction prueba2(id){
document.write('dsadPrueba2'+id);
}

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language='javascript' type='text/javascript' src='js/prueba.js'></script>
<script type="text/javascript">
<!--
function prueba1(id){
alert('dsadPrueba1'+id);
}
-->
</script>  
</head>
<body>
<div id="pepe" onclick="prueba1(this.id)">Click</div>
<div id="pepe2" onclick="prueba2(this.id)">Click</div>
</body>
</html>

Funciona pero document.write substituye todo el contenido del documento....

Código Javascript:

Ver originalfunction prueba2(id){
document.getElementById("sitioparaescribir").innerHTML='dsadPrueba2'+id;
}

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language='javascript' type='text/javascript' src='js/prueba.js'></script>
<script type="text/javascript">
<!--
function prueba1(id){
alert('dsadPrueba1'+id);
}
-->
</script>  
</head>
<body>
<div id="pepe" onclick="prueba1(this.id)">Click</div>
<div id="pepe2" onclick="prueba2(this.id)">Click</div>
<div id="sitioparaescribir"></div>
</body>
</html>