Posizionare un DIV sul clic del mouse

**dementialsite** · 27-10-2005, 12.17.01

... leggi: i (miei) problemi continuano... non pago di aver quasi sollevato un vespaio su questo thread (http://forum.altervista.org/showthread.php?t=44980), torno a rompere le scatole su qualcosa che dovrebbe usare queste funzioni.

Spiego il problema: ho usato le famose funzioni mouseX() e mouseY() per visualizzare una specie di menu contestuale sul clic del mouse. Ci sono però due stranezze:
- la prima è che nonostante abbia scritto sul codice che li posiziona queste righe:

Codice:

document.getElementById (ID).style.top = mouseY()
document.getElementById (ID).style.left = mouseX()

l'elemento non compare dove ho fatto clic con il mouse ma in alto a sinistra sulla pagina (la posizione dove li predisposti all'inizio)
- quello che è ancora più strano sono gli errori che vengono segnalati SOLO IN LOCALE e non sulla copia remota: Explorer si lamenta di un "Necessario oggetto" (riga 113, carattere 2), Firefox invece di un ancora più criptico "e has no properties" (sempre in riga 113).

Se volete vedere il tutto (magari scaricatevi anche proprio la pagina con i suoi file), il link è da un po' di giorni sempre quello (detta così sembra quasi spam...), quello con scritto "Bozza DEMENTI4L SITE" sulla mia firma.

Qualche idea sul da farsi? Statemi bene...

27-10-2005, 12.37.13

scusa, ti dispiacerebbe creare una piccola pagina con solo il codice incriminato?
sarebbe + semplice x tutti...

**dementialsite** · 27-10-2005, 13.04.27

Originalmente inviato da SoulHome

scusa, ti dispiacerebbe creare una piccola pagina con solo il codice incriminato?
sarebbe + semplice x tutti...

Ho messo solo il menu, i "popup" e gli script necessari su questa pagina: http://dementialsite.altervista.org/...ndex_short.htm. Il resto è solo CSS in un file esterno.

Gli errori sono gli stessi di prima, con la differenza che adesso la riga è la n° 13...

Statemi bene...

27-10-2005, 13.27.48

tu richiami la funzione popup e passi il paramentro event attrverso un link, ma nn puoi farlo , xkè cliccare su un link nn è un evento, modificalo così:

Codice HTML:

<li><a href="#" title="Home page / DSDE" OnClick="popup('rewind_menu',event)"><img src="index_short_files/home.gif" height="32" width="32"></a></li>

**dementialsite** · 27-10-2005, 14.14.12

Così non ci sono più errori ma non si apre il menu richiesto...

EDIT:
per curiosità ho provato a levare i link e gestire gli eventi direttamente sulle immagini, il risultato lo trovate qui (http://dementialsite.altervista.org/...dex_short2.htm). Così funziona quasi tutto, meno che per un particolare: i DIV restano dove sono ma solo se dopo aver premuto il mouse lo si rilascia dopo averlo trascinato un po' (ho usato onMouseDown, visto che onClick non funzionava). Negli altri casi invece il DIV scompare non appena si rilascia il mouse.
C'è un modo per risolvere il problema? Non vorrei togliere però questo evento

Codice HTML:

<BODY onClick="popdown()">

così funziona come dico io ma cliccando sul resto della pagina ovviamente il DIV non scompare.
END of EDIT

Statemi bene...

27-10-2005, 14.29.25

il menu nn si apre xkè nel tag body hai messo un onclick ke serve fare l'esatto contrario di ciò ke viene fatto x aprire il menu.
inoltre devi sostituire event a window.event e qst parametro nn lo puoi passare da una funzione all'altra, xcui nn puoi richiamare la funzione mouseY() da popup(), ma dei x forza far fare tutto a popup()

**dementialsite** · 27-10-2005, 14.39.20

Ho editato troppo tardi... hai letto sopra?

27-10-2005, 14.46.20

una soluzione potrebbe essere mettere OnDblClick x aprire i menu, oppure potresti far in modo ke appena il cursore esce dal div qst si kiuda con un OnBlur

**dementialsite** · 28-10-2005, 13.45.34

Con onBlur ho provato e non funziona, anche perche' il DIV non e' un elemento interattivo (campi di testo, checkbox, pulsanti ecc.).

Con onDblClick sinceramente non ho provato ma ho risolto il problema aggiungendo un pulsantino di chiusura sui vari "popup". Non sara' il massimo, ma sempre meglio di niente...

Stammi bene...

Discussione: Posizionare un DIV sul clic del mouse

LinkBack

Strumenti discussione

Display

Posizionare un DIV sul clic del mouse

Regole di scrittura