Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Odkrycie zakrytej częsci strony
Forum PHP.pl > Forum > Przedszkole
Lethys
Witam,

Mam zakrytą stronę przy pomocy jquery (szary kolor zakrywa treść). Chcę zrobić aby zakryty obszar odkrył się po naciśnięciu dwóch przycisków.


Skrypt (sprawdzający czy dwa przyciski zostały wciśniete):

  1. <script type="text/javascript">
  2.  
  3. function initElement()
  4. {
  5. wartosc = 0;
  6. a = document.getElementById("pierwszy");
  7. b = document.getElementById("drugi");
  8.  
  9. a.onclick = showAlert;
  10. b.onclick = clickedButton;
  11. }
  12.  
  13. function showAlert()
  14. {
  15. //window. location ="http://www.przykladowa.strona3.com";
  16. wartosc = 1;
  17. }
  18.  
  19. function clickedButton()
  20. {
  21.  
  22. if (wartosc == 1) {
  23. alert("Dostajesz dostęp do strony!");
  24. }else{
  25. alert("Musisz najpierw Udostepnić!");
  26. }
  27.  
  28. }
  29.  
  30.  
  31. </script>



Poźniej w kodzie jest treść strony w divie:

  1. <div class="ui-overlay"><div class="ui-widget-overlay">...... bla bla i dalej treść


generalnie wszystko działa ale nie mam pojęcia jak zrobić żeby wyłączyć overlaya po wciśnięciu 2 przyciska.


Da się w JS umieszczać Kod html? Jak się da to poprostu bym wrzucił kod strony w JS i po problemie.
Swirek
nie przyglądałem się dokładnie całemu kodu (kodowi?) ale nie wystarczy zmienić parametru z-index na minusowy mniejszy od głównej zawartości? smile.gif
by_ikar
Nie kapuje, używasz jquery (+ jquery ui) a robisz skrypt na czystym js? Po co ci w takim wypadku jquery? smile.gif w jquery ui, w tym oknie (dialog) masz przyciski, które możesz w różny sposób bingować. Więcej jest na stronie z przykładami: http://jqueryui.com/demos/dialog/#modal-message tutaj akurat masz modal (zakrywanie strony) + przycisk, tutaj masz przycisk pod który można podczepić wiele innych zdarzeń: http://jqueryui.com/demos/dialog/#modal-confirmation
Lethys
Dobra, ogarnąłem warstwy dzieki z-index (dzieki Swirek).

Teraz tylko pytanie mam jak zmieniać z-index za pomocą JS.

A dokladniej jak wprowadzic zmienna w z-index w JS.

tak?

  1. style="z-index: <script>document.write(zmienna)</script>;">
konrados
Cytat
Teraz tylko pytanie mam jak zmieniać z-index za pomocą JS.

  1. document.getElementById(idElementu).style.zIndex = zmienna;
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.