Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][jQuery]
KID479
post
Post #1





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 12.02.2015

Ostrzeżenie: (0%)
-----


Witam wszystkich,

Jestem tu nowy, a to jest mój pierwszy post. Zapoznałem się z przypiętymi tematami wiec mam nadzieje że nie popełniam tu żadnego błędu.
A teraz do rzeczy.
Mam na stronie cztery elementy typu class zamknięte w divie:
CODE
<div id="Przyciski">

<p class="Przycisk">Sporty Wodne</p>
<p class="Przycisk">Szkolenia</p>
<p class="Przycisk">Galeria</p>
<p class="Przycisk">Kontakt</p>

</div>

Po wciśnięciu na jeden z nich otwiera mi się okno z parametrami, które zdefiniowałem w CSS:
CODE
.WindowShow{
visibility: visible;
height: 400px;
width: 800px;
margin-left: 100px;
margin-top: 80px;
background-color: #fff;
position: absolute;
border: 8px groove;
opacity: 0.6;
}

Przyciski działają w oparciu o kod java script:
CODE
<script type="text/javascript">
$(document).ready(function(){

$("#Przyciski p").click(function(){
$(this).toggleClass("Click");
$("#Window").toggleClass("WindowShow");
});
});

</script>

(Klasa Click zmienia jedynie kolor tła użytego przycisku na biały).
Kod, który wstawiłem powyżej działa dotąd tak jak tego sobie życzyłem i chciałbym go teraz rozwinąć.
Jak zablokować możliwość wciśnięcia innego przycisku niż ten, którego użyliśmy kiedy okno jest otwarte?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
KID479
post
Post #2





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 12.02.2015

Ostrzeżenie: (0%)
-----


W takiej postaci:
CODE
<script type="text/javascript">
$(document).ready(function(){

$("#Przyciski p").click(function(){
if ('#Window').is(":visible")) {
return;
}

$(this).toggleClass("Click");
$("#Window").toggleClass("WindowShow");
});
});
</script>

Okno w ogóle się nie otwiera. Zarówno przy opcji :visible jak i WindowShow.
Go to the top of the page
+Quote Post
b4rt3kk
post
Post #3





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

Ostrzeżenie: (0%)
-----


Cytat(KID479 @ 12.02.2015, 17:06:16 ) *
W takiej postaci:
CODE
<script type="text/javascript">
$(document).ready(function(){

$("#Przyciski p").click(function(){
if ('#Window').is(":visible")) {
return;
}

$(this).toggleClass("Click");
$("#Window").toggleClass("WindowShow");
});
});
</script>

Okno w ogóle się nie otwiera. Zarówno przy opcji :visible jak i WindowShow.


Bo skopiowałeś żywcem kod, a tak się składa, że błąd walnąłem i nawiasu brakuje w warunku, popraw u siebie. Powinieneś mieć jakieś narzędzie do debugowania, np. Firebuga.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 9.10.2025 - 09:40