Disegnare un rettangolo in DHTML sopra un immagine?

[golemino]

Un caro saluto a tutti,

ho bisogno (sto facendo un sito per navigare mappe), di uno script che mi permetta di disegnare un rettangolo con il drag del mouse sopra ad un immagine e di settare delle variabili con le coordinate del rettangolo..

ora... io sono totalmente a digiuno di dhtml, mi è stato detto che si può fare anche in js ma non mi viene in mente come, sicuramente invece si può fare con un applet ma non è quello che voglio fare...

insomma... consigli?? anche solo per disegnare un rettangolo con il drag del mouse.

[$$$]

ti fai un bel livello
in posizione assoluta e poi

gli imposti altezza+larghezza e il bordo NERO di 1px
poi quando necessario lo rendi visibile e setti lo z-order
in modo che venga SOPra l'immagine.

[golemino]

bhe... ma se creo un livello in posizione assoluta, avrà anche dimensioni fisse?

io invece voglio poter disegnare un rettangolo di qualsiasi dimensione...

[Mich_]

Lo spunto di $$$ e` valido, ma occorre lavorarci su.

Devi abilitare gli eventi onMouseDown, onMouseUp, e forse anche onMouseDrag sull'immagine che vuoi "ritagliare".

Magari per semplificare le cose metti l'immagine in un <div> a cui applichi tali eventi (questo e` da verificare).

Poi alla pressione del mouse devi registrare le coordinate, ed idem al rilascio.

Metti un livello (trasparente?) sull'immagine e ci inserisci la tua immagine del rettangolo (che avrai preventivamente preparato con sfondo trasparente), posizionandola e ridimensionandola opportunamente.

Come vedi sono solo spunti di lavoro. In realta` non ho mai fatto cose del genere (ma forse non ti sara` facile trovare qualcuno che ne ha gia` fatte).

Ciao
Michele

[golemino]

ok, grazie !

[$$$]

Originariamente inviato da golemino
bhe... ma se creo un livello in posizione assoluta, avrà anche dimensioni fisse?

io invece voglio poter disegnare un rettangolo di qualsiasi dimensione...

i livelli sono fatti apposta... ridimensionabili, spostabili, personalizzabili, e ovviamente possono contenedere dinamicamente cio' che vuoi.

pensa che puoi anche fare un display a "pixel" coi livelli