Urgh! vi avevo scritto che avevo allegato il file per meglio esemplificare il tutto ma evidentemente ho fatto qualche errore durante il confezionamento dell precedente intervento, ragion per cui ora ve lo inserisco qui di seguito
----------------------8<-------------------8<----------------
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ALBUM FOTOGRAFICO</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta name="GENERATOR" content="Quanta Plus">
<style type='text/css'>
BODY {
color: #d0ffd0;
background: #333333;
font-family: Sans Serif, sans-serif;
font-size: 14pt;
margin: 4%;
}
H1 {
color: #d0ffd0;
}
TABLE {
text-align: center;
margin-left: auto;
margin-right: auto;
}
TD {
color: #d0ffd0;
padding: 1em
}
IMG {
border: 1px solid #d0ffd0;
}
</style>
</head>
<body>
<script language="JavaScript1.2">
<!--
arrow_r_on = new Image(); arrow_r_on.src="thumbs/arrow_r_L.gif";
arrow_r_off = new Image(); arrow_r_off.src="thumbs/arrow_r_U.gif";
arrow_r_gray = new Image(); arrow_r_gray.src="thumbs/arrow_r_gray.gif";
arrow_l_on = new Image(); arrow_l_on.src="thumbs/arrow_l_L.gif";
arrow_l_off = new Image(); arrow_l_off.src="thumbs/arrow_l_U.gif";
arrow_l_gray = new Image(); arrow_l_gray.src="thumbs/arrow_l_gray.gif";
var min=2002;
var mag=2004;
var anno=min;
function down(){
if (anno>min){
anno=anno-1;
}
if (anno==min){
document ["arrow_l_"].src=arrow_l_gray.src;
document ["arrow_r_"].src=arrow_r_off.src;
}
else {
document ["arrow_r_"].src=arrow_r_off.src;
}
pagina="home"+anno+".html";
parent.main.location.href=pagina;
document.getElementById("data_v").innerHTML=anno;
}
function up(){
if (anno<mag){
anno=anno+1;
}
if (anno==mag){
document ["arrow_l_"].src=arrow_l_off.src;
document ["arrow_r_"].src=arrow_r_gray.src;
}
else {
document ["arrow_l_"].src=arrow_l_off.src;
}
pagina="home"+anno+".html";
parent.main.location.href=pagina;
document.getElementById("data_v").innerHTML=anno;
}
function rollOver(imgName){
if (imgName=="arrow_l_"){
if (anno!=min){
imgOn = eval(imgName+"on.src");
document [imgName].src=imgOn;
}
}
else {
if (anno!=mag){
imgOn = eval(imgName+"on.src");
document [imgName].src=imgOn;
}
}
}
function rollOut(imgName){
if (imgName=="arrow_l_"){
if (anno!=min){
imgOff = eval(imgName+"off.src");
document [imgName].src=imgOff;
}
}
else {
if (anno!=mag){
imgOff = eval(imgName + "off.src");
document [imgName].src = imgOff;
}
}
}
//-->
</script>
<h1>ALBUM FOTOGRAFICO Anni: 2002 - 2004</h1>
<table width="100%" border="0">
<tr>
<td width="50%" align="left" valign="top" style="padding: 0em;">
Numero di capitoli: 36 - immagini: 2254
Creazione: giovedì 03 marzo 2005</p>
</td>
<td width="50%" valign="center" style="padding: 0em;">
<table width="100%" border="0">
<tr>
<td width="20%" align="left" style="padding: 0em;">
[img]thumbs/arrow_l_gray.gif[/img]
</td>
<td width="60%" valign="top" style="padding: 0em;">
<div style="font-size:10pt;">anno</div>
<div style="font-size:16pt;" id="data_v"> </div>
</td>
<td width="20%" align="right" style="padding: 0em;">
[img]thumbs/arrow_r_U.gif[/img]
</td>
</tr>
</table>
</td>
</tr>
</table>
<hr size="3">
<script language="JavaScript1.2">
<!--
document.getElementById("data_v").innerHTML=anno;
//-->
</script>
</body>
</html>
Come vedete ora il tutto funziona perche il costrutto document.get elem.... compare nelle due funzione "up" e "down" che vengono attivate su pressione degli appositi pulsanti, quindi a lettura ultimata e quindi con id="data_v" settato, e compare in fondo al listato html, quest'ultimo verrà attivato autoamticamente durante la lettura della pagina, ma quando la riga che contiene id="data_v" è gia stata interpretata, grazie a tutti per il feedback.
![]()
![]()
![]()