Si que puedo ;) Ahora mismo.
Primero el XHTML (index.php)
#SC_b = Los enlaces
#SC_c = Donde se mostrarán los datos mediante ajax !
Código:
<!-- cargo el ajax.js en el head -->
<script src="ajax.js" type="text/javascript"></script>
<!-- cargo el ajax.js en el head -->
<ul id="SC_b">
<li></li>
<li><a href="index.php?q=personal" onclick="return q(this.value);">Personal</a></li>
<li><a href="index.php?q=weblog" onclick="return q(this.value);">Weblog</a></li>
<li><a href="index.php?q=fotoblog" onclick="return q(this.value);">Fotoblog</a></li>
<li><a href="index.php?q=tutoriales" onclick="return q(this.value);">Tutoriales</a></li>
<li><a href="index.php?q=enlaces" onclick="return q(this.value);">Enlaces</a></li>
<li><a href="index.php?q=contacto" onclick="return q(this.value);">Contacto</a></li>
<li></li>
</ul>
<div id="SC_c"></div>
Bueno aqui el codigo que implementa el ajax y xmlhttprequest (ajax.js)
Si... uso para todo el mismo objeto XmlHttpRequest... está mal ?
Código:
// Funcion de prueba con nombre cutre, ok ? :P
function q(str) {
_ajax = XmlHttpRequest();
if (_ajax == null) {
alert ("Tu navegador no soporta XmlHttpRequest");
return
}
var url = "index2.php";
url = url + "?q=" + str;
_ajax.onreadystatechange = stateChanged;
_ajax.open("GET",url,true);
_ajax.send(null);
return false;
}
// Comprobamos que la conexion se haya hecho con exito y mostramos los valores con responseText
function stateChanged() {
if (_ajax.readyState == 4 || _ajax.readyState == "complete") {
document.getElementById("SC_c").innerHTML = _ajax.responseText;
}
}
// Declaramos el objeto XmlHttpRequest
function XmlHttpRequest() {
try {
XmlHttpRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
XmlHttpRequest = new ActiveXObject ("Microsoft.XMLHTTP");
} catch (e) {
XmlHttpRequest = false;
}
}
if (! XmlHttpRequest && typeof XMLHttpRequest != 'undefined') {
XmlHttpRequest = new XMLHttpRequest();
}
return XmlHttpRequest;
}
Proceso de PHP desde el servidor (index2.php)
Este codigo.... muestra contenido generico.... pero bueno seria suficiente para hacer funcionar los 3 primeros enlaces.... despues seria suma y sigue
Código:
<?php
$q = $_GET[q];
if ($q == "personal") {
$personal = 'contenido xhtml generico 1';
echo $personal;
} else if ($q == "weblog") {
$weblog = 'contenido xhtml generico 2';
echo $weblog;
} else if ($q == "fotoblog") {
$fotoblog = 'contenido xhtml generico 3';
echo $fotoblog;
}
?>
Graciasssss !!!! Espero respu.... ;) Thx !!!
De mientras.... seguiré intentandolo por mi parte a ratos... de deskizio a deskizio xD