Evento click su Coordinate

Emarap

Nuovo Utente
15 Mag 2008
3
0
0
Salve forum! Sto creando una sorta di guida interattiva di un progetto creato con il mio team di lavoro. Ho bisogno di simulare l'evento click in un'area della pagina, in base a delle coordinate che ho ottenuto precedentemente.

Con l'ottenere le coordinate non ci sono problemi, che ci sono invece per la simulazione del click. Ho tentato con i trigger (?), associandoli al body e a div creati appositamente. Senza ottenere risultato. Sapete aiutarmi?
 

emanuelevt

Utente Attivo
24 Giu 2009
298
0
0
Ciao non so se può esserti utile io ho sviluppato qualcosa di simile

HTML:
	function cambia(alfa,beta,gamma){
		$("#score_sopra").animate({"height": "0"},800);
		$("#score_sopra").animate({"height": "200px"},1200);
		var n=beta;
			$("#link_sopra").html("<a href='"+beta+"' target='_blank' > Ottieni maggiori informazioni </a><br /><img src='"+gamma+"'/>");
		
		$('#a1').attr('src','mappa/'+alfa+'/'+ '1.jpg');
		$('#a2').attr('src','mappa/'+alfa+'/'+ '2.jpg');
		$('#a3').attr('src','mappa/'+alfa+'/'+ '3.jpg');		
		$('#a4').attr('src','mappa/'+alfa+'/'+ '4.jpg');
		$('#a5').attr('src','mappa/'+alfa+'/'+ '5.jpg');
		
	
	}

e nel body

HTML:
<div id='score_sopra' style='position:relative; float:left; margin-left:32%; width:350px; height:200px;margin-top:2%;overflow:hidden; border:2px solid black;margin-bottom:2%;'>	
						<img id='a1' src='mappa/uno.png' />
						<img id='a2' src='mappa/due.png' />
						<img id='a3' src='mappa/tre.png' />
						<img id='a4' src='mappa/uno.png' />
						<img id='a5' src='mappa/due.png' />
						
					</div>
<IMG SRC="img/mappa2.jpg" USEMAP="#Map1" style='width:600px; height:529px; border:5px solid red'>
				

<MAP NAME="Map1">
     <AREA SHAPE="CIRCLE" HREF="#" OnClick="javascript:cambia('Fabrica','http://www.intuscia.com/informazioni-su-fabrica-di-roma.html','img/fabrica.png')" title='Fabrica di Roma' alt='Fabrica di Roma' COORDS="445,336,20">
	 
	 <AREA SHAPE="CIRCLE" HREF="#" OnClick="javascript:cambia('Corchiano','http://www.intuscia.com/informazioni-su-corchiano.html')" title='Corchiano' alt='Corchiano' COORDS="488,317,20">
	 
	 <AREA SHAPE="CIRCLE" HREF="#" OnClick="javascript:cambia('Faleri')" title='Faleri' alt='Faleri' COORDS="488,350,20">
	 
	 <AREA SHAPE="CIRCLE" HREF="#" OnClick="javascript:cambia('Civita','http://www.intuscia.com/informazioni-su-civita-castellana.html')" title='Civita Castellana' alt='Civita Castellana' COORDS="533,363,20">
	 
	 <AREA SHAPE="CIRCLE" HREF="#" OnClick="javascript:cambia('Nepi','http://www.intuscia.com/informazioni-su-nepi.html')" title='Nepi' alt='Nepi' COORDS="471,405,20">
	 
	 <AREA SHAPE="CIRCLE" HREF="#" OnClick="javascript:cambia('Viterbo','http://www.intuscia.com')" title='Viterbo' alt='Viterbo' COORDS="323,269,20">
     
    
</MAP>

Quindi l'utente cliccando su un'area precisa aziona una determinata funzione. Il tutto l'ho ottenuto semplicemente catturando l'evento click sul tag AREA
 
Discussioni simili
Autore Titolo Forum Risposte Data
S [Javascript] Catturare l'evento click di un bottone Javascript 3
K evento click - link a pagina.php con parametri HTML e CSS 3
F Caricare immagine da Mysql su evento click-radio Javascript 5
F Evento al secondo click su un ancora jQuery 21
P Cambiare evento da "click" in "premi tasto invio" jQuery 3
GoshMaledetto problemino evento click jQuery 4
C ID che si incrementa ad ogni evento Database 0
T Query per ricerca ritardo evento MS Access 7
elpirata [MYSQL] Schedulare evento per update del campo data su tabella MySQL 0
C creare evento mysql MySQL 2
Sermatth72 APACHE ERRORE 1 - AH00558: httpd.exe, e ID Evento 3299 Apache 3
A [Javascript] evento onresize Javascript 1
francabbestia [Javascript] Scattare una foto da webcam quando avviene un evento Javascript 1
A Evento onkeypress (Invio) PHP 10
A Evento onkeypress (Invio) HTML e CSS 2
G evento collided Sviluppo app per Android 1
B Evento blur chiamata file php jQuery 1
G Evento ".onClick" su oggetto di d3.js Javascript 0
E evento... magari! problema PHP 2
F Gestione evento checkbox Javascript 5
M HTML5 datalist evento onchange HTML e CSS 1
K Problema evento onchange Javascript 1
V non mi funziona l' evento per riconoscere un pulsante da tastiera Javascript 0
W Evento Back con Jquery jQuery 1
S [RISOLTO]Carica pagina da evento onclick di una griglia Javascript 12
Sevenjeak [vb.net] evento MDIChildActived Visual Basic 0
GoshMaledetto La funzione non viene richiamata all evento onChange Javascript 5
F gestire evento onclick Javascript 4
carter Link lampeggiante per trasmissione evento Classic ASP 0
P [VENDO] "trucchetto" per inviare tutti amici a evento o pagina Annunci servizi di Social Media Marketing 0
L Evento:MEMENTO AUDERE WEB A PESCARA SEO e Posizionamento 0
W domanda su evento al passare del mouse Javascript 2
A help, modificare evento per un singolo elemento Javascript 0
W [C#] Quale evento per DataGridViewCheckBoxCell ?? .NET Framework 1
E [JAVA] modificare Script per evento onmouseover Javascript 0
S NATO DA POCO MA Caspita! www.festaking.it organizzi on line ogni tipo di festa evento Presenta il tuo Sito 5
D MOTOOLS: come fare ad avere un evento che periste quando si sta dentro un elemento? Javascript 2
R evento onChange() Javascript 0
D evento temporizzato(forse con un timer?) ASP.NET 1
T [Java] Problema evento Java 1
A associare un evento a tanti fotogrammi Flash 1
F Evento Onchange Javascript 2
P Aggiungi evento di controllo campo testo Ajax 11
F l'evento onchange non funziona su FF Classic ASP 1
A Visualizzare Un Immagine Dopo Un Evento PHP 4
simoncino Cletarte - Evento artistico a Cleto (CS) Presenta il tuo Sito 1
N 8 > 23 Febbraio: Doppio Evento Live a Roma con Tony Braschi Altri Annunci 0
U 2007: 8 & 23 Febbraio - Doppio Evento a Roma Discussioni Varie 0
U 2007: 8 & 23 Febbraio - Doppio Evento a Roma Altri Annunci 0
vicky script "evento onChange di una select" Javascript 0

Discussioni simili