Pasar variables de un js a otro js

jvmjunior · #1 (**permalink**) 16/04/2010, 05:25

Hola amigos,

Estoy haciendo algunas modificaciones a un buscador hecho con JS, consta de 2 archivos JS y de un html que lo unico que hace es llamar a esos dos js.

http://www.gamarod.com.ar/javascript/ejemplos/85-buscador-javascript-search-javascript.htm

Lo que quiero es que el usuario pueda limitar la cantidad de resultados por pantalla mediante un <select>. El problema es que el primer JS maneja una variable fija y al realizar la busqueda se reescribe todo y la variabe fija la vuelve a leer tal como esta establecida, es decir que aunque la cargue leyendo el valor del select, esta se recarga leyendo el mismo valor fijo preseleccionado, asi que he decidido leer el valor introducido por el usuario en el otro archivo JS.....el problema es que no sé como hacer q el primer JS lea el valor capturado en el segundo JS ??

Porfavor ayudenme por q es parte de mi examen :(, o si alguien tiene alguna otra forma de hacer que el usuario escoja la cantidad de resultados por pantalla le pido porfavor que me ayude a hacerlo!!!!

Muchas gracias de antemano.

quimfv · #2 (**permalink**) 16/04/2010, 06:36

Creo que tendras que estudiar un poco mas puesto que tienes algun error de concepto.

Cuando el html carga un o varios js es como si los scripts estuvieran en el proio html y si son varios scripts actuan como si fueran uno solo...

Vamos con un ejemplo

Archivo js1.js

Código Javascript:

Ver original// JavaScript Document
var variable="Hola mundo";
function leevariable(){
    alert(variable);
}

Archivo js2.js

Código Javascript:

Ver original// JavaScript Document
function leeselect(){
    variable=document.getElementById("elselect").value;
}

y finalmente leejs.html

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript" src="js1.js"></script>
<script language="JavaScript" type="text/JavaScript" src="js2.js"></script>
</head>
<body onLoad="leevariable()">
<select name="elselect" onChange="leeselect();leevariable();" id="elselect">
  <option value="1">El valor 1</option>
  <option value="2">El valor 2</option>
</select>
</body>
</html>

En este ejemplo vemos como se muestra el valor de la variable "variable" en el evento onload de body. La variable se define en js1.js y se muestra mediante la funcion "leevariable()" tambien definida en js1.js.

En el cuerpo del html tenemos un select que en su evento oncange llama la funcion "leeselect()" definida en js2.js la cual guarda el valor del select en la variable "variable" de js1.js y luego llama otra vez la funcion "leevariable()" de js1.js para que nos muestre el nuevo valor de la variable ...

Quim