Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Przekazywanie zmiennej do funkcji przez wartość
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
white_tigger
4.11.2010, 21:50:28
Mam taki problem:
Chcę dwukrotnie wyświetlić mapkę Google. W związku z tym tworzę dwa znaczniki "div" i muszę nadać im unikalne nazwy, tak aby Google mogło prawidłowo zainicjować mapy. Nazwy muszą być unikalne i generowane automatycznie. Kod obecnie wygląda tak:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. 	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
  5. 	<script type="text/javascript">
  6. 		var id = Math.floor(10000000*Math.random());
  7. 		document.write('<div id="map'+id+'" style="width: 400px; height: 400px;"></div><br>');
  8. 		google.maps.event.addDomListener(window,'load',function(){
  9. 			var myLatLng = new google.maps.LatLng(50.0375, 22.0049);
  10. 			var map = new google.maps.Map(document.getElementById('map'+id), {
  11. 				zoom: 14,
  12. 				center: myLatLng,
  13. 				mapTypeId: google.maps.MapTypeId.ROADMAP});
  14. 			var marker = new google.maps.Marker({
  15. 				position: myLatLng, 
  16. 				map: map,
  17. 				title: 'Old marketplace in Rzeszow'});
  18. 		});
  19.  
  20. 		id = Math.floor(10000000*Math.random());
  21. 		document.write('<div id="map'+id+'" style="width: 400px; height: 400px;"></div><br>');
  22. 		google.maps.event.addDomListener(window,'load',function(){
  23. 			var myLatLng = new google.maps.LatLng(50.0375, 22.0049);
  24. 			var map = new google.maps.Map(document.getElementById('map'+id), {
  25. 				zoom: 14,
  26. 				center: myLatLng,
  27. 				mapTypeId: google.maps.MapTypeId.ROADMAP});
  28. 			var marker = new google.maps.Marker({
  29. 				position: myLatLng, 
  30. 				map: map,
  31. 				title: 'Old marketplace in Rzeszow'});
  32. 		});
  33. 	</script>
  34. </body>
  35. </html>
[HTML] pobierz, plaintext

Podejrzewam, że do funkcji "document.getElementById()" zmienna "id" jest przekazywana poprzez referencję, lub docelowe id (nazwa znacznika "div") jest składane dopiero w momencie wywołania zdarzenia 'load', bo obie mapki są podpinane pod drugi znacznik "div".
Jeżeli zrobię taki myk, że w drugim fragmencie zmienię nazwę zmiennej z "id" na "id2", to wszystko działa poprawnie:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. 	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
  5. 	<script type="text/javascript">
  6. 		var id = Math.floor(10000000*Math.random());
  7. 		document.write('<div id="map'+id+'" style="width: 400px; height: 400px;"></div><br>');
  8. 		google.maps.event.addDomListener(window,'load',function(){
  9. 			var myLatLng = new google.maps.LatLng(50.0375, 22.0049);
  10. 			var map = new google.maps.Map(document.getElementById('map'+id), {
  11. 				zoom: 14,
  12. 				center: myLatLng,
  13. 				mapTypeId: google.maps.MapTypeId.ROADMAP});
  14. 			var marker = new google.maps.Marker({
  15. 				position: myLatLng, 
  16. 				map: map,
  17. 				title: 'Old marketplace in Rzeszow'});
  18. 		});
  19.  
  20. 		id2 = Math.floor(10000000*Math.random());
  21. 		document.write('<div id="map'+id2+'" style="width: 400px; height: 400px;"></div><br>');
  22. 		google.maps.event.addDomListener(window,'load',function(){
  23. 			var myLatLng = new google.maps.LatLng(50.0375, 22.0049);
  24. 			var map = new google.maps.Map(document.getElementById('map'+id2), {
  25. 				zoom: 14,
  26. 				center: myLatLng,
  27. 				mapTypeId: google.maps.MapTypeId.ROADMAP});
  28. 			var marker = new google.maps.Marker({
  29. 				position: myLatLng, 
  30. 				map: map,
  31. 				title: 'Old marketplace in Rzeszow'});
  32. 		});
  33. 	</script>
  34. </body>
  35. </html>
[HTML] pobierz, plaintext

Kod jednak wtedy nie jest identyczny, a chcę z tego zrobić powtarzalny BBCode dry.gif
Być może wiecie jak obejść tę przypadłość, albo macie jakiś inny pomysł na tworzenie unikalnych nazw lub wiązanie funkcji wywoływanej przez zdarzenie "load" ze znacznikiem "div"?

Z góry wielkie dzięki za pomoc smile.gif

Czyżby problem nie miał prostego rozwiązania?
erix
4.11.2010, 22:06:14
Cytat
Czyżby problem nie miał prostego rozwiązania?

Ma. Rozwiązanie jest bardzo proste, a wynika z Twojego błędnego rozumowania, jeśli chodzi o kolejność:

[JAVASCRIPT] pobierz, plaintext 
  1. document.write('<div id="map'+id+'" style="width: 400px; height: 400px;"></div><br>');
  2. 		google.maps.event.addDomListener(window,'load',function(){
[JAVASCRIPT] pobierz, plaintext

Ten kawałek kodu jest wykonywany asynchronicznie. Czyli ładowanie mapki nie następuje w chwili jej wstawienia - GMaps czeka aż cała zawartość strony jest załadowana (o czym mówi zdarzenie load). Do tej pory zmienna zdąży już być nadpisana przez kolejną jej modyfikację. winksmiley.jpg Więc każda instancja musi mieć osobną zmienną z identyfikatorem.
white_tigger
6.11.2010, 22:59:47
To, o czym napisałeś, jest w sumie dokładnie opisane w moim poście. Rozumiem w czym rzecz, dlatego pytanie "jak przekazać do funkcji wartość ustaloną w momencie przypisania tej funkcji do zdarzenia, a nie zmienną?" pozostaje bez odpowiedzi.

Ale nie zawracam już Wam głowy - pokombinuję nad innym sposobem realizacji tego celu.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.