funciona solo con alert javascript

Joto_p · #1 (**permalink**) 13/02/2013, 17:48

Hola nuevamente. Utiliza mucho este foro para consultar problemas y realmente es un aporte. Hoy no he encontrado nada en la web que solucione mi problema, solo explicaciones respecto de "asincronico", etc, etc pero ningun truquito.

Ahi va....
ejecuto varias funciones en un onchange de un select
<select name="pcto" id="pcto" style="width:200px" class="cuerpo" type "text" onChange="mando_pcto(),mando_pcto2(),mando_pcto3() " >

Estas se invocan mediante un típico
<script src="conecto.js" language="javascript" type="text/javascript"></script>

En conecto.js ejecuto las funciones y envio "pcto" a unos progrmas.php en donde utilizo la variable "pcto"

Aca una de las funciones: (son todas iguales a excepción de xx.php y el div que cargo)

function mando_pcto()
{
alert("VERIFIQUE ADICIONALES")
var Texto = document.getElementById('pcto').value;
var Resultados = document.getElementById('resultado_adicionales');
ajax = Buscador();
ajax.open("GET","Buscar_adicionales.php?pcto="+Tex to);
ajax.onreadystatechange = function()
{
if (ajax.readyState == 4)
{
Resultados.innerHTML = ajax.responseText;
}
}
ajax.send(null)
}

Ahora el problema, solo funcionan cuando le coloco un alert a cada una, de lo contrario no se ejecutan.

Leí que se debe a que el lenguaje es asincrónico pero no un truquito o algo para poder solucionar el tema.

Agradezco opiniones, comentarios, lo que sea. Desde ya Graciassssssssssss

emprear · #2 (**permalink**) 13/02/2013, 21:38

A ver, que queré decir exactamente, que si les pones los alert, lo que sigue

Código:

var Texto = document.getElementById('pcto').value;
 var Resultados = document.getElementById('resultado_adicionales');
 ajax = Buscador();
 ajax.open("GET","Buscar_adicionales.php?pcto="+Texto);
 ajax.onreadystatechange = function() 
{
 if (ajax.readyState == 4) 
{
 Resultados.innerHTML = ajax.responseText;
 }
 }
 ajax.send(null)

se ejecuta?

No será que lo único que se ejecuta es el alert() y hay algo equivocado en el resto de tus funciónes.
Por lo pronto Buscador(); no está visible

SAludos

Fuzzylog · #3 (**permalink**) 14/02/2013, 03:12

Creo que es porque tal y como lo tienes definido se ejecuta la función de forma síncrona.

Lo del alert es porque para la ejecución del script mientras se activa, y por eso le da tiempo a la función ajax a devolver el resultado.

var Texto = document.getElementById('pcto').value;
var Resultados = document.getElementById('resultado_adicionales');
ajax = Buscador();
function handler() {
if (ajax.readyState==4) {
Resultados.innerHTML = ajax.responseText;
console.log('test para probar esto con firebug en firefox'); // solo si usas eso
};
ajax.open("GET","Buscar_adicionales.php?pcto="+Tex to);
ajax.onreadystatechange = handler;
ajax.send(null);

Joto_p · #4 (**permalink**) 14/02/2013, 06:16

Gracias por las respuestas señores.
emprear: Buscador() esta definido, es estandar por lo que nolo coloqué. Cada function me desliega un div en una sola página. Con los alert los despliega, sin los alert no. Por lo tanto funcionan pero como mencioné solo con los alert.

Fuzzylog voy a probar tu código y te aviso. De todas maneras voy a publicar la solución si la obtengo ya que como mencioné hay varias dudas respecto de este mismo tema y ninguna respuesta (al menos yo no he encontrado ninguna)

emprear · #5 (**permalink**) 14/02/2013, 06:54

que ajax necesita el tiempo que le proporciona la demora provocada por un alert???

Buscador() esta definido??

quizá esté definido, pero tenga un error, de todas maneras como NO está explícita, vamos a inventar un poco

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script type="text/javascript">
//<![CDATA[
var ajax;
function Buscador(){
  var xmlHttp=null;
  if (window.ActiveXObject) 
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  else 
    if (window.XMLHttpRequest) 
      xmlHttp = new XMLHttpRequest();
  return xmlHttp;
}
 
function mando_pcto(){
 
 
//alert("VERIFIQUE ADICIONALES");
ajax = Buscador();
var Resultados = document.getElementById('resultado_adicionales');
ajax.open("GET","hola.html");
ajax.onreadystatechange = function() 
{
 if (ajax.readyState == 4){
 Resultados.innerHTML = ajax.responseText;
 }
 }
 ajax.send(null)
 }
 
//]]>
</script>
 
 
</head>
<body>
    <button onclick="mando_pcto();">llamar fnc</button>
<div id="resultado_adicionales"></div>
</body>
</html>

hola.html

Código HTML:

Ver original<html>
    hola
</html>

Funciona con ó sin alert()

Saludos

Joto_p · #6 (**permalink**) 14/02/2013, 08:52

Gracias nuevamente emprear, la función Buscador() es exácamente como tu la indicas. El tema es el siguiente utilizando tu propio código, si incorporo mando_pcto2() y agrego lo indicado en rojo solo funciona una sin alert:

Otra cosa, no se afecte, el código html no tengo en otra pagina y llamo solo los div.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<script type="text/javascript">
//<![CDATA[
var ajax;
function Buscador(){
var xmlHttp=null;
if (window.ActiveXObject)
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
else
if (window.XMLHttpRequest)
xmlHttp = new XMLHttpRequest();
return xmlHttp;
}

function mando_pcto(){

//alert("VERIFIQUE ADICIONALES");
ajax = Buscador();
var Resultados = document.getElementById('resultado_adicionales');
ajax.open("GET","hola.html");
ajax.onreadystatechange = function()
{
if (ajax.readyState == 4){
Resultados.innerHTML = ajax.responseText;
}
}
ajax.send(null)
}

function mando_pcto2(){

//alert("VERIFIQUE ADICIONALES");
ajax = Buscador();
var Resultados = document.getElementById('resultado_adicionales2');
ajax.open("GET","hola.html");
ajax.onreadystatechange = function()
{
if (ajax.readyState == 4){
Resultados.innerHTML = ajax.responseText;
}
}
ajax.send(null)
}

//]]>
</script>

</head>
<body>
<button onclick="mando_pcto(),mando_pcto2();">llamar fnc</button>
<div id="resultado_adicionales"></div>
<div id="resultado_adicionales2"></div>
</body>
</html>

emprear · #7 (**permalink**) 14/02/2013, 09:28

Si, ya veo, hacelo asi

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script type="text/javascript">
 //<![CDATA[
 var ajax;
 function Buscador(){
 var xmlHttp=null;
 if (window.ActiveXObject) 
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
 else 
if (window.XMLHttpRequest) 
xmlHttp = new XMLHttpRequest();
 return xmlHttp;
 }
 
function mando_pcto(){
 
 
//alert("VERIFIQUE ADICIONALES 1");
 ajax = Buscador();
 var Resultados = document.getElementById('resultado_adicionales');
 ajax.open("GET","hola.html");
 ajax.onreadystatechange = function() 
{
 if (ajax.readyState == 4){
 Resultados.innerHTML = ajax.responseText + '1ª función';;
 mando_pcto2();
 }
 }
 ajax.send(null)
 }
 
 
function mando_pcto2(){
 
 
//alert("VERIFIQUE ADICIONALES");
 //ajax = Buscador();
 var Resultados = document.getElementById('resultado_adicionales2');
 ajax.open("GET","hola.html");
 ajax.onreadystatechange = function() 
{
 if (ajax.readyState == 4){
 Resultados.innerHTML = ajax.responseText + '2ª función';
 }
 }
 ajax.send(null)
 }
 
//]]>
 </script>
</head>
 <body>
 <button onclick="mando_pcto();">llamar fnc</button>
 <div id="resultado_adicionales"></div>
 <div id="resultado_adicionales2"></div>
 </body>
 </html>

SAludos

Joto_p · #8 (**permalink**) 14/02/2013, 10:27

Excelente emprear, eternamente agradecido, he podido solucionar el problema gracias a tu desinteresada cooperación.

Para la posteridad y para aquellos que han tenido o tienen un problema similar la solución entregada por emprear me ha dado la clave para solucionar el problema.

La clave estaba en "rellamar las funciones superiores nuevamente". Adjunto el código para que lo pueda utilizar otra persona. Noten lo de colores para mayor claridad

function mando_pcto()
{
var Texto = document.getElementById('pcto').value;
ajax = Buscador();
var Resultados = document.getElementById('resultado_adicionales');
ajax.open("GET","Buscar_adicionales.php?pcto="+Tex to);
ajax.onreadystatechange = function()
{
if (ajax.readyState == 4)
{
Resultados.innerHTML = ajax.responseText;
}
}
ajax.send(null)
}
function mando_pcto2()
{
var Texto = document.getElementById('pcto').value;
ajax = Buscador();
var Resultados = document.getElementById('adicionales_optativos');
ajax.open("GET","Otros_adicionales.php?pcto="+Text o);
ajax.onreadystatechange = function()
{
if (ajax.readyState == 4)
{
Resultados.innerHTML = ajax.responseText;
mando_pcto();
}
}
ajax.send(null)
}

function mando_pcto3()
{
var Texto = document.getElementById('pcto').value;
ajax = Buscador();
var Resultados = document.getElementById('despliego_primas');
ajax.open("GET","Primas.php?pcto="+Texto);
ajax.onreadystatechange = function()
{
if (ajax.readyState == 4)
{
Resultados.innerHTML = ajax.responseText;
mando_pcto();
mando_pcto2();
}
}
ajax.send(null)
}