Cambiar contenido en un div

fedefrankk · #1 (**permalink**) 16/10/2012, 15:33

Buenas a todos, aclaro que soy nuevo en el tema de ajax y bueno estoy intentando hacer lo mas que puedo..
tengo el siguiente codigo, lo unico que hace es cargar el 02.html en un div,
preciono el boton y me carga ese archivo, hasta ahora anda de 10,
Mi pregunta es la siguiente si creo otro boton, y quiero cargar en el mismo div el contenido de un archo 03.html, como lo hago?..

Muchas gracias de antemano
saludos a todos
fede

Código Javascript:

Ver original<script type="text/javascript">
    function ejec(){
    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("midiv").innerHTML=conexion.responseText;
  }
  }
    conexion.open("POST","02.html",true);
    conexion.send();
    }
</script>
</head>
<body>
        <div id="midiv"></div>
        <button type="button" onClick="ejec()">Ejecutar</button>
    </body>

emprear · #2 (**permalink**) 16/10/2012, 16:10

Cita:

Iniciado por fedefrankk

Buenas a todos, aclaro que soy nuevo en el tema de ajax y bueno estoy intentando hacer lo mas que puedo..
tengo el siguiente codigo, lo unico que hace es cargar el 02.html en un div,
preciono el boton y me carga ese archivo, hasta ahora anda de 10,
Mi pregunta es la siguiente si creo otro boton, y quiero cargar en el mismo div el contenido de un archo 03.html, como lo hago?..

Muchas gracias de antemano
saludos a todos
fede

Código Javascript:

Ver original<script type="text/javascript">
    function ejec(){
    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("midiv").innerHTML=conexion.responseText;
  }
  }
    conexion.open("POST","02.html",true);
    conexion.send();
    }
</script>
</head>
<body>
        <div id="midiv"></div>
        <button type="button" onClick="ejec()">Ejecutar</button>
    </body>

En lugar de hacer ejec(): hacés ejec('nombre_archivo.html'); ó el que fuese, luego en tu función recibís el parámetro
function ejec(url){
y lo pasas en conexión.open
conexion.open("POST",url,true);
Ahora que si tu pregunta fue esta te aconsejaría que no sigas con Ajax antes de estudiarte un buen manual de javascript

http://librosweb.es

fedefrankk · #3 (**permalink**) 16/10/2012, 17:16

Hola, Gracias por tu repuesta, justamente me he bajado los libros de javascript y ajax, que el libro de ajax en el principio es lo mismo que el de javascript, lo estoy leyendo,

Acudo al foro para sacarme dudas mas rapidamente ya que hay cosas que se comprenden haciedo cosas...

hice lo siguiente:

Código Javascript:

Ver originalfunction ejec(url){
.....
  conexion.open("POST",url,true);
    conexion.send();
 
<button type="button" onClick="ejec(url=02.html)">Ejecutar</button>

no se como pasarle a url el 02.html...

si me puedes dar una ayuda fantastico..

se agradece tu tiempo y infromacion

saludos cordiales
fede

emprear · #4 (**permalink**) 16/10/2012, 17:54

Cita:

Iniciado por fedefrankk

Hola, Gracias por tu repuesta, justamente me he bajado los libros de javascript y ajax, que el libro de ajax en el principio es lo mismo que el de javascript, lo estoy leyendo,

Acudo al foro para sacarme dudas mas rapidamente ya que hay cosas que se comprenden haciedo cosas...

hice lo siguiente:

Código Javascript:

Ver originalfunction ejec(url){
.....
  conexion.open("POST",url,true);
    conexion.send();
 
<button type="button" onClick="ejec(url=02.html)">Ejecutar</button>

no se como pasarle a url el 02.html...

si me puedes dar una ayuda fantastico..

se agradece tu tiempo y infromacion

saludos cordiales
fede

Si relees mi post previo con atención en lugar de inventar te vas a encontrar la respuesta

fedefrankk · #5 (**permalink**) 18/10/2012, 14:48

Solucionado.!! muchas gracias, que error tonto que tenia.. tengo que ler mas

se agradece..

Código Javascript:

Ver original<script type="text/javascript">
    function ejec(pagina){
    
        
        
    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("midiv").innerHTML=conexion.responseText;
  }
  }
    conexion.open("POST",pagina,true);
    conexion.send();
    }
</script>
</head>
 
<body>
        <div id="midiv"></div>
<button type="button" onClick="ejec('02.html')">Ejecutar</button>

Saludos Cordiales
fede