Newsgroup: it.comp.lang.javascript
Titolo: mappa interattiva o quasi

Ho un archivio fotografico. Vorrei che l'utente potesse vedere su una
cartina a cosa si riferisce una foto.
Per esempio mettendo un pallino rosso in corrispondenza della cosa
fotografata.
Le coordinate posso metterle io manualmente nel DB, quindi non dovrebbe
neanche calcolarle.
Come posso rappresentare quel pallino nella posizione corretta rispetto ad
una cartina muta?

 
Se ho capito bene:
posizionando un div contenente un immagine (pallino.gif) in maniera 
assoluta rispetto ad un div che contiene la cartina (questo ultimo 'div' 
deve avere una position diversa da 'static').
-- 
Spoken: How much is that gorilla in the window?
Take our advice, At any price, A gorilla like Magilla is mighty nice.
Gorilla, Magilla Gorilla for sale


se usi php la soluzione migliore e' modificare l'immagine della mappa con le
istruzioni GD, sovrapponendole un contrassegno. Con altre tecnologie
esistono strade simili.
Volendo comunque usare javascript puoi posizionare un'immagine con CSS. Per
far questo devi ricavare le coordinate dell'immagine e posizionare in modo
assoluto l'immagine, settando propriamente il valore dello zIndex.
   X
            mappa
 Y +--------------------+
   | x |
   | |
   | y +-+ |
   | |o| pallino |
   | +-+ |
   +--------------------+
X = getLeft(mappa);
Y = getTop(mappa);
pallino.style.left = (X + x) + 'px';
pallino.style.top = (Y + y) + 'px';
pallino.style.position = 'absolute';
pallino.style.zIndex = 100;
--
ardemiz.albeia ravvreddado
--------------------------------
Inviato via 
http://arianna.libero.it/usenet/

Ma scusa siccome la pagina caricata è sempre diversa, perchè deve essere
diverso da static?
Mi sai dire cosa fa questo attributo?

Armand Federico - INFO wrote:

Se segui la soluzione che ti propongo io è importante che il div 
contenitore sia diverso da 'static' (come posizione) in modo che 
l'oggetto (div o img, quello che voi) possa essere posizionato in 
maniera assoluta rispetto al div contenitore.
da 
http://www.html.it/css/guida_css_27.htm
---------------------------------------------------------------------
absolute
L'elemento, o meglio, il box dell'elemento viene rimosso dal flusso del 
documento ed è posizionato in base alle coordinate fornite con le 
proprietà top, left, right o bottom. Il posizionamento avviene sempre 
rispetto al box contenitore dell'elemento. Questo è rappresentato dal 
primo elemento antenato (ancestor) che abbia un posizionamento diverso 
da static. Se tale elemento non esiste il posizionamento avviene in base 
all'elemento radice HTML, che in condizioni standard coincide con l'area 
del browser che contiene il documento e che ha inizio dall'angolo 
superiore sinistro di tale area.Un elemento posizionato in modo assoluto 
scrorre insieme al resto del documento.
Questa pagina di esempio mostra l'applicazione della proprietà. Mette a 
confronto un box statico e uno posizionato in modo assoluto. Il secondo 
box viene collocato rispetto all'elemento HTML.
In questo secondo esempio, invece, abbiamo effettuato la verifica 
rispetto ad un altro punto: cosa accade se un elemento viene posizionato 
rispetto ad un elemento ancestor.
