Me temo que no va.
Resulta que hay un conflicto con este tipo de script de imagenes (lightbox, lightview...) por usar los id="", por lo que, al estar usando AJAX para que me incluya el contenido en id="contenidos", el lightview se jode, y no funciona.
¿Como arreglarlo?
Debo usar en vez de id="contenidos" para incluir mi contenido en la pagina a name="" o algo, de forma que no use los id.
He probado con
getElementsByTagName, pero no tuve suerte (Se poquisimo de javascript y ajax, solo php y mysql).
Por lo tanto, aqui os dejo bien clarito lo que uso:
codigo.js
Código:
// Documento JavaScript
// Esta función cargará las paginas
function llamarasincrono (url, id_contenedor)
{
var pagina_requerida = false;
if (window.XMLHttpRequest)
{
// Si es Mozilla, Safari etc
pagina_requerida = new XMLHttpRequest ();
} else if (window.ActiveXObject)
{
// pero si es IE
try
{
pagina_requerida = new ActiveXObject ("Msxml2.XMLHTTP");
}
catch (e)
{
// en caso que sea una versión antigua
try
{
pagina_requerida = new ActiveXObject ("Microsoft.XMLHTTP");
}
catch (e)
{
}
}
}
else
return false;
pagina_requerida.onreadystatechange = function ()
{
// función de respuesta
cargarpagina (pagina_requerida, id_contenedor);
}
pagina_requerida.open ('GET', url, true); // asignamos los métodos open y send
pagina_requerida.send (null);
}
// todo es correcto y ha llegado el momento de poner la información requerida
// en su sitio en la pagina xhtml
function cargarpagina (pagina_requerida, id_contenedor)
{
if(pagina_requerida.readyState == 4){
document.getElementById (id_contenedor).innerHTML = pagina_requerida.responseText;
}
}
Por otro lado el lightview, y para incluir las paginas uso este enlace:
Código HTML:
<a href="javascript:llamarasincrono('archivo.php', 'content');" >Enlace</a> Dentro de archivo.php tengo la imagen para el lightview. En el index es donde tengo enlazado el script del lightview.
Saludos y gracias de antemano.