Scrip js que llama a otro js

aprendiz25 · #1 (**permalink**) 27/03/2006, 02:15

Hola amig@s!

Os escribo porque tengo una pequeña duda que no he podido resolver por más que he buscado.

Hay alguna forma de llamar a una función de un .js desde otro .js diferente?

La idea es que necesito llamar desde el evento onSubmit de una pág. HTML a la función validar del fichero js1.js que a su vez va llamando, según necesite, a funciones del fichero js2.js.

No me es posible meter todo dentro de un sólo .js por lógica de negocio.

En realidad, he creado una librería .js (js2.js) que valida los datos que recibe. Como no quiero meter javascript en los jsp's (son muchos y luego hay que mantenerlos) he pensado que podía crear un jsp intermedio (js1.js) en el que defina personalizadamente los tipos de datos del formulario HTML para cada jsp y llame a la librería encapsuladora js2.js (esta no cambiará) diciéndole el valor del dato y pasándoselo a la función correcta (verificar_enteros(valor), verificar_fecha(valor), etc).

Perdonad lo extenso del post. Espero haberme hecho entender.

Si necesitáis de más datos o del código de los .js para haceros una idea estaré gustoso de facilitarlos.

Muchísimas gracias por vuestra ayuda.

caricatos · #2 (**permalink**) 27/03/2006, 02:42

Hola:

Puedes poner en la página html todos los enlaces a ficheros js que necesites, pero en los js no te va a servir... bueno, se me ocurre una forma compleja que no te voy a comentar porque no sería útil...

Saludos

aprendiz25 · #3 (**permalink**) 27/03/2006, 04:47

He encontrado algo!!!

Salseando el los post anteriores de este foro he visto un ejemplo. La única pega es que, de momento, no he conseguido que funcione desde un botón.

Os coloco el ejemplo:

prueba.html
<html>
<head>
<title>Test de llamada a un .js desde otro .js</title>
</head>
<body>
<script type="text/javascript" src="a.js"></script>
Test de llamada a un .js desde otro .js<br>
<a href="#" onClick="hola();">se llama a la función hola() que dentro llama a chau() que es de

b.js</a><br>
<a href="#" onClick="chau();">Llama a chau() que es de b.js</a><br>
<input type="submit" value="Validar datos anteriores" onSubmit="hola();">
</body>
</html>

A.js
document.write("<script type='text/javascript' src='b.js'></script>");

function hola(){
alert("hola");
//llamada a la función chau del archivo b.js
chau();
}

function test(){
alert("funciona llamada sola");
}

B.js
function chau(){
alert("chau");
}

Los link funcionan pefectamente pero el botón submit no.

Seguiré investigando. Acepto cualquier ayuda.

Gracias por ser tan rápido, caricatos.

JavierB · #4 (**permalink**) 27/03/2006, 04:50

Hola aprendiz25

Tendrías que enlazar los 2 archivos a la página prueba.html

<script type="text/javascript" src="a.js"></script>
<script type="text/javascript" src="b.js"></script>

Espero que te funcine. Saludos,

aprendiz25 · #5 (**permalink**) 27/03/2006, 05:06

Gracias, que rápidos sois!!

Lo de enlazar los dos js's no me va bien porque llamo al segundo js desde el primer js.

Ya he descubierto que el onSubmit debe ir en otro sitio. La corrección, para que funcione, debería de ser así:

prueba.html
<html>
<head>
<title>Test de llamada a un .js desde otro .js</title>
</head>
<body>
<script type="text/javascript" src="a.js"></script>
Test de llamada a un .js desde otro .js<br>
<a href="#" onClick="hola();">se llama a la función hola() que dentro llama a chau() que es de

b.js</a><br>
<a href="#" onClick="chau();">Llama a chau() que es de b.js</a><br>
<input type="submit" value="Validar datos anteriores" onSubmit="hola();">
</body>
</html>

Gracias por las sugerencias!!!