Foros del Web » Programando para Internet » Javascript » Frameworks JS »

HOWTO: Ejecutar javascript que viene de ajax

Estas en el tema de HOWTO: Ejecutar javascript que viene de ajax en el foro de Frameworks JS en Foros del Web. loading..................... En vista de que muchos aun se preguntan como interpretar javascript que viene con ajax Cita: Texto que tiene javascript <script> alert("aqui mismo"); </script> ...

  #1 (permalink)  
Antiguo 06/08/2007, 14:23
Avatar de MaBoRaK  
Fecha de Ingreso: abril-2003
Ubicación: La Paz - Bolivia
Mensajes: 2.003
Antigüedad: 19 años, 3 meses
Puntos: 35
HOWTO: Ejecutar javascript que viene de ajax

loading.....................

En vista de que muchos aun se preguntan como interpretar javascript que viene con ajax

Cita:
Texto que tiene javascript
<script>
alert("aqui mismo");
</script>
y mas
Si reciben eso y lo pegan en un Div o cualquier otro elemento, el javascript que tiene dentro no se ejecutará

Código PHP:
        myDiv.innerHTML=ajax.responseText
Bueno..... todo eso ya es conocido.

Manos a la obra
interpretadorAjax.js
Código PHP:
        var tagScript '(?:<script.*?>)((\n|\r|.)*?)(?:<\/script>)';
        
/**
        * Eval script fragment
        * @return String
        */
        
String.prototype.evalScript = function()
        {
                return (
this.match(new RegExp(tagScript'img')) || []).evalScript();
        };
        
/**
        * strip script fragment
        * @return String
        */
        
String.prototype.stripScript = function()
        {
                return 
this.replace(new RegExp(tagScript'img'), '');
        };
        
/**
        * extract script fragment
        * @return String
        */
        
String.prototype.extractScript = function()
        {
                var 
matchAll = new RegExp(tagScript'img');
                return (
this.match(matchAll) || []);
        };
        
/**
        * Eval scripts
        * @return String
        */
        
Array.prototype.evalScript = function(extracted)
        {
                var 
s=this.map(function(sr){
                         var 
sc=(sr.match(new RegExp(tagScript'im')) || [''''])[1];
                         if(
window.execScript){
                              
window.execScript(sc);
                         }
                        else
                       {
                           
window.setTimeout(sc,0);
                        }
                });
                return 
true;
        };
        
/**
        * Map array elements
        * @param {Function} fun
        * @return Function
        */
        
Array.prototype.map = function(fun)
        {
                if(
typeof fun!=="function"){return false;}
                var 
0this.length;
                for(
i=0;i<l;i++)
                {
                        
fun(this[i]);
                }
                return 
true;
        }; 
Forma de uso:
  1. Incluir el archivo interpretadorAjax.js en su Header.
  2. Interpretando.
    1. Interprete normal
      Código:
      Texto blabla
      <script type='text/javscript'>alert('algo');</script>
      Otro texto blabla
      
      Código PHP:
              var scs=myAjax.responseText.extractScript();    //capturamos los scripts
              
      myDivUoTroLugar.innerHTML=myAjax.responseText.stripScript();    //eliminamos los scripts... ya son innecesarios
              
      scs.evalScript();       //ahora si, comenzamos a interpretar todo 
    2. Ahora bien, para interpretar archivos javascript
      Código:
      <script type='text/javascript'>alert('algo');</script>
      Texto blabla
      <script type='text/javascript' src="algo.js"></script>
      Otro texto blabla
      
      Se debe hacer.

      Código PHP:
              var scs=myAjax.responseText.extractScript();    //capturamos los scripts
              
      myDivUoTroLugar.innerHTML=myAjax.responseText
              scs
      .evalScript();       //ahora si, comenzamos a interpretar todo 
En teoría es mejor usar la opción b.

Espero les sirva y es similar al eval de prototype pero yo lo pensé antes...



connection closed.
__________________

Maborak Technologies

Última edición por MaBoRaK; 04/04/2008 a las 12:51 Razón: IE no interpretaba de forma global
  #2 (permalink)  
Antiguo 07/08/2007, 16:50
 
Fecha de Ingreso: noviembre-2004
Ubicación: Valle del cauca / Cali
Mensajes: 112
Antigüedad: 17 años, 8 meses
Puntos: 1
Re: HOWTO: Ejecutar javascript que viene de ajax

Hola, interesante solución con prototype, pero leí como en tres sitios que no era recomendable usar eval para este tipo de procesos... que te dice tu experiencia al respecto....??
Gracias por la solución..
  #3 (permalink)  
Antiguo 07/08/2007, 17:48
Avatar de MaBoRaK  
Fecha de Ingreso: abril-2003
Ubicación: La Paz - Bolivia
Mensajes: 2.003
Antigüedad: 19 años, 3 meses
Puntos: 35
Re: HOWTO: Ejecutar javascript que viene de ajax

loading.............

Es la forma mas sencilla que le veo a interpretar texto plano como javascript... e igual no le veo el peligro.... que de malo tendria hacer un eval? si con un par de extensiones igual puedo inyectar codigo javascript en cualquier página :S

connection closed.
__________________

Maborak Technologies
  #4 (permalink)  
Antiguo 07/08/2007, 17:50
Avatar de MaBoRaK  
Fecha de Ingreso: abril-2003
Ubicación: La Paz - Bolivia
Mensajes: 2.003
Antigüedad: 19 años, 3 meses
Puntos: 35
Re: HOWTO: Ejecutar javascript que viene de ajax

loading...........

Otra forma mas tediosa sería crear tags script por cada script encontrado en extracScript. con algun identificador para evitar doble parseo.

connection closed.
__________________

Maborak Technologies
  #5 (permalink)  
Antiguo 07/08/2007, 18:37
Avatar de vb2005  
Fecha de Ingreso: noviembre-2005
Ubicación: Paderborn - Alemania
Mensajes: 557
Antigüedad: 16 años, 9 meses
Puntos: 24
Re: HOWTO: Ejecutar javascript que viene de ajax

gracias, una pregunta porque siempre pones loading...........?
  #6 (permalink)  
Antiguo 07/08/2007, 23:44
Avatar de MaBoRaK  
Fecha de Ingreso: abril-2003
Ubicación: La Paz - Bolivia
Mensajes: 2.003
Antigüedad: 19 años, 3 meses
Puntos: 35
Re: HOWTO: Ejecutar javascript que viene de ajax

loading.....................

Bueno 7 años atras andaba tras el hacking... y de ahí que siempre firmaba de esa forma porque mis exploits las iniciaba así... para conectar a un target y tambien para finalizarlo..........y se me quedó jeje 8)

connection closed.
__________________

Maborak Technologies
  #7 (permalink)  
Antiguo 08/08/2007, 07:17
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.143
Antigüedad: 18 años, 2 meses
Puntos: 832
Re: HOWTO: Ejecutar javascript que viene de ajax

Hola MaBoRak, me gusta más esta manera:
Código PHP:
<script>
function 
SetContainerHTML(id_contenedor,responseText)
{
mydiv document.getElementById(id_contenedor);
mydiv.innerHTML responseText;
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> 
  #8 (permalink)  
Antiguo 08/08/2007, 07:36
Avatar de MaBoRaK  
Fecha de Ingreso: abril-2003
Ubicación: La Paz - Bolivia
Mensajes: 2.003
Antigüedad: 19 años, 3 meses
Puntos: 35
Re: HOWTO: Ejecutar javascript que viene de ajax

loading...........


Sip, muy buena, pero hay algo ahi.... si haces la misma peticion como 10 veces, crearas 10 veces los mismos elementos SCRIPT.

Mientras que con este eval, simplemente INTERPRETAS y no se queda en memoria el elemento SCRIPT


connection closed.
__________________

Maborak Technologies
  #9 (permalink)  
Antiguo 08/08/2007, 07:42
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.143
Antigüedad: 18 años, 2 meses
Puntos: 832
Re: HOWTO: Ejecutar javascript que viene de ajax

Si, es cierto, pero es fácilmente solucionable agregándole a cada script generado un id del tipo 'prefix'+i, y agregando un condicional como este: if(document.getElementById('prefix'+i)), y un removeChild si se cumple el if, no?
  #10 (permalink)  
Antiguo 08/08/2007, 07:47
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.143
Antigüedad: 18 años, 2 meses
Puntos: 832
Re: HOWTO: Ejecutar javascript que viene de ajax

Entonces quedaría así:
Código PHP:
<script>
function 
SetContainerHTML(id_contenedor,responseText)
{
mydiv document.getElementById(id_contenedor);
mydiv.innerHTML responseText;
var 
elementos mydiv.getElementsByTagName('script');
for(
i=0;i<elementos.length;i++) {
old=document.getElementById('prefix'+i);
if(
old)mydiv.removeChild(old)
var 
elemento elementos[i];
nuevoScript document.createElement('script');
nuevoScript.text elemento.innerHTML;
nuevoScript.type 'text/javascript';
nuevoScript.id 'prefix'+i;
if(
elemento.src!=null && elemento.src.length>0)
{
nuevoScript.src elemento.src;}
elemento.parentNode.replaceChild(nuevoScript,elemento);
}
}

</script> 
  #11 (permalink)  
Antiguo 08/08/2007, 08:21
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.143
Antigüedad: 18 años, 2 meses
Puntos: 832
Re: HOWTO: Ejecutar javascript que viene de ajax

Bueno, esta sería la prueba:
Código PHP:
<script>
function 
SetContainerHTML(id_contenedor,responseText)
{
mydiv document.getElementById(id_contenedor);
mydiv.innerHTML responseText;
var 
elementos mydiv.getElementsByTagName('script');
for(
i=0;i<elementos.length;i++) {
old=document.getElementById('prefix'+i);
if(
old)mydiv.removeChild(old)
var 
elemento elementos[i];
nuevoScript document.createElement('script');
nuevoScript.text elemento.innerHTML;
nuevoScript.type 'text/javascript';
nuevoScript.id 'prefix'+i;
if(
elemento.src!=null && elemento.src.length>0)
{
nuevoScript.src elemento.src;}
elemento.parentNode.replaceChild(nuevoScript,elemento);
}
}
txt='hola<scr'+'ipt>alert("hola");alert(document.getElementsByTagName("script").length);</sc'+'ript>';
</script>  
<div id="pepe" onclick="SetContainerHTML('pepe',txt)">bla</div> 
  #12 (permalink)  
Antiguo 08/08/2007, 08:31
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.143
Antigüedad: 18 años, 2 meses
Puntos: 832
Re: HOWTO: Ejecutar javascript que viene de ajax

Aunque lo curioso es que compruebo también que no es necesario el if. En cada llamada a la función se elimina el elemento script anterior, ya que sige apareciendo 2 como resultado:
Código PHP:
<html>
<
head>
<
script>
function 
SetContainerHTML(id_contenedor,responseText)
{
mydiv document.getElementById(id_contenedor);
mydiv.innerHTML responseText;
var 
elementos mydiv.getElementsByTagName('script');
for(
i=0;i<elementos.length;i++) {
old=document.getElementById('prefix'+i);
//if(old)mydiv.removeChild(old)
var elemento elementos[i];
nuevoScript document.createElement('script');
nuevoScript.text elemento.innerHTML;
nuevoScript.type 'text/javascript';
//nuevoScript.id = 'prefix'+i;
if(elemento.src!=null && elemento.src.length>0)
{
nuevoScript.src elemento.src;}
elemento.parentNode.replaceChild(nuevoScript,elemento);
}
}
txt='hola<scr'+'ipt>alert("hola");alert(document.getElementsByTagName("script").length);</sc'+'ript>';
</script>
</head> 
<body>
<div id="pepe" onClick="SetContainerHTML('pepe',txt)">bla</div>
</body>
</html> 
Siempre devuelve 2
  #13 (permalink)  
Antiguo 08/08/2007, 10:32
Avatar de MaBoRaK  
Fecha de Ingreso: abril-2003
Ubicación: La Paz - Bolivia
Mensajes: 2.003
Antigüedad: 19 años, 3 meses
Puntos: 35
Re: HOWTO: Ejecutar javascript que viene de ajax

loading.............

Ok te lo complico mas :p
Tienes 3 procesos AJAX.
  • Cargas 2 scripts
  • cargas 7 scripts
  • cargas nada

como es ajax... se dará el caso de que en la opcion 2 ahora ya no se cargan 7 scripts, sinó 3 y son DISTINTOS a los que registraste con prefix.

Otro ejemplo: Tienes un proceso ajax que en su primera ejecucion te crea 3 scripts... en el segundo llamado ejecuta 2 scripts que dependen de los 3 primeros creados..... es como decir, yo dejó aca sctos scripts por si alguien o YO MISMO las vaya a usar adelante.


connection closed.
__________________

Maborak Technologies
  #14 (permalink)  
Antiguo 08/08/2007, 11:08
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.143
Antigüedad: 18 años, 2 meses
Puntos: 832
Re: HOWTO: Ejecutar javascript que viene de ajax

Sí, pero la cosa es que no se multilplican en cada consulta, probá el ejemplo que puse, donde comenté el condicional agregado, y vas a ver que en cada consulta el número de tags script no se incrementa sino que permanece constante.
Lo que sucede, es que usamos replaceChild sobre el mismo contenedor, luego de modificar su contenido con innerHTML, entonces desaparecen en cada llamada los tags script anteriores.

Última edición por Panino5001; 08/08/2007 a las 11:18
  #15 (permalink)  
Antiguo 08/08/2007, 13:26
Avatar de MaBoRaK  
Fecha de Ingreso: abril-2003
Ubicación: La Paz - Bolivia
Mensajes: 2.003
Antigüedad: 19 años, 3 meses
Puntos: 35
Re: HOWTO: Ejecutar javascript que viene de ajax

loading............

Ahora el problema no son la cantidad de scripts... sinó el reemplazo que haces de ellas... no tienes control de QUE SCRIPTS REEMPLAZA y cuales no.

connection closed.
__________________

Maborak Technologies
  #16 (permalink)  
Antiguo 09/08/2007, 20:57
Avatar de MaBoRaK  
Fecha de Ingreso: abril-2003
Ubicación: La Paz - Bolivia
Mensajes: 2.003
Antigüedad: 19 años, 3 meses
Puntos: 35
Re: HOWTO: Ejecutar javascript que viene de ajax

loading.............

No se si sea bug pero... he visto que si haces eval() dentro de una funcion, las variables no son globales... sino locales GRR!!!!!!!!!!!!! ya lo solucionaré

connection closed.
__________________

Maborak Technologies
  #17 (permalink)  
Antiguo 09/08/2007, 21:25
Avatar de MaBoRaK  
Fecha de Ingreso: abril-2003
Ubicación: La Paz - Bolivia
Mensajes: 2.003
Antigüedad: 19 años, 3 meses
Puntos: 35
Re: HOWTO: Ejecutar javascript que viene de ajax

loading..........


SOLUCIONADO:
simplemente hay que cambiar
eval()
por
setTimeout(cadenaAevaluar,0);

connection closed.
__________________

Maborak Technologies
  #18 (permalink)  
Antiguo 11/08/2007, 01:55
 
Fecha de Ingreso: agosto-2007
Mensajes: 4
Antigüedad: 15 años
Puntos: 0
Sonrisa Re: HOWTO: Ejecutar javascript que viene de ajax

Llevo unas horas sin parar intentando borrar unas funciones cargadas por ajax y no se porque removeChild y replaceChild no me funcionan :S.

Buscando por internet me he topado con vuestro post y dado que parece que hay conocimientos :) me gustaría saber si sabéis como solucionarlo:

Quiero hacer una web en ajax y cada página que pasó a través de ajax carga una serie de funciones y elementos nuevos en javascript y css... pero el problema es que he visto que al menos en Internet Explorer 6, 7 y Firefox las funciones se van acumulando y no borra las anteriores (de otras páginas)...

He hecho muchas pruebas y muchos ejemplos, os puedo dejar este que se ve a simple vista:

Código PHP:
<html
<
head
<
script
java1="var segundos=1000;function Vamos() {var prueba=document.getElementById(\"prueba\");prueba.innerHTML = \"ok\";}timer = setTimeout(\"cuentaAtras()\", 1000);function cuentaAtras(){    var cuenta=document.getElementById(\"cuenta\");    cuenta.innerHTML=segundos;    segundos--;    timer = setTimeout(\"cuentaAtras()\", 1000);}";
java2="function Vamos() {var prueba=document.getElementById(\"prueba\");prueba.innerHTML = \"no\";}timer = setTimeout(\"cuentaAtras()\", 1000);";

var 
viejoscript;

function 
CargarJava() {
    var 
prueba=document.getElementById("prueba");
    
viejoscript document.createElement('script'); 
    
viejoscript.text java1
    
viejoscript.type 'text/javascript'
    
prueba.appendChild(viejoscript);
}
function 
CargarJava2() {
    var 
prueba=document.getElementById("prueba");
    var 
elemento prueba.getElementsByTagName('script');     
    
elemento=elemento[0];
    
    
nuevoScript document.createElement('script'); 
    
nuevoScript.text java2
    
nuevoScript.type 'text/javascript'
    
//prueba.appendChild(nuevoScript);
        
    
if(elemento.src!=null && elemento.src.length>0) {
        
nuevoScript.src elemento.src;
    } 
    
elemento.parentNode.replaceChild(nuevoScript,elemento);
}
</script> 
</head>  
<body> 
<a href="javascript:CargarJava();">Cargar Java 1</a>
<a href="javascript:CargarJava2();">Cargar Java 2</a>

<div id="prueba">Hola</div>
<a href="javascript:Vamos();">Ejecutar Script</a>

<a href="">¿BORRAR JAVA GRABADO EN PRUEBA?</a>

<div id="cuenta"></div>

</body> 
</html> 
Al dar a "Cargar Java 1" veremos un contador que empieza desde 1000 y al dar a "Cargar Java 2" quiero que se borre el script anterior, se puede ver que no se borra ya que el secundero baja de 2 en dos al añadir "setTimeout" y la función "cuentaAtras" no debería de existir en Java2.

En el ejemplo está todo de forma basta y con 2 funciones separadas, necesitaría saber como borrar completamente las funciones javascript cargadas o reemplazarlas correctamente

No se si podréis ayudarme y si va en este post... pero creo que lo que habéis explicado habla justo de lo que estoy preguntando.

Muchas gracias!
  #19 (permalink)  
Antiguo 11/08/2007, 12:45
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.143
Antigüedad: 18 años, 2 meses
Puntos: 832
Re: HOWTO: Ejecutar javascript que viene de ajax

MaBoRak, sólo para dejar redondo el script (que está muy bien y de paso Felicitaciones!!!), cambía sc por tagScript ;)
Aquí:
Array.prototype.evalScript = function(extracted)
{
var s=this.map(function(sr){
setTimeout(((sr.match(new RegExp(sc, 'im')) || ['', ''])[1]),0);
});
return true;
};
  #20 (permalink)  
Antiguo 12/08/2007, 02:02
 
Fecha de Ingreso: agosto-2007
Mensajes: 4
Antigüedad: 15 años
Puntos: 0
Re: HOWTO: Ejecutar javascript que viene de ajax

Panino5001 o MaBoRaK ¿sabéis como hacer desaparecer lo que he cargado en la función "CargarJava" (supuestamente en ajax) en la segunda función "CargarJava2" para así no acumular funciones..., el tema sería dar a "Cargar Java 2" y que quitase lo cargado en el 1?.

He estado buscando otro rato y no veo nada, si no lo sabéis decidlo también para estar menos pendiente ;). Si no me he explicado bien decidmelo.
  #21 (permalink)  
Antiguo 12/08/2007, 11:24
Avatar de MaBoRaK  
Fecha de Ingreso: abril-2003
Ubicación: La Paz - Bolivia
Mensajes: 2.003
Antigüedad: 19 años, 3 meses
Puntos: 35
Re: HOWTO: Ejecutar javascript que viene de ajax

loading..............

Lamentablemente es algo que no podrás hacer así de fácil ya que el contenido de los scripts que cargas .... son muchas variables dificiles de controlar..... algo que me ha funcionado a mi es.

eliminar variables innecesarias con delete variable; pero en tu caso.. cuando un TAGSCRIPT las variables que tienes dentro no puedes borrarlas tampoco de con delete, aunque remuevas el tagscript.... entonces algo para solucionar eso sería...

Código PHP:
java1="var segundos=1000;function algo..blablabla";
setTimeout(java1,0);   // interpreta java1 
Y para eliminar y poner un siguiente fragmento javascript... tendrías que borrar TODAS las variables que creaste... y es aquí hasta donde llego. porque... no veo la forma de recorrer esa cadena... talvez con expresiones regulares a la variable java1 reconociendo cuales fueron variables,funciones,objetos, etc.

La otra forma sería que crees un objeto literal a lo que vayas a hacer.
Código PHP:
java1="var loqueCargo={segundos:1000,algo:function(){..blablabla}"
de esta forma solo tendrías que hacer delete loqueCargo y borraras todo el arbol...



connection closed.
__________________

Maborak Technologies
  #22 (permalink)  
Antiguo 13/08/2007, 06:57
 
Fecha de Ingreso: agosto-2007
Mensajes: 4
Antigüedad: 15 años
Puntos: 0
Re: HOWTO: Ejecutar javascript que viene de ajax

Lo primero es darte las gracias por la ayuda.

He probado lo que dices, parecía una solución aunque me costase días para adaptar todas las páginas y sus scripts y funciones a objetos pero lo he probado en el ejemplo de arriba con la cuenta atrás y no llega a funcionar bien del todo tampoco me deja destruir loqueCargo por completo... y seria un trabajo de chinos crear objetos con 20 funciones diferentes y que al cambiar a la página siguiente se borren esas 20 funciones y se creen otras tantas y así enlazar todas las páginas de la web, seguro que se irian quedando mucha porquería por el camino.

¿Teniendo en una variable todo lo que se ha añadido en el javascript con ajax porqué no se puede borrar lo mismo que he añadido :S? es una cosa que parece sencilla.

No me imagino a un usuario navegando por mi web y cargando cada vez más y más scripts jejeje porque cada página tiene un script diferente, cuentas atrás diferentes (algunas con más de 20 cuentas atrás funcionando a la vez), ... con sólo ver el ejemplo de arriba (copy/paste en editor) veréis el problema que habría sobretodo si se pasa 10 o más veces por la misma página, los contadores en vez de 1 segundo en uno bajarían de en 1 segundo lo equivalente a 10 segundos... y no quiero ni imaginar el cosumo del usuario cada vez mayor.

Tiene que haber un sistema más limpio ya que incluso desde 0 seria un trabajo de chinos haciéndolo de esa forma (si fuesen 2 funciones seria perfecto).

Muchas gracias de nuevo por la ayuda :)
  #23 (permalink)  
Antiguo 13/08/2007, 09:10
Avatar de MaBoRaK  
Fecha de Ingreso: abril-2003
Ubicación: La Paz - Bolivia
Mensajes: 2.003
Antigüedad: 19 años, 3 meses
Puntos: 35
Re: HOWTO: Ejecutar javascript que viene de ajax

loading...........


Si vas a tener funciones que son como dices, cuentas regresivas u otro que al parecer serán "replicas"... entonces orienta tu aplicación a trabajar con CLASSES (objetos)

Código PHP:
var nuevoContador = new contador(opcionesParaqueactueDeDiferenteForma); 

connection closed.
__________________

Maborak Technologies
  #24 (permalink)  
Antiguo 13/08/2007, 16:44
 
Fecha de Ingreso: agosto-2007
Mensajes: 4
Antigüedad: 15 años
Puntos: 0
Re: HOWTO: Ejecutar javascript que viene de ajax

Si... parece que tendré que cambiar toda la estructura no sólo de los contadores sino de los muchos elementos que se mueven y que no quiero que se muevan pidiendo a ajax que recargue la página cada segundo.

De todas formas sin estudiarlo muy a fondo parece que seguirá siendo un lio usando clases ya que en cada página habrá que cargar la creación de por ejemplo 15 contadores y varios elementos dinámicos y al salir de esa página (una variable enviada) habrá que destruir todos esos objetos y funciones (si se puede) :S

Vamos que la mejor solución ahora mismo es cargar toda la página a través de ajax cada segundo xDDD (así los contadores descienden, los elementos se mueven,... y sin cargar javascript nuevo, todo por php), intentaré averiguar en foros ingleses si se puede borrar todo el javascript cargado de forma más o menos sencilla aunque no esté en clases ni objetos :)

Si averiguo algo vendré aquí.

Muchas gracias
  #25 (permalink)  
Antiguo 29/08/2007, 19:17
 
Fecha de Ingreso: agosto-2007
Mensajes: 1
Antigüedad: 15 años
Puntos: 0
Pregunta Re: HOWTO: Ejecutar javascript que viene de ajax

Cita:
Iniciado por MaBoRaK Ver Mensaje
loading.....................

En vista de que muchos aun se preguntan como interpretar javascript que viene con ajax



Si reciben eso y lo pegan en un Div o cualquier otro elemento, el javascript que tiene dentro no se ejecutará

Código PHP:
        myDiv.innerHTML=ajax.responseText
Bueno..... todo eso ya es conocido.

Manos a la obra
interpretadorAjax.js
Código PHP:
        var tagScript '(?:<script.*?>)((\n|\r|.)*?)(?:<\/script>)';
        
/**
        * Eval script fragment
        * @return String
        */
        
String.prototype.evalScript = function()
        {
                return (
this.match(new RegExp(tagScript'img')) || []).evalScript();
        };
        
/**
        * strip script fragment
        * @return String
        */
        
String.prototype.stripScript = function()
        {
                return 
this.replace(new RegExp(tagScript'img'), '');
        };
        
/**
        * extract script fragment
        * @return String
        */
        
String.prototype.extractScript = function()
        {
                var 
matchAll = new RegExp(tagScript'img');
                return (
this.match(matchAll) || []);
        };
        
/**
        * Eval scripts
        * @return String
        */
        
Array.prototype.evalScript = function(extracted)
        {
                var 
s=this.map(function(sr){
                        
setTimeout(((sr.match(new RegExp(tagScript'im')) || [''''])[1]),0);
                });
                return 
true;
        };
        
/**
        * Map array elements
        * @param {Function} fun
        * @return Function
        */
        
Array.prototype.map = function(fun)
        {
                if(
typeof fun!=="function"){return false;}
                var 
0this.length;
                for(
i=0;i<l;i++)
                {
                        
fun(this[i]);
                }
                return 
true;
        }; 
Forma de uso:

1.- Incluir el archivo interpretadorAjax.js en su Header.
2.- esto...
Código PHP:
        var scs=myAjax.responseText.extractScript();    //capturamos los scripts
        
myDivUoTroLugar.innerHTML=myAjax.responseText.stripScript();    //eliminamos los scripts... ya son innecesarios
        
scs.evalScript();       //ahora si, comenzamos a interpretar todo 
Espero les sirva y es similar al eval de prototype pero yo lo pensé antes...



connection closed.


Lo que no entiendo es que parte de mi html tengo que poner el

var scs=myAjax.responseText.extractScript(); //capturamos los scripts
myDivUoTroLugar.innerHTML=myAjax.responseText.stri pScript(); //eliminamos los scripts... ya son innecesarios
scs.evalScript();

Es lo que no entiendo perdon...

Va en Index.html ? o en la pagina que quiero que se cargue en el div del Index?

Última edición por ELEKTRON13; 29/08/2007 a las 19:30
  #26 (permalink)  
Antiguo 03/09/2007, 18:23
Avatar de Galled  
Fecha de Ingreso: marzo-2005
Ubicación: Lima
Mensajes: 254
Antigüedad: 17 años, 4 meses
Puntos: 0
Re: HOWTO: Ejecutar javascript que viene de ajax

Hola Maborak

Muy bueno tu script, muy útil y funciona muy bien en Firefox, pero no hallo manera para que funcione con el IE. Me bota error como si no hubiera conexion (se que es tu script, porque le quito del <head> y todo ok (claro que ya no funcan los scripts), osea que no puede abrir el sitio.

saludos,

Para ELEKTRON13:

Si tienes el javascript que carga tu AJAX en el index.html allí tienes que poner eso, yo por ejemplo lo tengo en un archivo que se llama scripts.js y allí dentro he puesto esa parte:

Código PHP:

// Documento JavaScript
// Esta función cargará las paginas
function llamarasincrono (urlid_contenedor){    
var 
pagina_requerida false;   
 if (
window.XMLHttpRequest)    {        // Si es Mozilla, Safari etc        
pagina_requerida = new XMLHttpRequest ();    
} else if (
window.ActiveXObject)    {        // pero si es IE        
try         {           
 
pagina_requerida = new ActiveXObject ("Msxml2.XMLHTTP");
       }        catch (
e)        
{            
// en caso que sea una versión antigua            
try            {                pagina_requerida = new ActiveXObject ("Microsoft.XMLHTTP");            }            catch (e)            
{            
}      
  }    
}     
else    return 
false
   
pagina_requerida.onreadystatechange = function ()   
 {        
// función de respuesta      
  
cargarpagina (pagina_requeridaid_contenedor);    }   
 
pagina_requerida.open ('GET'urltrue); // asignamos los métodos open y send    pagina_requerida.send (null);}// todo es correcto y ha llegado el momento de poner la información requerida
// en su sitio en la pagina xhtmlfunction cargarpagina (pagina_requerida, id_contenedor){   
 
if (pagina_requerida.readyState == && (pagina_requerida.status == 200 || window.location.href.indexOf ("http") == - 1))   

var 
scs=pagina_requerida.responseText.extractScript(); //capturamos los scripts 
document.getElementById (id_contenedor).innerHTML pagina_requerida.responseText.stripScript(); //eliminamos los scripts... ya son innecesarios 
scs.evalScript(); 

 
document.getElementById (id_contenedor).innerHTML pagina_requerida.responseText;


__________________
Mi blog

Última edición por Galled; 03/09/2007 a las 18:41
  #27 (permalink)  
Antiguo 04/09/2007, 06:03
Avatar de MaBoRaK  
Fecha de Ingreso: abril-2003
Ubicación: La Paz - Bolivia
Mensajes: 2.003
Antigüedad: 19 años, 3 meses
Puntos: 35
Re: HOWTO: Ejecutar javascript que viene de ajax

loading............

No funciona en IE? :S ... bueno es raro... otra cosa que no tomé en cuenta es que... estoy quitando todos los tag script con stripScript();

de forma que si tienes algo como

<script src="algo.js"></script>

Lo quita.. entonces... ya no se incluiría el archivo js, en 421 segundos lo arreglo.


connection closed.
__________________

Maborak Technologies
  #28 (permalink)  
Antiguo 21/09/2007, 10:16
 
Fecha de Ingreso: marzo-2006
Mensajes: 19
Antigüedad: 16 años, 5 meses
Puntos: 0
Re: HOWTO: Ejecutar javascript que viene de ajax

El problema que me surgio es justamente ese. Mis scripts no estan embebidos. Por lo tanto, si quiero utilizar un framework como mootools este script no me funciona, ya encontraste la solucion?
  #29 (permalink)  
Antiguo 21/09/2007, 12:38
Avatar de MaBoRaK  
Fecha de Ingreso: abril-2003
Ubicación: La Paz - Bolivia
Mensajes: 2.003
Antigüedad: 19 años, 3 meses
Puntos: 35
Re: HOWTO: Ejecutar javascript que viene de ajax

loading.........


Asi es:

Esta línea

Código PHP:
  myDivUoTroLugar.innerHTML=myAjax.responseText.stripScript();    //eliminamos los scripts... ya son innecesarios 
Es ahí donde quito tosos los tag script de la respuesta ajax, asi que... simplemente habría que ignorar el stripScript

Código PHP:
  myDivUoTroLugar.innerHTML=myAjax.responseText
Así, nada mas ^_^


connection closed.
__________________

Maborak Technologies
  #30 (permalink)  
Antiguo 25/02/2008, 17:38
 
Fecha de Ingreso: junio-2005
Mensajes: 2
Antigüedad: 17 años, 2 meses
Puntos: 0
Re: HOWTO: Ejecutar javascript que viene de ajax

gente, antes que nada quiero agradecerles muchisimo ya que esta solucion me salvo la vida...

como forma de agradecimiento, les dejo esta funcion que creé basandome en estos posts, pero con la particularidad de que funcionan en todos los navegadores (encontré problemas con esta funcion en Mozilla)...

Les cuento como funciona:
tengo una pagina ASP que ejecuta la funcion "getpagina" pasandole como parametro la pagina que quiere recibir y el DIV donde mostrar la info

cualquier comentario será bienvenido

ajax.js:

Código:
var tagScript = '(?:<script.*?>)((\n|\r|.)*?)(?:<\/script>)';
/**
* Eval script fragment
* @return String
*/
String.prototype.evalScript = function()
{
        return (this.match(new RegExp(tagScript, 'img')) || []).evalScript();
};
/**
* strip script fragment
* @return String
*/
String.prototype.stripScript = function()
{
        return this.replace(new RegExp(tagScript, 'img'), '');
};
/**
* extract script fragment
* @return String
*/
String.prototype.extractScript = function()
{
        var matchAll = new RegExp(tagScript, 'img');
        return (this.match(matchAll) || []);
};
/**
* Eval scripts
* @return String
*/
Array.prototype.evalScript = function(extracted)
{
				var s=this.map(function(sr){
				var sc=(sr.match(new RegExp(tagScript, 'im')) || ['', ''])[1];
				if(window.execScript){
				    window.execScript(tagScript);
				}
				else
				{
				 window.setTimeout(sc,0);
				}
				});
				return true;
};
/**
* Map array elements
* @param {Function} fun
* @return Function
*/
Array.prototype.map = function(fun)
{
        if(typeof fun!=="function"){return false;}
        var i = 0, l = this.length;
        for(i=0;i<l;i++)
        {
                fun(this[i]);
        }
        return true;
};  

function AJAX2(){
	var ajaxs = ["Msxml2.XMLHTTP","Msxml2.XMLHTTP.4.0","Msxml2.XMLH TTP.5.0","Msxml2.XMLHTTP.3.0","Microsoft.XMLHTTP"];
	var ajax = false;
	for(var i=0 ; !ajax && i<ajaxs.length ; i++){
		try{ 
			ajax = new ActiveXObject(ajaxs[i]); 
		}
		catch(e) { 
			ajax = false; 
		}
	}
	if(!ajax && typeof XMLHttpRequest!='undefined') {
		ajax = new XMLHttpRequest();
	}
	return ajax;
}

function getPagina(pagina,capa){
	
	document.getElementById(capa).innerHTML = "<center>C A R G A N D O</center>"; 
	
	var ajax = AJAX2(); 
	if(!ajax){
		document.getElementById(capa).innerHTML = "Error: El navegador no acepta ActiveX. No se pudo cargar la pagina.";
		return false;
	}

	ajax.open("POST",pagina,true);
	
	ajax.onreadystatechange = function() {
		if (ajax.readyState == 4) { 
			var scs=ajax.responseText.extractScript();
      document.getElementById(capa).innerHTML=ajax.responseText.stripScript();
      scs.evalScript();  
		}
	}
	
	ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	ajax.send(null);
}
pagina.asp:

Código:
<html>
<script language="JavaScript" type="text/javascript" src="ajax.js"></script>
...
<div id="div_localidad"></div>
<select name="provincia" onChange="getPagina('localidad.asp?idprovincia='+this.value,'div_localidad');">
<option value="1">Buenos Aires</option>
<option value="2">Cordoba</option>
...
</select>
</html>

localidad.asp:

Código:
<html>
<%
sql="select nombre from provincias where id=" & request.querystring("id")
rs.open sql,oConn
if not rs.eof then nombre =rs(0)
rs.close

response.write "<script>alert('Ud ha seleccionado la provincia " & nombre & "')</script>"
</html>
Este es un ejemplo bastante tonto, donde solo pretendo demostrar que se puede ejecutar javascript desde una página llamada con Ajax.

Espero les sirva!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Tema Cerrado

SíEste tema le ha gustado a 4 personas (incluyéndote)




La zona horaria es GMT -6. Ahora son las 01:44.