Forum PHP.pl > [JavaScript]Ukrywanie dopóki nie naciśnie się przycisku

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Ukrywanie dopóki nie naciśnie się przycisku

gsmphone

5.01.2010, 13:56:20

Witam,

Mam taki problem....

Mam mapę google którą chcę aby się ukazała dopiero po naciśnięciu przycisku.

Tu jest mój przycisk:

[PHP] pobierz, plaintext 
<input type='button' name='button' class='button map' onclick="googleload('',1);" value='Sprawdź mapę'></div>
[PHP] pobierz, plaintext

a tu DIV z mapką:

[PHP] pobierz, plaintext 
<div id="map" style="width:530px; height:300px;"></div>
[PHP] pobierz, plaintext

Problem w tym że w takiej postaci jak jest to ta mapka zawsze jest widoczna. Jak zrobić żeby widniała dopiero po naciśnięciu przycisku?

Z góry dziękuję za pomoc.

Max Damage

5.01.2010, 14:01:54

diva ustawiasz na display:none, a przy naciśnięciu przycisku zmieniasz go na display:block

gsmphone

5.01.2010, 14:16:07

Cytat(Max Damage @ 5.01.2010, 14:01:54 )

diva ustawiasz na display:none, a przy naciśnięciu przycisku zmieniasz go na display:block

no ale jak zrobić żeby ten div się zmienił na display:block?

Max Damage

5.01.2010, 14:22:02

przy onclick dla buttona wywołujesz:

[JAVASCRIPT] pobierz, plaintext 
document.getElementById("map").style.display="block";
[JAVASCRIPT] pobierz, plaintext

Zalecam przeczytać kilka kursów dla js, np. ten: kurs

gsmphone

5.01.2010, 14:31:25

Cytat(Max Damage @ 5.01.2010, 14:22:02 )

przy onclick dla buttona wywołujesz:

[JAVASCRIPT] pobierz, plaintext 
document.getElementById("map").style.display="block";
[JAVASCRIPT] pobierz, plaintext

Zalecam przeczytać kilka kursów dla js, np. ten: kurs

ok, tylko ze ja już jeden onclick mam. Da się jakoś połączyć dwa na raz?

Max Damage

5.01.2010, 14:45:05

O ile mnie pamięć nie myli to można zrobić to tak:

[JAVASCRIPT] pobierz, plaintext 
window.onload=function(){
	document.getElementsByName("button").onclick=function(){
	             document.getElementById("map").style.display="block";
		"googleload('',1);
	}
}
[JAVASCRIPT] pobierz, plaintext

gsmphone

5.01.2010, 15:03:57

Cytat(Max Damage @ 5.01.2010, 14:45:05 )

O ile mnie pamięć nie myli to można zrobić to tak:

[JAVASCRIPT] pobierz, plaintext 
window.onload=function(){
	document.getElementsByName("button").onclick=function(){
	             document.getElementById("map").style.display="block";
		"googleload('',1);
	}
}
[JAVASCRIPT] pobierz, plaintext

Hmmm, zrobiłem tak i nie działa:

[PHP] pobierz, plaintext 
   1.
      <input type='button' name='button' class='button map' value='Sprawdź mapę'>
 <script type="text/javascript">
 
      window.onload=function button map(){
		document.getElementsByName("button").onclick=function(){
			document.getElementById("map").style.display="block";
	  "googleload('',1);
						}
		}
 </script>
[PHP] pobierz, plaintext

Coś może źle zrobiłem?

Max Damage

5.01.2010, 15:05:56

Trzeba to wrzucić do sekcji head dokumentu html. I o ile dobrze pamiętam to funkcja musi być anonimowa, czyli bez tego button map. Przeczytaj lepiej kurs do js. Tam na serio jest to wszystko wytłumaczone.

gsmphone

5.01.2010, 16:09:28

Cytat(Max Damage @ 5.01.2010, 15:05:56 )

Dzięki.. zadziałało

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.