Newsgroup: it.comp.lang.javascript
Titolo: menu da immagine con mappe

Premetto che mi sono avvicinata allo Js da poco, soprattutto per
un'esigenza che ancora non sono riuscita a soddisfare, magari qualche
anima buona mi puņ dare una mano, perdonando le eventuali banalitą che
potrebbero esserci nella mia richiesta.
Ho la necessitą di creare un menu espandibile verticale con links da
applicare ad un'immagine gif divisa in mappe.
Per spiegarmi meglio: ho questa gif che č un'insieme di immagini
mappate con relativi links. Una parte della gif consiste in una serie
di bottoni che, tramite mappa, cliccati portano alle relative sezioni
all'interno del sito (insomma un menu sottoforma di gif mappata).
Io vorrei risparmiare spazio, eliminado alcune pagine e facendo
vedere, semplicemente andando con il puntatore sui bottoni, le varie
sottosezioni presenti, con la possibilitą di arrivarci direttamente.
Insomma un menu verticale come tanti, solo che le variabili devono
essere applicate a delle coordinate. Come devo fare?
Grazie in anticipo!

 Grazie in anticipo!
De nada.
-- 
C'ya,
  ZER0 :: coder.gfxer.webDesigner();
"When you have eliminated the impossible, whatever remains,
however improbable, must be the truth." (S.H.)

 scopo didattico"
E si vede, che l'ho fatto al volo, ho avuto delle dimenticanze, ed ho 
dato un paio di cose per scontate su taluni browser quando non lo 
sono.. tra l'altro, dipendentemente dal tipo di browser che ti 
interessa supportare o meno si puo' ottimizzare il codice.
Cmq sia:
<script type="text/javascript">
function getRef(id){
	if (document.getElementById && document.getElementById(id))
		return document.getElementById(id);
	else if (document.all && document.all[id])
		return document.all[id];
	else if (document.layers && document.layers[id]){
		/* questa riga non sarebbe piu' necessaria adesso, ma
		viene lasciata per avere una la getRef() generalizzata	*/
		document.layers[id].style=document.layers[id];
		return document.layers[id];
	}else
		return null;
}
 
function showMenu(e){
	var x=e.pageX||e.clientX||0,
		y=e.pageY||e.clientY||0,
		oMenu=getRef("menu");
 
	if (typeof e.pageX=="undefined"){
		if (document.documentElement&&
(document.documentElement.scrollTop||document.documentElement.scrollLef
t) ){
			x+=document.documentElement.scrollLeft;
			y+=document.documentElement.scrollTop;
		}else if (document.body&&
(document.body.scrollTop||document.body.scrollHeight)){
			x+=document.body.scrollLeft;
			y+=document.body.scrollTop;
		}
	}
 
	if (oMenu){
		if (oMenu.moveTo){
			oMenu.moveTo(x,y);
		}else{
			oMenu.style.left=x+"px";
			oMenu.style.top=y+"px";
		}
	}
 
}
</script>


 avendo la prima, in quali casi ti serve la seconda?
IE4


 comprendere la possibilita` che l'oggetto non esista...
Se vedi il codice che ho scritto, lo facevo anche io ma nella stessa 
condizione. Questo evita di dover utilizzare un IF in piu' (dato che 
l'operatore ternario lo e' )


 Se poi reinfiliamo i layer, guadagno un'altra operazione :o)
Questa non l'ho capita :)


 comunque un confronto in piu`.
Mi sfugge. Il calcolo delle operazioni e' logico, ma non ho capito cosa 
intendi "se poi reinfiliamo i layer"?


 .js statico rimane nella cache, per cui non c'e` problema).
Non intendevo risolvere il problema lato server :)
