Ya imagino que no me explico bien jeje.
A ver, mi página es un menú arriba con 5 opciones, una de ellas es Galerias. Cada opción de menú NO va a otra página, sino que se desliza hasta una posición más para abajo en esa misma página, cada una con un #identificador.
Que estan puestos de esta forma:
Código HTML:
Ver original
<-- aquí deberá cargarse el contenido. en principio no hay nada -->
Bueno pues en la sección de galerías el código es este:
Código HTML:
Ver original<section id="portfolio"> <!-- HTML5 section tag for the portfolio 'section' -->
<h2 class="work">Mis Galerías
</h2>
<?php
while($row = mysql_fetch_array($album)) {
$seccion_modificada = str_replace(" ","_",htmlentities($row['album']));
$seccion_modificada = elimina_acentos($seccion_modificada);
?>
<li><a href="#<?php echo $seccion_modificada; ?>" title="
<?php echo htmlentities($row['album']); ?>" onclick='recargar("
<?php echo $seccion_modificada; ?>");' >
<img src="<?php echo $row['rutaImagen']; ?>" alt="
<?php echo htmlentities($row['album']); ?>" />
</a></li> <?php } ?>
Ahí lo que salen son varios thumbnails que representan a cada álbum (Madrid, Londres, Tokio,etc...) y esas imagenes tienen un evento onclick que llama a una función y le envía como parámetro el nombre del álbum.
Código Javascript
:
Ver original<script type="text/javascript" >
function recargar(parametro){
var url = "recargarGaleria.php?p="+parametro;
$('#miDiv').load(url);
}
</script>
Y en esta función le digo que en el <div> que tengo abajo del todo vacío me cargue el contenido que hay en la página recargarGaleria.php, a la cual le paso como parametro por la url el parametro q había recibido la función (el nombre del album).
Bueno pues la página php tiene lo siguiente:
Código PHP:
Ver original<?php
include('db.inc.php');
$param = $_GET['p'];
global $conexion;
echo '<section id="'.$param.'">'; ?>
<h2 class="work"><?php echo $param; ?></h2>
<?php echo '<ul class="work">'; ?>
<?php
$album3 = mysql_query("SELECT * from galeria WHERE titulo = '". $param ."' ORDER BY id DESC", $conexion); <li><a class="group1" href="
<?php echo $row3['ruta']; ?>" title="
<?php echo htmlentities($row3['descripcion']); ?>"><img src="
<?php echo $row3['thumbnail']; ?>" alt="
<?php echo htmlentities($row3['descripcion']); ?>" /></a></li>
<?php } ?>
</ul>
<?php echo '</section>'; ?>
Y claro, el problema es que en el enlace que tiene el onclick le dice que vaya a algo que no existe aún, href="#Madrid" por ejemplo, pero hasta que no llega a la página php no se crea el <section id="Madrid">.
Por eso cuando hago click una vez me carga el contenido dentro del <div>, pero no desplaza allí. Si le vuelvo a hacer click ya si que se desplaza porque ahora ya hay un <section id="Madrid"> donde ir.
Lo que necesito es que despues de cargar la página se posicione dnd está el<div id="miDiv">.
Espero que ahora sepas un poco mejor lo que trato de hacer.
Si kieres ver lo que pasa pruebalo aquí:
http://www.abuitrago.comli.com/
Si no se pueden poner enlaces dímelo y lo quito. Un saludo.