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.

[HTML] pobierz, plaintext 
  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>
[HTML] pobierz, plaintext


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) 

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


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

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 9.10.2025 - 08:16
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn