Si vas a usar ajax, suele ser menos dolor de cabeza si usás jQuery. Simplemente porque alguien ya se tomó el trabajo de integrarlo bien y hacerlo bien cross-browser y fácil de implementar.
Algo así debería funcionar:
http://nahueljose.com.ar/ejemplos/Huacho12/
Lo que hace es usar jQuery para que al hacer click sobre los botones, lea qué hay en un atributo que yo llamé
data-texto y entonces cargue un archivo php pasando eso por la variable
elTexto
Este es el código fuente. El HTML + jQuery:
Código HTML:
Ver original<!DOCTYPE html>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script type="text/javascript"> $(function(){
$('button.cargar-texto-externo').click(function(){
var texto_var = $(this).attr('data-texto');
$('.contenedor-texto-externo').load('textos.php?elTexto=' + texto_var);
});
});
<!-- botones -->
<button class="cargar-texto-externo" data-texto="1">Siguiente
</button> <button class="cargar-texto-externo" data-texto="2">Anterior
</button> <!-- contenedor del texto-->
<div class="contenedor-texto-externo"></div>
El archivo PHP es como el tuyo pero corregí el nombre de la variable que le faltaba una t:
Código PHP:
Ver original<?php
$var = $_GET["elTexto"];
if($var==1)
{
echo "texto 1";
}
if($var==2)
{
echo "texto 2";
}
if($var==3)
{
echo "texto 3";
}
if($var==4)
{
echo "texto 4";
}
?>