Hola amigos, resulta que mi web tiene la diferentes secciones cargadas mediante ajax. Me gustaría por ejemplo compartir la sección contacto en facebook, pero no hay forma de hacerlo ya que siempre se comparte la principal.
Las url de mi web cuando carga contenido ajax son así:
www.example.com/#contacto
El botón que carga contenido ajax:
<a href="#contacto" onClick="cargarbio('ficha.php','contenido-texto')">CONTACTO</a>
Mi código ajax:
Código:
function nuevoAjax(){
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
// Función para cargar los contenidos de forma asíncrona.
// + pagina: fichero cuyo contenido queremos cargar.
// + identidicador del elemento en el que se cargará el nuevo contenido.
function cargarbio(pagina,destino){
var contenedor;
var ajax;
contenedor = document.getElementById(destino);
ajax = nuevoAjax();
ajax.open("GET", pagina, true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
contenedor.innerHTML = ajax.responseText;
//do Ajaxy stuff here to insert new content into hidden div 'foo' FUN
FB.XFBML.parse(document.getElementById('contenido-texto'), function() {
document.getElementById('yourContent').innerHTML += document.getElementById('contenido-texto').innerHTML;
});
//FUN
}
}
ajax.send(null);
}
¿Alguien me puede echar una mano? También necesito las url para poder colocar botones de redes sociales y cajas de comentarios en las diferentes secciones.