Crear funciones a partir de una cadena de texto.

rafadc · #1 (**permalink**) 20/04/2006, 01:49

Por circunstancias llega un momento en la ejecución de mi programa que tengo una cadena de texto con código javascript. Necesito alguna manera de hacer que ese código se ejecute.

Intento hacerlo con eval pero tengo un problema. Parte de ese código es declaración de funciones que iran asociadas a eventos de esa misma página (onClick por ejemplo) y cuando disparo esos eventos siempre obtengo como respuesta que la función no está defina.

¿Ideas?

Holden · #2 (**permalink**) 20/04/2006, 07:17

danos un ejemplo puntual de lo que tiene esa cadena.
Sería mejor si puedes publicar un ejemplo.
Saludos.

caricatos · #3 (**permalink**) 21/04/2006, 01:46

Hola:

Si quieres ejecutar una función... puedes hacerlo como un objeto colgando de window...

window["tuFunción"](los_parámetros);

Saludos

rafadc · #4 (**permalink**) 22/04/2006, 12:03

A ver. Os pongo un ejemplo. Es lo más sencillo que he podido hacer que ilustra mi problema.

Está compuesto de 3 archivos:

El ej.html es la página que tiene todo el contenido:

Código:

<html>
<head></head>
<body>
<script type="text/javascript" src="func.js"></script>
<a onClick="ajaxLink()">Aqui</a>
<div id="Content">
</div>
</body>
</html>

Como veis solo tiene un texto y un div que va a contener lo que nos devuelva la petición que haremos a través de AJAX.

El segundo fichero es ej2.html que contiene lo que se insertará en el div de la página anterior

Código:

<script type="javascript">
  function enlace() {
    alert("Hola");
  }
</script>

<a onClick="hola();">Hola</a>

Y por último func.js con todo el javascript:

Código:

function myGetElementById(e) {
  if(document.getElementById) e=document.getElementById(e);
  else if(document.all) e=document.all[e];
  else e=null;
  return e;
}

  function ajaxLink() {   
  var request;

    if (window.XMLHttpRequest) { // Mozilla, Safari, ...
    request = new XMLHttpRequest();
//	http_request.overrideMimeType('text/xml');
  } else if (window.ActiveXObject) { // IE
    request = new ActiveXObject("Microsoft.XMLHTTP");
  }

  request.open('GET', "ej2.html", true);
  request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  request.send(null);

  
  request.onreadystatechange = function () {

    if (request.readyState == 4) {
	  // Mostramos el contenido
      myGetElementById('Content').innerHTML = request.responseText;
	  
    } else if (request.readyState == 1) {
      myGetElementById('Content').innerHTML = "Cargando";
    }
  }

}

El problema está en la línea en negrilla en la que se cambia el contenido del div. Al cambiar solo el innerHTML no se llega a ejecutar en ningún momento el código javascript que contenga la página objetivo. He probado llamando a eval y el código se ejecuta pero las funciones no quedan definidas

¿Hay alguna manera de evaluarlo como si hubiese estado ahi desde un principio?

SiR.CARAJ0DIDA · #5 (**permalink**) 22/04/2006, 12:29

para mi no tiene sentido cargar un script dinamicamente con ajax, cargalo antes y listo, o hace esto que a mi me funcionó:

Código:

function getScript()
{
	var s = document.createElement('script');
	s.type = "text/javascript";
	s.src = "../includes/funciones.js";
	document.getElementsByTagName('head')[0].appendChild(s);
}

crea un <script> y lo inserta en el <head>

rafadc · #6 (**permalink**) 23/04/2006, 03:55

Ya pero el problema es que ej2.html a mi me viene dado. Yo no puedo tocar ese código porque lo hace otra persona.

Ahi podría haber de todo. Podría haber cualquier tipo de código javascript. Tan solo estoy seguro que no va a haber head ni body.

Además yo de antemano no se que ficheros javascript se van a usar ahi ni si se van a usar o no.

SiR.CARAJ0DIDA · #7 (**permalink**) 23/04/2006, 09:15

si usas php, lo unico que se me ocurre es obtener el contenido de todos los script y crear un archivo temporal para incluirlo de la forma que te dije