Estoy haciendo un proyecto sobre esculturas, lo tengo prácticamente terminado, pero hay un tema que no consigo resolver...
Si visitan este enlace: http://www.olot.org/cultura/escultures/forma.php y hacen click en "Donació"
Verán que aparece a la izquierda una larga lista de esculturas. Si hacen click en cualquiera de ellas funciona bién.
El problema viene al hacer clic a las últimas ya que no ves que la página ha cambiado (con la ficha de la nueva escultura).
Esto sucede porque la ficha esta dentro de un iframe...
Mi pregunta es... ¿puedo hacer que al hacer click en la escultura, además de cambiar el contenido del iframe, me suba al principio de la página?
PD: lo primero que se me ocurrió es poner un límite de esculturas y paginar, pero no vale!
GRACIAS!!!
PD2: el código de forma.php:
Código:
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Fitxa escultura</title>
<link href="estil.css" rel="stylesheet" type="text/css">
<script src="./lightbox/js/prototype.js" type="text/javascript"></script>
<script src="./lightbox/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="./lightbox/js/lightbox.js" type="text/javascript"></script>
</head>
<table
style="width: 1000px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="2" cellspacing="2" align="center">
<tbody>
<tr>
<td width="250" align="undefined" valign="middle"><img src="./imatges/logo_petit.jpg" /></td>
<td width="280" align="undefined" valign="middle" width="250"></td>
<td width="85" valign="middle" style="text-align: left;"><span class="petita_gris"><a href="benvinguda.php">BENVINGUDA</a></span></td>
<td width="20" align="undefined" valign="middle"><img src="./imatges/punt.gif" /></td>
<td width="45" align="undefined" valign="middle"><span class="petita_gris"><a href="busca.php">CERCA</a></span></td>
<td width="20" align="undefined" valign="middle"><img src="./imatges/punt.gif" /></td>
<td width="35" align="undefined" valign="middle"><span class="petita_gris"><a href="mapa.php">MAPA</a></span></td>
<td width="20" align="undefined" valign="middle"><img src="./imatges/punt.gif" /></td>
<td width="65" align="undefined" valign="middle"><span class="petita_gris"><a href="itinerari.php">ITINERARI</a></span></td>
<td width="20" align="undefined" valign="middle"><img src="./imatges/punt.gif" /></td>
<td width="150" align="undefined" valign="middle"><span class="petita_gris"><a href="llibre.php">LLIBRE DE VISISTES</a></span></td>
</tr>
<td colspan="11" rowspan="1">
<?php include 'connectar.php';
echo "<table width=1000><tr><td width=150 valign=top>";
echo "<span class=gran_negre><a href=busca.php><br />CERCA PER...</a><br />forma d'ingrés<br /><br /></span>";
$forma = mysql_query("SELECT * FROM propia group by forma_ingres")
or die(mysql_error());
while($row = mysql_fetch_array($forma)){
echo "<span class=gran_negre><a href=forma.php?key=$row[forma_ingres]>".$row['forma_ingres']."</a></span> <br />";
}
//echo "<br />";
$key=isset($_REQUEST['key'])?$_REQUEST['key']:' ';
if (empty($key)){
//echo "<span class=gran_negre>SELECCIONA UNA FORMA D'INGRES</span>";
}
else
{
echo "<br /><span class=gran_negre>" .$key. "</span><br /><br />";
$autor = mysql_query("SELECT * FROM propia WHERE forma_ingres LIKE '%$key%'")
or die(mysql_error());
while($row = mysql_fetch_array($autor))
{
echo "<span class=gran_negre><a href=fitxa_completa.php?seleccio=$row[id] target=intern>".$row['titol']."</a></span> ";
echo "<br />";
if (FILE_EXISTS("./temporary/".$row['num']."_h.jpg")) {
echo "<a href=fitxa_completa.php?seleccio=$row[id] target=intern><img src=temporary/".$row['num']."_h.jpg height=60 /> </a></span><br /><br />";
} else {
echo "";
}
}
echo "<br /><br />";
}
?>
</td>
<td width=10></td>
<td valign="top">
<script>
function changeContent()
{
document.getElementById('contentDIV').innerHTML = window.frames['intern'].document.getElementsByTagName('html')[0].innerHTML;
}
</script>
<div id = "contentDIV"><br></div>
<iframe id="intern" name="intern" src=intern_forma.htm onLoad="changeContent()" style="height:0; width:0; border-width:0;"></iframe></td></tr></table>
</td>
</tbody>
</table>
</html>
