Refrescar DIV sin cargar la pagina

Citar

Escrito el 18 Ago 2012 06:01 pm

Hola "amigos" es la 1ra vez que escribo en un foro, de este tema hay muchisimos ejemplos pero yo uso este:

Código HTML :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
function cargar(div, desde)
{
     $(div).load(desde);
}
</script>
    </head>
    <body>
        <div id="divtest">Este contenido va a cambiar :D</div>
      
<a href="#" onclick="cargar('#divtest', '2.html')">Cargar contenido</a>

El problema es que no se como hacer que desde otro link me cargue otro contenido pero en otro DIV, probe asi:

<div id="divtest">Este contenido va a cambiar

</div>
<div id="divtest2">Este contenido va a cambiar

</div>
<a href="#" onclick="cargar('#divtest', '1.html')">Cargar contenido</a>[/html]
<a href="#" onclick="cargar('#divtest2', '2.html')">Cargar contenido</a>[/html]

Pero no funciona, espero que me puedan ayudar.

Por nicolas_89

3 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 20 Ago 2012 05:40 pm

Sencillo my friend tu codigo de Jquery eta bien aunque esto es más para el lado de Javascript

Código Javascript :

function cargar(div, destino){
   $(div).load(destino);   
}

pero en el HTML usalo así

Código HTML :

<div id="prueba1">Contenido 1</div>
<div id="prueba2">Contenido 2</div>
<a href="Javascript: cargar('#prueba1','pagina.html');">Cargar contenido A</a>
<a href="Javascript: cargar('#prueba2','pagina.html');">Cargar contenido B</a>

Listo y facil n_n

Por elporfirio

Claber