Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Przekazywanie zmiennej do funkcji przez wartość
white_tigger
post
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 30.10.2010
Skąd: Rzeszów

Ostrzeżenie: (0%)
-----

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 (IMG:style_emoticons/default/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 (IMG:style_emoticons/default/smile.gif)

Czyżby problem nie miał prostego rozwiązania?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
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ę. (IMG:style_emoticons/default/winksmiley.jpg) Więc każda instancja musi mieć osobną zmienną z identyfikatorem.
Go to the top of the page
+Quote Post

Posty w temacie
- white_tigger   Przekazywanie zmiennej do funkcji przez wartość   4.11.2010, 21:50:28
- - erix   CytatCzyżby problem nie miał prostego rozwiązania?...   4.11.2010, 22:06:14
- - white_tigger   To, o czym napisałeś, jest w sumie dokładnie opisa...   6.11.2010, 22:59:47

« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 3.10.2025 - 23:02
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn