tabmenu

**giacomoweb** · 30-05-2008, 00:25

salve
sono un principiante e sto costruendo una pagina semplice per visualizzare 4 immagini cliccabili mediante un tab menu con 4 href .htm
questo è uno dei tab:

<body>
<div id="wrapper">

<div id="header">
<table id="tabmenu" cellpadding="0" cellspacing="0">
<tr>
<td width="15"></td>
<td class="tab">06:00-12:00</td>
<td class="separetor"></td>
<td class="tab">12:00-18:00</td>
<td class="separetor"></td>
<td class="tab">18:00-24:00</td>
<td class="separetor"></td>
<td class="tab" id="selectedtab">Real Time</td>
<td width="463"></td>
<tr>
</table>

<div id="content">
<hl>Welcome</hl>
Your
content
goes
here.

You can fill with dummy text for now.
</div>

</div>
</div>
</body>
</html>

il prblema è che quando clicco un tab limmagine mi appare senza il tab menu

consigli

grazie 1000

**Shadd** · 30-05-2008, 00:40

Non penso di aver capito esattamente cosa vuoi fare, ma non vedo nessuna immagine nel codice.

**Kreatore** · 30-05-2008, 07:51

bisogna capire cosa intenti te per tab menu... e come dice shad... le immagini? usi i css?

**giacomoweb** · 30-05-2008, 10:05

provo a inviarvi il codice htm che richiamo quando linko uno dei tab menu ("STR_RealTime.htm") e che uso per fare un refresh automatico della figura stessa

<html>
<head>

<script LANGUAGE="Javascript">
var currentImage = 0;

function refreshImage() {
if (currentImage == 0) {
document.image1.src = ".../STR_RealTime.png?random=" + Math.random();
}
else if (currentImage == 1) {
document.image0.src = ".../STR_RealTime.png?random=" + Math.random();
}
}

function showImage0() {
document.image0.style.zIndex = 2;
document.image1.style.zIndex = 1;
currentImage = 0;
}

function showImage1() {
document.image0.style.zIndex = 1;
document.image1.style.zIndex = 2;
currentImage = 1;
}

window.setInterval("refreshImage()", 5000);
</script>

</head>
<body link=white alink=white vlink=white>

<a href=".../STR_RealTime.png" target=_parent>
<img name="image0" src=.../STR_RealTime.png" width="850" height="600" STYLE="position:absolute; top:50px; left:0px; z-index:2" onLoad="showImage0()">
</a>

<a href=".../rSTR_RealTime.png" target=_parent>
[img].../STR_RealTime.png[/img]
</a>

</body>
</html>

di nuovo grazie 1000 per l'attenzione

**Kreatore** · 30-05-2008, 12:21

ripeto, secondo me stai complicando tropo le cose.
e sempre secondo me stai usando un editor di quelli che ti mettono loro parte del codice... comunque.

Cosa intendi per tab menu.
Perchè di solito un tab menu è un meno che visualizza/nasconde alla pressione di una voce, una parte di testo.
tipo http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm

dal codice che vedo, non noto (magari sbaglio) un tab menu.

quindi secondo il mio parere.... ti stai confondendo le idee.

Facci vedere un esempio di quello che devi o vuoi realizzare..

**giacomoweb** · 30-05-2008, 13:47

questa è la sintassi del menu che vorrei sulla mia pagina. sono un collegamento ad un file STR_RealTime.htm che fa il refresh automatico di una immagine .png. e tre collegamenti ad tre immagini statiche (.../STR_20080530_1.png, .../STR_20080529_4.png,.../STR_20080529_3.png)

<ul id="countrytabs" class="shadetabs">[*]Real Time[*]00:00-06:00 GMT[*]18:00-24:00 GMT[*]12:00-18:00 GMT[/list]

quello che non riesco a fare è caricare queste immagini mantenedo il tab menu in alto

spero

**Kreatore** · 30-05-2008, 14:31

linkate come tu hai fatto, le voci del menu puntano alle singole immagini. Quindi ti aprono una pagina bianca con la singola immagine.

Quello che dovresti fare è:

1° Soluzione JS. Dargli un valore onclick ed indicare quale immagine caricare, quindi tramite un js apposito sostituiscil'immagine presente o il testo presente

2° Soluzione php. Punti con il link alla stessa pagina: index.php?img=nomeimmagine.jpg e gli passi appunto come valore il nome dell'immagine da aprire.
Poi hai bisogno di uno script php che aquisisca il nome immagine e la visualizzi. Per questo però hai anche bisogno di un parser php.

3° soluzione html. Punti ad un'altra pagina che contiene sia il menu che le immagini.

**Shadd** · 30-05-2008, 15:31

Io non ho ancora capito. Vuole che compaia un'immagine accanto ad un link quando quel link viene premuto?

**Kreatore** · 30-05-2008, 15:37

se anche io non ho capito male... si!

**Shadd** · 31-05-2008, 19:43

Allora basta inserire una proprietà CSS con a:active se non gli interessa che scompaia quando il link perde focus.

Discussione: tabmenu

Strumenti discussione

Ricerca discussione

Visualizza

tabmenu

re: tab menu

tab menu

Permessi di invio