Hola:
Lo prometido es deuda. El código de Chicohot es completamente funcional. Yo personalmente lo he utilizado para un menu de botones que actualiza el contenido de un DIV.
He dividido el código en tres partes.
La primera parte contiene la función AJAX y la he puesto mediante un include en el head de la
Página Inicial como indica.
Aquí el código:
Código:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script>
$(function(){
$(".button").click(function(){
$('#resultado').html("Cargando...");
var valor=$(this).attr("rel");
$.ajax({
url: 'botones.php',
data: 'boton='+valor,
type: 'POST',
success: function(data){
$('#contenido').html(data);
}
});
});
});
</script>
Esta función contiene una ¿variable? llamada Data que es actualizada por la segunda parte del código:
Código HTML:
<ul>
<li><a href="#" rel="1" class="button">Boton1</a><br /></li>
<li><a href="#" rel="2" class="button">Boton2</a><br /></li>
<li><a href="#" rel="3" class="button">Boton3</a><br /></li>
</ul>
Todo ello cambia el valor de una variable llamada Boton del fichero "Botones.php" cuyo código es:
Código PHP:
<?php session_start ();
$boton=$_POST['boton'];
//echo "boton = $boton";
//Cambio el contenido del DIV con los botones del menu
switch ($boton){
case "1":
include ("contenido1.php");
break;
case "2":
include ("copntenido2.php");
break;
case "3":
include ("contenido3.php");
break;
default:
include ("contenido1.php");
}
?>
Y que contiene un Switch que cambia en la
Página Inicial el contenido del DIV "Contenido" que se indica en la función en la línea
"success: function(data){ $('#contenido').html(data); }" y que contiene un include por defecto para presentar inicialmente un contenido de base:
Código PHP:
<div id="contenido">
<!--Contenido del PERFIL-->
<?php
include ("contenido1.php");
?>
</div>
Espero que le sea útil a alguien. Un saludo y gracias por la ayuda recibida
.
Doy el post por cerrado