Evento click su Coordinate

  • Creatore Discussione Creatore Discussione Emarap
  • Data di inizio Data di inizio

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?
 
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