se la tabella non ha posizione assoluta non puoi sapere direttamente in che coordinate si trova la cella. Anzi... penso che le proprietà top e left siano peculiarità della tabella e non delle singole celle. Però puoi provare ad arrangiarti in uno di questi tre modi:
- apri il tuo sito normalmente e premi in tasto Stamp (Print Screen). Questo genererà una cattura a video che puoi incollare in un qualsiasi programma di grafica. Adesso controlla manualmente a quanti pixel di distanza dai bordi si trova la cella, segnati queste coordinate e inseriscile nella funzione. Es:
imposta_menu ("show", 150, 300, contenuto)
-oppure puoi calcorare la posizione della cella in modo dinamico "consultando" la posizione del mouse al momento del click. Allora hai bisogno di aggiungere questa funzione:
<script language="Javascript">
function coords() {
Xpos = window.event.x + document.body.scrollLeft;
Ypos = window.event.y + document.body.scrollTop;
}
</script>
<body onMouseMove="Javascript:coords()">
ad ogni spostamento del mouse, le variabili Xpos e Ypos verranno aggiornate così che quando chiami:
imposta_menu ("show", Xpos, Ypos, contenuto)
la tabella assumerà le coordinate della freccetta del mouse. Se vuoi, puoi anche evitare di mettere Xpos dato che la larghezza della tua tabella dovrebbe essere conosciuta... non so saranno 150 pixel...
- terzo e ultimo metodo: rendi la tabella a sinistra anch'essa assoluta. Invece di usare il metodo comune:
<table><tr><td>... ecc..
fai:
<div id="voce1" style="position:absolute; top:233px; left: 0px">Voce1</div>
<div id="voce2"style="position:absolute; top:263px; left: 0px">Voce2</div>
così saprai esattamente dove si trova ogni cella.
Sulla div ci puoi aggiungere questo script:
onClick="Javascript:imposta_menu("show", this.style.width, this.style.top)"
-oppure ancora, ce ne aggiungo un'altro, fai come la maggiorparte dei menu a tendina: lasci fissa la tabella a sinistra ma costruisci più div a posizione assoluta, una per ogni voce della tabella fissa. In questo modo il contenuto delle div sarà prestabilitò, non dovrai cambiarlo dinamicamente. La posizione pure è stabilita, infatti devono rimanere al loro posto, non devono muoversi. L'unica cosa che cambia è la visibilità. A questo punto butta via la funzione imposta_menu() e costruiscine un'altra:
function mostra_div(quale){
document.getElementById("voce1").style.visibilty = "hidden"
document.getElementById("voce2").style.visibilty = "hidden"
document.getElementById("voce3").style.visibilty = "hidden"
// insomma le nascondi tutte, e poi mostri quella passata come parametro
document.getElementById(quale).style.visibilty = "show"
}
sulle div metti questo:
onClick="Javascript:mostra_div(this.id)"
Scegli la soluzione che più ti piace... ripensadoci l'ultima ti crea meno problemi di "posizione", ciao!
