Okienko z treścią po kliknięciu Opcje

[Bongo]

Witam,
Muszę napisać na swojej stronie coś takiego jak okienko które wyświetla się po kliknięciu w jakiegoś div'a. Załóżmy, że mam stronę i na tej stronie diva o nazwie "pomoc" jak w niego kliknę to ma mi się wyświetlić jakiś tekst który tam napiszę w nowym okienku na tej stronie. Jestem zielony totalnie z js, jak by ktoś znał jakiegoś tutoriala, lub sam wie jak to zrobić i by to opisał to byłbym wdzięczny. Szukałem w Google, ale nic konkretnego mi nie znalazło.
Pozdrawiam

Ten post edytował Bongo 19.10.2014, 20:25:00

[Trzebu]

Kod JS:

[JAVASCRIPT] pobierz, plaintext 
function toggle_visibility(id) {
			       var e = document.getElementById(id);
			       if(e.style.display == 'block')
			          e.style.display = 'none';
			       else
			          e.style.display = 'block';
			    }
[JAVASCRIPT] pobierz, plaintext 

Kod css:

[CSS] pobierz, plaintext 
.div1{
width: 500px;
margin: 50px auto;
border: 1px solid #000000;
text-align: left;
}
.div2{
background-color: #FFFFFF;
padding: 15px;
}
#div3{
margin-top: -250px;
left: 0;
position: fixed;
width: 100%;
height: 100%;
margin-left: -6px;
display: none;
z-index: 9999;
}
[CSS] pobierz, plaintext 

Kod HTML:

[HTML] pobierz, plaintext 
<div id="div3">
<div class="div2">
<div class="div1">
Tutaj wpisujesz co ma się pojawić w okienku.
<a href="java script:void(0)" onclick="toggle_visibility('nazwa diva');">Zamykanie okienka</a>
</div>
</div>
</div>
<a href="java script:void(0)" onclick="toggle_visibility('nazwa diva');">Otwieranie okienka</a><br />
[HTML] pobierz, plaintext 

W css ustawiasz rozmiar/kolor tła itd...

Ten post edytował Trzebu 12.11.2014, 21:23:44

[Pyton_000]

lub:
http://jqueryui.com/dialog/