[JavaScript]OnClick do elementu Opcje

[Contritio]

Witam serdecznie

Mam na mapie google naniesione elementy, są to ikony. Po kliknięciu w ikonkę potrzebuję, aby wyskoczył mi dialogbox jaki mam już stworzony. Problem w tym iż nie wiem jak napisać funkcje w Jquery aby po kliknięciu w tą naniesiona już ikonkę pokazywał mi się dialogbox.

Kod odnośnie ikony naniesionej na googlemaps

<code>
var ikona2 = new google.maps.MarkerImage("img/car.png", rozmiar, punkt_startowy, punkt_zaczepienia);
var cien2 = new google.maps.MarkerImage("img/car.png", rozmiar_cien, punkt_startowy, punkt_zaczepienia);
dodajMarker({position: new google.maps.LatLng(52.4101,12.6033), title: 'ZPL92831', icon: ikona2, shadow: cien2});
</code>

a żeby uruchomić dialogbox:

<a href="#modal">Click me!</a>

[Aqu]

[PHP] pobierz, plaintext 
google.maps.event.addListener(marker, 'click', function() {
    $('#modal').click();
});
[PHP] pobierz, plaintext 

Ten post edytował Aqu 27.02.2015, 23:54:26

[Contritio]

Coś chyba źle wpisałem, bo nic sie nie pojawia (IMG:style_emoticons/default/tongue.gif)

[PHP] pobierz, plaintext 
<!-- Dialog Box -->
 
	<div class="remodal" data-remodal-id="modal">
			<div id="control_panel">
					<h2>auto 1</h2>
					<!-- <img src="img/nagrzewnica.png"> -->
 
					<div id="control_panel_left">
						<ul>
							 <li>Temperatura obecna:</li>
							 <li>Ustawienie temperatury:</li>
							 <li>Status:</li>
						</ul>
					 </div>
					 <div id="control_panel_right">
						<ul>
							20&ordm;C<hr>
							<form action="#">
								<input  class="textbox" type="text" name="temp" value="lel">
								<input class="textbox" type="hidden" name="lel" value="1">
								<input class="textbox" type="hidden" name="lel" value="1">
								<input class="textbox" type="hidden" name="lel" value="3">
								<input class= "set_button" type="submit" value="Submit">
								</form><hr>
							 aktywna
						</ul>
					 </div>
			</div>
		</div>
 
 
 
	<div id="googlemaps">
 
	 <script type="text/javascript">   
		<!-- 
			var mapa; // obiekt globalny
 
			function dodajMarker(opcjeMarkera)
			{
				opcjeMarkera.map = mapa;
				var marker = new google.maps.Marker(opcjeMarkera);
			}
 
			function mapaStart()  
			{  
				var wspolrzedne = new google.maps.LatLng(54.587599,15.709011);
				var opcjeMapy = {
					zoom: 5,
					center: wspolrzedne,
					mapTypeId: google.maps.MapTypeId.MAPS
				};
				mapa = new google.maps.Map(document.getElementById("mapka"), opcjeMapy); 
 
				// wspólne cechy ikon
				var rozmiar = new google.maps.Size(32,32);
				var rozmiar_cien = new google.maps.Size(59,32);
				var punkt_startowy = new google.maps.Point(0,0);
				var punkt_zaczepienia = new google.maps.Point(16,16);
 
				// ikonki
 
				var ikona2 = new google.maps.MarkerImage("img/car.png", rozmiar, punkt_startowy, punkt_zaczepienia);
				var cien2 = new google.maps.MarkerImage("img/car.png", rozmiar_cien, punkt_startowy, punkt_zaczepienia);
	            dodajMarker({position: new google.maps.LatLng(53.4101,14.6033), title: 'ZS88203', icon: ikona2, shadow: cien2,  });
 
				var ikona2 = new google.maps.MarkerImage("img/car.png", rozmiar, punkt_startowy, punkt_zaczepienia);
				var cien2 = new google.maps.MarkerImage("img/car.png", rozmiar_cien, punkt_startowy, punkt_zaczepienia);
	            dodajMarker({position: new google.maps.LatLng(52.4101,12.6033), title: 'ZPL92831', icon: ikona2, shadow: cien2});
 
				var ikona2 = new google.maps.MarkerImage("img/oil_icon.png", rozmiar, punkt_startowy, punkt_zaczepienia);
				var cien2 = new google.maps.MarkerImage("img/oil_icon.png", rozmiar_cien, punkt_startowy, punkt_zaczepienia);
	            dodajMarker({position: new google.maps.LatLng(53.4101,11.6033), title: 'Stacja benzynowa', icon: ikona2, shadow: cien2});
 
				google.maps.event.addListener(marker, 'click', function() {
					$('#modal').click();
				});
 
			}  
	</script>   
 
 
	<div id="mapka"></div>  
	</div>
 
 
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script>
<script src="js/jquery.remodal.js"></script>
 
</body>
</html>
 
[PHP] pobierz, plaintext 

Up

Nikt nie wie jak to ugryźć ? (IMG:style_emoticons/default/tongue.gif)

Ten post edytował Contritio 28.02.2015, 00:09:12