[JavaScript]Ukrywanie dopóki nie naciśnie się przycisku Opcje

[gsmphone]

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.

Ten post edytował Ociu 5.01.2010, 14:29:38

Powód edycji: [Ociu]: Poprawilem byka w tytule.

[Max Damage]

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

[gsmphone]

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]

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]

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]

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]

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]

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.

Ten post edytował Max Damage 5.01.2010, 15:08:03

[gsmphone]

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.

Dzięki.. zadziałało