Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Okienko z treścią po kliknięciu
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
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
Trzebu
Kod JS:
[JAVASCRIPT] pobierz, plaintext
  1. function toggle_visibility(id) {
  2. var e = document.getElementById(id);
  3. if(e.style.display == 'block')
  4. e.style.display = 'none';
  5. else
  6. e.style.display = 'block';
  7. }
[JAVASCRIPT] pobierz, plaintext

Kod css:
  1. .div1{
  2. width: 500px;
  3. margin: 50px auto;
  4. border: 1px solid #000000;
  5. text-align: left;
  6. }
  7. .div2{
  8. background-color: #FFFFFF;
  9. padding: 15px;
  10. }
  11. #div3{
  12. margin-top: -250px;
  13. left: 0;
  14. position: fixed;
  15. width: 100%;
  16. height: 100%;
  17. margin-left: -6px;
  18. display: none;
  19. z-index: 9999;
  20. }

Kod HTML:
  1. <div id="div3">
  2. <div class="div2">
  3. <div class="div1">
  4. Tutaj wpisujesz co ma się pojawić w okienku.
  5. <a href="java script:void(0)" onclick="toggle_visibility('nazwa diva');">Zamykanie okienka</a>
  6. </div>
  7. </div>
  8. </div>
  9. <a href="java script:void(0)" onclick="toggle_visibility('nazwa diva');">Otwieranie okienka</a><br />

W css ustawiasz rozmiar/kolor tła itd...
Pyton_000
lub:
http://jqueryui.com/dialog/
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.