HOWTO: Ejecutar javascript que viene de ajax

[MaBoRaK]

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

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

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 i = 0, l = this.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.