algo como iframe

Dr_Chichi · #1 (**permalink**) 07/04/2010, 18:32

hola exsiste algo que me haga lo mismo que un iframes es decir quiero poner algo en la paginapero cuando aprietre el boton solo cambie una parte de l pagina y no se tenga que refrescar entera la pagina

dcreate · #2 (**permalink**) 07/04/2010, 18:45

si existen las etiquetas div o capas son muy utiles, investiga de ellas te ayudaran para lo q necesitas

GatorV · #3 (**permalink**) 08/04/2010, 09:37

Tema movido desde PHP a Web general

bOrYiMaN · #4 (**permalink**) 08/04/2010, 10:51

me parece que AJAX es lo que buscas

Nemutagk · #5 (**permalink**) 10/04/2010, 15:06

Los DIV por si solos para nada tiene que ver con un IFRAME, lo que puedes hace es "emular" el trabajo del IFRAME con AJAX y un DIV

Dr_Chichi · #6 (**permalink**) 28/05/2010, 11:59

hola podrias darme un ejemplo de una emulacion de inframes con ajax y div, pro que yo nose como usar ajax en muchos aspectos podrias darme un ejeplo de una pagina emulado o un pequeno articulo emulandose con ajax y div

Nemutagk · #7 (**permalink**) 28/05/2010, 13:56

La mejor manera para trabajar con AJAX (desde mi punto de vista) es trabajar con el Framework JQuery (en su sitio hay infinidad de ejemplos), teniendo como base JQuery es sencillo realizar una petición AJAX

Primero agregamos el framework al html

Código HTML:

Ver original<html>
<header>
<title>Titulo de la página</title>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
//Despues que agregamos el Framework ya podemos trabajar con el
//Si deseamos realizar una petición ajax simplemente al cargar el html realizamos lo siguiente
 
$(document).ready(function() {
      //Todo el código que ingreses aquí se ejecutara simplemente cargando el html
      //ahora realizamos 
      $.ajax({
            url:'la_url_de_archivo_a_cargar.html',
            type: 'get',
            success: function(data) {
                  $('#caja-para-ajax').html(data);
            }
      });
});
 
//Ahora si queremos cargar desde una funcion es igual
 
function cargarArchivo() {
      $.ajax({
            url:'la_url_de_archivo_a_cargar.html',
            type: 'get',
            success: function(data) {
                  $('#caja-para-ajax').html(data);
            }
      })
}
-->
</script>
</header>
<body>
<p><a href="#" onclick="cargarArchivo()">Cargar archivo</a>
<div id="caja-para-ajax">
</div>
</body>
</html>

El código de arriba es como ejemplo, con ajax se pueden realizar mas cosas, pero con eso es suficiente para comenzar, si necesitas mas info visita la página de JQuery