Muy buenos noches.
Despues de mucho tiempo por aqui.
La pregunta que me esta causando mucho dolor de cabeza es la siguiente.
en una pagina HTML tengo :
<input type="radio" name="rbt_Ubicacion" id="rbt_Ubicacion" value="BR" onclick=filtrarGaleria("Funciones/ajax_rutinas.php","BR") />Brazo
<input type="radio" name="rbt_Ubicacion" id="rbt_Ubicacion" value="PR" onclick=filtrarGaleria("Funciones/ajax_rutinas.php","PR") />Pierna
<input type="radio" name="rbt_Ubicacion" id="rbt_Ubicacion" value="HO" onclick=filtrarGaleria("Funciones/ajax_rutinas.php","HO") />Hombro
Entonces en la funcion de javascript(filtrarGaleria) tengo:
Código:
function nuevoAjax()
{
var xmlhttp=false;
try
{
// Creacion del objeto AJAX para navegadores no IE
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
// Creacion del objet AJAX para IE
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(E) { xmlhttp=false; }
}
if (!xmlhttp && typeof XMLHttpRequest!="undefined") { xmlhttp=new XMLHttpRequest(); }
return xmlhttp;
}
function filtrarGaleria(url,ubicacion_tatto){
var fragment_url = url+'?Id='+ubicacion_tatto;
alert(fragment_url);
//abrimos la url
var ajax=nuevoAjax();
ajax.open("GET", fragment_url);
ajax.onreadystatechange = function() {
if (ajax.readyState == 4) {
//escribimos la respuesta
document.getElementById('DivGaleria').innerHTML = ajax.responseText;
}
}
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajax.send(null);
}
Como pueden ver la informacion se va a la pagina php ajax_rutinas.
que tiene:
Código PHP:
<?php
include("Clases/Bbdd.php");
include("Clases/Imagenes.php");
global $bd;
$var_ubicacion = $_GET["Id"];
$SQL_FILTRAR_UBICACION = 'SELECT * FROM imagenes WHERE ubicacion ="'.$var_ubicacion.'"';
$EJECT_SQL_FILTRAR_UBICACION = $bd->bbdd_query($SQL_FILTRAR_UBICACION);
$aUbicacion = array("BR" =>"Brazo", "PR" =>"Pierna", "HO" =>"Hombro" );
$ValorUbicacion = $aUbicacion[$var_ubicacion];
if ($bd->bbdd_num($EJECT_SQL_FILTRAR_UBICACION) > 0)
{
while($fila = $bd->bbdd_fetch($EJECT_SQL_FILTRAR_UBICACION))
{
$imagenes = new Imagenes($fila['pk_imagen'], $fila['ubicacion'], $fila['descripcion'], $fila['imagen'], $fila['fecha_creacion']);
$imagenes->setPk_Imagen($fila['pk_imagen']);
$listado[]=$imagenes;
}//Fin de While
echo '<ul>';
foreach ($listado as $key=>$valueImagen)
{
echo '<li><a href="Administracion/Imagenes/Fotografias/'.$valueImagen->getImagen().'" rel="lytebox" title="'.$valueImagen->getDescripcion().'"><img src="Administracion/Imagenes/Fotografias/'.$valueImagen->getImagen().'" width="100" height="100" border="0"/></a><li>';
}
echo '<ul>';
}
else
{
echo 'No existen Imagenes seleccionadas';
}
?>
Pero si se dan cuenta esto imprime una lista con imagenes(que lo hace correctamente), entonces lo que tiene que hacer es que cuando se presiona me tiene que llamar a la relacion :
rel="lytebox"
Lo que tiene que hacer es mostrar una ventana solo con el dibujo a su tamaño real, pero no me lo hace, me lo muestra en una pagina aparte.
Lo raro es que cuando lo ejecuto sin hacer uso de ajax(en cualquier otra pagina) me va bien el litebox.js, jquery.js y los css del litebox.
Que puedo hacer para que estos script(litebox.js, jquery.js) y los css se jecuten correctamente con el ajax???
Gracias y saludos a todos