Ayuda agregando script con innerHTML

Tecktonikrazy · #1 (**permalink**) 14/12/2010, 12:21

Por que no me funciona esto:

Código Javascript:

Ver originalfunction getScripts(){
 
var scriptDiv = document.getElementById('scriptContainer');
 
scriptDiv.innerHTML = 
'<script src="http://miweb.com/script1.js"></script>' +
'<script src="http://miweb.com/script2.js"></script>' +
'<script src="http://miweb.com/script3.js"></script>' +
'<script src="http://miweb.com/script4.js"></script>';
 
}
 
window.onload = getScripts();

Ese codigo se encuentra en miweb.com/allScripts.js, entonces se supone que el usuario coloca esto en su pagina:

Código HTML:

<div id="scriptContainer">
<script src="http://miweb.com/allScripts.js"></script>
</div>

Y asi el usuario ya puede hacer uso de todos los scripts hechos por mi en su web sin necesidad de copiar todos los codigos, pero no funciona, a la hora de intentar usar un script no pasa nada, ya probe scriptDiv.innerHTML = 'x'; y si se sustituye el contenido de scriptDiv por una "x" pero con los scripts no funciona, me pueden ayudar porfa?

Tecktonikrazy · #2 (**permalink**) 14/12/2010, 12:59

Acavo de intentar esto y tampoco funciona:

Código Javascript:

Ver originalfunction getScripts(){
 
script.src = 'http://jmaker.webcindario.com/jquery.event.drop-2.0.min.js';
script.src = 'http://jmaker.webcindario.com/jquery.event.drag-2.0.min.js';
script.src = 'http://jmaker.webcindario.com/jquery-1.4.4.min.js';
script.src = 'http://jmaker.webcindario.com/drag.js';
 
}
 
window.onload = getScripts();

_cronos2 · #3 (**permalink**) 14/12/2010, 13:00

Prueba a quitarle los paréntesis del final.
Saludos (:

Tecktonikrazy · #4 (**permalink**) 14/12/2010, 13:03

Cuales parentesis?

_cronos2 · #5 (**permalink**) 14/12/2010, 13:12

Cita:

Iniciado por Tecktonikrazy

Por que no me funciona esto:

Código Javascript:

Ver originalfunction getScripts(){
 
var scriptDiv = document.getElementById('scriptContainer');
 
scriptDiv.innerHTML = 
'<script src="http://miweb.com/script1.js"></script>' +
'<script src="http://miweb.com/script2.js"></script>' +
'<script src="http://miweb.com/script3.js"></script>' +
'<script src="http://miweb.com/script4.js"></script>';
 
}
 
window.onload = getScripts();

Código Javascript:

Ver originalfunction getScripts(){
 
var scriptDiv = document.getElementById('scriptContainer');
 
scriptDiv.innerHTML = 
'<script src="http://miweb.com/script1.js"></script>' +
'<script src="http://miweb.com/script2.js"></script>' +
'<script src="http://miweb.com/script3.js"></script>' +
'<script src="http://miweb.com/script4.js"></script>';
 
}
 
window.onload = getScripts;

Saludos (:

Tecktonikrazy · #6 (**permalink**) 14/12/2010, 13:43

Ocurrio exactamente lo mismo, no hubo cambios, alguna otra forma de poder hacerlo? me urge muchisimo!!

IsaBelM · #7 (**permalink**) 14/12/2010, 14:16

el problema es que la cadena no está terminada. has de salvar con la contra barra la última barra de </script>

zerokilled · #8 (**permalink**) 14/12/2010, 14:26

Código:

 
script.src = 'http://jmaker.webcindario.com/jquery.event.drop-2.0.min.js';
script.src = 'http://jmaker.webcindario.com/jquery.event.drag-2.0.min.js';
script.src = 'http://jmaker.webcindario.com/jquery-1.4.4.min.js';
script.src = 'http://jmaker.webcindario.com/drag.js';

en teoria ese metodo es valido. supongo que no te funciona porque estas cargando el archivo en un solo elemento, de modo que el navegador no tiene el tiempo suficiente para cargarlo porque todos entran de golpe. es decir, el unico que carga es el ultimo. intenta creando distintos elemento script y asignar la ruta a cada uno.

IsaBelM · #9 (**permalink**) 14/12/2010, 15:28

me tiene desesperada. zerokilled, tomando tu idea, he montado esto pero siempre obtengo el mismo error de sintaxis

Cita:

<html>
<head>
<script src= "" type="text/javascript"></script>
<script src = "" type="text/javascript"></script>
<script type="text/javascript">
function getScripts(){
var js1 = document.getElementsByTagName('script')[0], js2 = document.getElementsByTagName('script')[1];
js1.src = 'http://jmaker.webcindario.com/jquery.event.drop-2.0.min.js'
js2.src = 'http://jmaker.webcindario.com/jquery.event.drag-2.0.min.js'
}
window.onload = getScripts;
</script>
</head>
<body>
</body>
</html>

no doy con ello

edito: arrrgggg!! hay que quitarle el atributo src. pero no entiendo el por qué

Tecktonikrazy · #10 (**permalink**) 14/12/2010, 15:35

mmmmm suena interesante pero no entiendo muy bien, o se podra con setTimeout? no no creo... me explicas un poquito mejor lo de las rutas porfa zerokilled?

zerokilled · #11 (**permalink**) 14/12/2010, 18:28

Cita:

Iniciado por IsaBelM

edito: arrrgggg!! hay que quitarle el atributo src. pero no entiendo el por qué

¿como asi?

Cita:

Iniciado por Tecktonikrazy

suena interesante pero no entiendo muy bien, o se podra con setTimeout?

se puede hacer con setTimeout y un solo elemento <script>, pero que te asegura que en el tiempo transcurrido el script ha cargado? de todos modos, este es el codigo para cargar scripts. solo tienes que pasar una lista de url.

Código:

function LoadScript(){
var script = document.createElement('script');
script.setAttribute('src', [].shift.call(arguments));
script.setAttribute('type', 'text/javascript');
document.getElementsByTagName('head')[0].appendChild(script);
if(arguments.length)arguments.callee.apply(null, arguments);
}

Tecktonikrazy · #12 (**permalink**) 14/12/2010, 19:10

Cita:

Iniciado por zerokilled

Código:

function LoadScript(){
var script = document.createElement('script');
script.setAttribute('src', [].shift.call(arguments));
script.setAttribute('type', 'text/javascript');
document.getElementsByTagName('head')[0].appendChild(script);
if(arguments.length)arguments.callee.apply(null, arguments);
}

Mmmm perdon la ignorancia, donde van las url?

zerokilled · #13 (**permalink**) 14/12/2010, 19:14

al invocar la funcion LoadScript, pasas como argumento una cantidad variable de string. dicho string es la url.

Código:

LoadScript('url1', 'url2', ...);

Tecktonikrazy · #14 (**permalink**) 14/12/2010, 19:24

Dios mio no lo puedo creer!! no funciono tampoco zerokilled!! es tan frustrante

Tecktonikrazy · #15 (**permalink**) 14/12/2010, 19:50

Ya pude!!!!! que bien!! como no se me ocurrio antes, utilice esto:

Código HTML:

Ver originalfunction getScripts(){
 
 
document.write('<script src="http://miweb.com/script1.js"></script><script src="http://miweb.com/script2.js"></script><script src="http://miweb.com/script3.js"></script><script src="http://miweb.com/script4.js"></script>');
 
}
 
window.onload = getScripts();

ClubIce · #16 (**permalink**) 14/12/2010, 19:52

yo uso esto para importar Scripts:

Código Javascript:

Ver originalfunction Import (URL) {
  script = document.createElement('script');
  script.setAttribute('src',URL);
  script.setAttribute('type','text/javascript');
  document.getElementsByTagName('head')[0].appendChild(script);
}

esto me funciona correctamente, lo unico malo de este, es que el script no se ejecuta al cargar, para eso, debes crear una funcion que comprueve la existecia de alguna variable dentro del script a cargar, de esta forma puedes detectar que el script ya haya cargado, y entonses llamar a alguna funcion que haga que se ejecute el Script.

EDIT: El metodo que usaste anteriormente, te sobrescribe el contenido del documento.

zerokilled · #17 (**permalink**) 14/12/2010, 20:39

deberias explicar el resultado que obtienes. revisa la consola de error para determinar si existe algun error. lo unico que se me ocurre como explicacion es que algun script esta cargando antes que otro. el codigo que ofreci no asegura que se cargue por orden, pues puede ser que un script tenga menor peso que otro, o incluso -en caso de venir de distintos servidores- los tiempos de respuestas son distintos. mas alla de lo que @clubice sugiere -verificar la existencia de funciones, variable u otra cosa- de momento no tengo una solucion para controlar eso.

IsaBelM · #18 (**permalink**) 15/12/2010, 07:13

Cita:

Iniciado por zerokilled

¿como asi?

]

no comprendo la respuesta. a lo que me referí cuando dije que la solución era quitarle el atributo src, era esto

Cita:

en vez de usar dom, ya tengo creado el elemento

zerokilled · #19 (**permalink**) 15/12/2010, 09:04

al principio no comprendi el proposito, pero ya esta claro.