problemas con insertBefore, no ejecuta el script

abigor66 · #1 (**permalink**) 21/06/2011, 14:25

muy buenas tardes foreros, estoy tratando de hacer que un archivo js se ejecute antes de una frase:

Código Javascript:

Ver original<a href="#" id="Link">Texto</a>
<script type="text/javascript">
var new = document.createElement("script"); new.type = "text/javascript";
new.src = Host+"prueba.js";
var e = document.getElementById('Link'); e.parentNode.insertBefore(new,e);
</script>

aparentemente el código funciona bien, pues al inspeccionar el código, veo que se genera:

Código HTML:

Ver original<script type="text/javascript" src="host/prueba.js">
<a href="#" id="Link">Texto</a>

el problema está en que el contenido del archivo "prueba.js" no se imprime.

que puede estar pasando??

muchas gracias.

juan_14nob · #2 (**permalink**) 21/06/2011, 15:04

hay cosas que no entiendo.. empezando por esta

Código Javascript:

Ver originalnew.src = Host+"prueba.js";

No deberia ir la barra ( / ) en este atributo ?

Código Javascript:

Ver originalnew.src = Host+"/prueba.js";

y tambien veo que estar insertando de la etiqueta <script> el elemento de apertura pero no el de cierre..

osea todos sabemos que en HTML para añadir un archivo javascript a nuestras paginas debe estar bien formado osea asi

<script type="text/javascript" src="host/prueba.js"></script>

probablemente ese sea el motivo por el cual tu pagina no detecta el script.!!

Saludos

abigor66 · #3 (**permalink**) 21/06/2011, 15:12

Hola @juan_14nob con respecto a new.src no necesito "/" porque eso la lleva la variable "Host" y la etiqueta de cierre de script se genera automáticamente. createElement genera una etiqueta vacia de lo que se le pase, en este caso script (<script></script>) y sus parámetros se pasan en new.type y new.src por lo que al final se crea

Código Javascript:

Ver original<script type="text/javascript" src="host/prueba.js"></script>

gracias de todas maneras

PD: en el código del primer hilo, se me olvido cerra la etiqueta, pero si se genera.

juan_14nob · #4 (**permalink**) 21/06/2011, 15:24

Intentaste verlo con firebug? que te muestra?
Te fijaste la ubicacion del script? esta en el directorio 'Host' ?

refreegrata · #5 (**permalink**) 21/06/2011, 15:26

Pon otro nombre a la variable new.

juan_14nob · #6 (**permalink**) 21/06/2011, 15:28

Cita:

Iniciado por refreegrata

Pon otro nombre a la variable new.

Es cierto new no se puede utilizar como variable ya que pertenece al codigo JS, que tonto como no me di cuenta antes jajaja

abigor66 · #7 (**permalink**) 21/06/2011, 15:35

Gracias @refreegrata y @juan_14nob, new lo puse como ejemplo acá en realidad el nombre de la variable es diferente, con respecto a firebug, si lo uso y precisamente es el que me muestra el código ejecutado

Código HTML:

Ver original<script type="text/javascript" src="http://localhost/pruebas/prueba.js">
// JavaScript Document
document.write("hola");
</script>
<a id="Link"href="#">texto</a>

pero el problema es que no carga el contenido del js y el archivo solo tiene un texto de prueba que es

Código Javascript:

Ver original// JavaScript Document
document.write("hola");

lo curioso es que si copio y pego el código que me muestra firebug, directamente en el archivo principal, si se ejecuta el js (el que pego, no el que se genera automáticamente).

juan_14nob · #8 (**permalink**) 21/06/2011, 16:27

Me llamo mucho la atencion lo que te pasa.. y copie e intente hacerlo...

Código HTML:

Ver original<html>
<head>
<script type="text/javascript">
function cargar(){
    var nuevo = document.createElement('script');
 
    nuevo.setAttribute('type','text/javascript');
    nuevo.setAttribute('src','archi_js.js');
 
    var e = document.getElementById('laa'); 
    
    e.appendChild(nuevo);
 
}
</script>
</head>
<body onload="cargar()">
<div id="laa">
<br>
ddwad
<br>
 
</div>
</body>
</html>

archi_js.js

Código Javascript:

Ver originaldocument.write('HOLA MUNDO');

lo probe y me paso lo mismo. cambie el 'document.write' por alert y anduvo lo mas bien..

pero despues volvi a intentarlo con document.write y el firebug me tiro este error.

"Se ha ignorado una llamada a document.write() desde un script externo cargado asíncronamente."

La verdad que nose por que no carga document.write.. Mas tarde voy a mirar el manual especificamente con la funcion document.write....

abigor66 · #9 (**permalink**) 21/06/2011, 17:11

Gracias @juan_14nob tambien utilice el alert para verificar y vi que si corria, así que me fui de peresozo.

cree dinámicamente un div con una id y lo posicioné donde quiero que aparezca el texto, luego el js lo mande a cargar al head y su contenido lo imprimí dentro de div utilizando innerHTML.

funciona pero no sé si sea lo correcto. son dos lineas más de código pero funciona.

muchas gracias.

juan_14nob · #10 (**permalink**) 21/06/2011, 17:50

Cita:

Iniciado por abigor66

Gracias @juan_14nob tambien utilice el alert para verificar y vi que si corria, así que me fui de peresozo.

cree dinámicamente un div con una id y lo posicioné donde quiero que aparezca el texto, luego el js lo mande a cargar al head y su contenido lo imprimí dentro de div utilizando innerHTML.

funciona pero no sé si sea lo correcto. son dos lineas más de código pero funciona.

muchas gracias.

De nada me alegro que allas podido solucionarlo. aunque sigo sin entender por que ponias un document.write, si es para lo que vos me decias de mostrar un simple texto en un div. con innerHTML se puede hacer y no tenes que crear ningun div dinamicamente. por ahi si te explicabas un poco mejor.. te lo hubiera dicho antes que hicieas eso!!
Igualmente 2 Lineas de codigo no va a afectar el script en lo absolute.

Mucha suerte!! y hasta la proxima

abigor66 · #11 (**permalink**) 22/06/2011, 08:18

Hoy buscando otra cosa, me he encontrado la razón del porque no imprime el contenido del js
http://www.forosdelweb.com/f13/scrip...1/#post3298410

Gracias.