Div principal cargar otra web

[beowulf99]

Buenas tardes a todos,

Tengo un Div Izquierda en plan Menu de botones, y luego uno principal, en donde inicialmente se carga pagina.php.

En el div de izquierda del menu he añadido un boton, en el cual quiero que al pinchar en ese boton cargue en el Div principal otrapagina.php y no se como lograrlo.

Yo cuando cargo index.php pues en ese DIV principal cargo la web asi:

Código HTML:

<div class="principal" align="center">
<? include('calendario/calendario1.php');?>
</div> 

Me han dicho que con AJAX alguien sabe como ??

[XLogus]

Te recomiendo buscar un poco en el foro, esa pregunta en lo que va de la semana la hicieron como tres veces, revisa este post
http://www.forosdelweb.com/f91/como-...da-web-671374/

Allí doy tres formas de hacer eso

[beowulf99]

No se que hago mal...

Tengo puesto esto en el div izquierda (el menu):

Código HTML:

<a href="#" onclick="javascript:misopciones();">Mis Opciones</a> 

Esto en la web index.php, en el head,que es la que contiene todos los div:

<script language="javascript" src="js/jquery-1.3.1.min.js"></script>

Y en el head tambien llamo al script :

Código HTML:

<script type="text/javascript" src="funciones-js.js"></script> 

Y en la funcion tengo esto:

Código HTML:

function misopciones(){   
       /// Aqui podemos enviarle alguna variable a nuestro script PHP
    var variable_post="Mi texto recargado";
       /// Invocamos a nuestro script PHP
    $.post("misopciones.php", { variable: variable_post }, function(data){
       /// Ponemos la respuesta de nuestro script en el DIV recargado
    $("principal").html(data);
    });        
}

Y el div donde quiero cargarlo es:

Código HTML:

 <div class="principal" align="center"> 

Veis algo raro por ahi ??

El fallo estaba aqui :

Código HTML:

<div class="principal" align="center"> 

cambiado por esto :

Código HTML:

<div class="principal" id="principal" align="center"> 

y en el javascript con esto:

function misopciones(){
/// Aqui podemos enviarle alguna variable a nuestro script PHP
var variable_post="Mi texto recargado";
/// Invocamos a nuestro script PHP
$.post("misopciones.php", { variable: variable_post }, function(data){
/// Ponemos la respuesta de nuestro script en el DIV recargado
$("#principal").html(data);
});
}

Listo Funcionando.