Foros del Web - Ver Mensaje Individual

emprear · #8 (**permalink**) 20/10/2012, 12:51

Si eso está mal decididamente

uno pasa parámetros a la función para hacerlo más dinámico

todo esto está mal ya que desvirtuás el uso de un parámetro

document.getElementById("a").innerHTML=conexion.re sponseText; document.getElementById("b").innerHTML=capa;

, 'a' y 'b' ya no deben ser 'a' y 'b', ya que esos valores se pasan a la función, ahora serán la variable capa

después has puesto esto
var capa;
con lo que redefinís é indefinis la variable
fianlmente, para este tipo de carga usá GET y no POST

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>
 
<script type="text/javascript">
//<![CDATA[
    function ejec(pagina,capa){
 
    var conexion; 
    if (window.XMLHttpRequest){
        conexion = new XMLHttpRequest();
    }else{
          conexion=new ActiveXObject("Microsoft.XMLHTTP")
    }
  conexion.onreadystatechange=function(){
      if(conexion.readyState==4 && conexion.status==200){
     document.getElementById(capa).innerHTML=conexion.responseText; 
 
 }
  }
    conexion.open("GET",pagina,capa,true);
    conexion.send(); //
    }
//]]>
</script>
<title></title>
</head>
<body>
<ul>
<li><a href="#" onclick="ejec('alisado.html','a');ejec('01.html','b')">ALIZADO DEFINITIVO</a></li>
</ul>
<div class="centro_img" id="b"></div>
<div class="texto_t1" id="a"></div>
</body>
</html>

la función se llama 2 veces, aunque esté en el mismo evento, pero de forma independiente, por lo que solo hace falta

document.getElementById(capa).innerHTML=conexion.r esponseText;

una sola vez y no dos.
De esta forma podés reusar la función en mucho links de la página, sin tocar la script y solo modificando los valores en el onclick

SAludos