Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Blokada przycisku
--qwerty--
post
Post #1





Goście







Witam.

Mam problem z kilkoma buttonami za pomocą których wyświetlam po kliknięciu popup.

  1. <button style="border: 1px solid black;" onclick="$('#pw').fadeIn('fast');">PW</button>
  2. <button style="border: 1px solid black;" onclick="$('#a1').fadeIn('fast');">Znajomi</button>
  3. <button style="border: 1px solid black;" onclick="$('#opcje').fadeIn('fast');">Opcje</button>


Jeśli kliknę PW i jest okno wyświetlone to przy kliknięciu Znajomi okno było tak jakby zablokowane.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Arcioch
post
Post #2





Grupa: Zarejestrowani
Postów: 324
Pomógł: 110
Dołączył: 18.09.2012

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


Pomysł jak najbardzije dobry (IMG:style_emoticons/default/smile.gif) tylko aby Ci pomóc musiałbym widzieć co pokazują te buttony i w jakis psoób potem zamykasz te div (IMG:style_emoticons/default/smile.gif)
Dodaje przykład (IMG:style_emoticons/default/smile.gif)

  1. <!DOCTYPE html>
  2. <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  3. <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
  4. $(function(){
  5. //zmienna do aktywnośći
  6. var aktywnosc = 0;
  7.  
  8. $("#pwb, #znajomib, #opcjeb").click(function() {
  9. var co = $(this).attr('rel');
  10.  
  11. if(aktywnosc == 0){
  12. $('#' + co).fadeIn('fast');
  13. aktywnosc = 1;
  14. }
  15. });
  16.  
  17. $(".zamknij").click(function() {
  18. $(this).parent().fadeOut('fast');
  19. aktywnosc = 0;
  20. return false;
  21. });
  22. });
  23. </head>
  24. <div style="display: block; float: left; clear: both">
  25. <button id="pwb" rel="pw" style="border: 1px solid black;">PW</button>
  26. <button id="znajomib" rel="znajomi" style="border: 1px solid black;">Znajomi</button>
  27. <button id="opcjeb" rel="opcje" style="border: 1px solid black;">Opcje</button>
  28. </div>
  29. <div id="pw" style="display: none; clear: both; overflow: hidden; float: left;">
  30. Tu jakaś treść o pw
  31. <a href="#" class="zamknij">Ukryj</a>
  32. </div>
  33. <div id="znajomi" style="display: none; clear: both; overflow: hidden; float: left;">
  34. Tu jakaś treść o znajomych
  35. <a href="#" class="zamknij">Ukryj</a>
  36. </div>
  37. <div id="opcje" style="display: none; clear: both; overflow: hidden; float: left;">
  38. Tu jakieś opcje
  39. <a href="#" class="zamknij">Ukryj</a>
  40. </div>
  41. </body>
  42. </html>


Live (IMG:style_emoticons/default/smile.gif)

Ten post edytował Arcioch 3.10.2012, 22:43:37
Go to the top of the page
+Quote Post

Posty w temacie
- -qwerty-   [JavaScript]Blokada przycisku   3.10.2012, 17:08:31
- - Arcioch   JQuery ONE   3.10.2012, 17:10:24
- - -qwerty-   [HTML] pobierz, plaintext <button style="b...   3.10.2012, 17:32:22
- - Arcioch   [HTML] pobierz, plaintext <button style=...   3.10.2012, 17:40:17
- - -qwerty-   Wszystkie mogę włączyć a mi chodzi o to gdy już je...   3.10.2012, 21:45:59
- - Arcioch   Chcesz zrobić tak aby jak się kliknie w jedno to b...   3.10.2012, 22:00:24
- - -qwerty-   Są trzy buttony. Klikam jeden nie mogę włączyć poz...   3.10.2012, 22:09:33
- - Arcioch   Pomysł jak najbardzije dobry tylko aby Ci pomóc m...   3.10.2012, 22:16:54


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: 8.10.2025 - 03:13