Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [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
Arcioch
post
Post #2





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

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

JQuery ONE
Go to the top of the page
+Quote Post
--qwerty--
post
Post #3





Goście







 
[HTML] pobierz, plaintext 
  1. <button style="border: 1px solid black;" onclick="$(this).one('click', function(){$('#pw').fadeIn('fast');});">PW</button>
  2. <button style="border: 1px solid black;" onclick="$(this).one('click', function(){$('#a1').fadeIn('fast');});">Znajomi</button>
  3. <button style="border: 1px solid black;" onclick="$(this).one('click', function(){$('#opcje').fadeIn('fast');});">Opcje</button>
[HTML] pobierz, plaintext


Zrobiłem taka ale nie działa a firebuga nie odpalę sobie bo pracuje na prehistorycznym komputerze i ścina.
Go to the top of the page
+Quote Post
Arcioch
post
Post #4





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

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

[HTML] pobierz, plaintext 
  1.     <button style="border: 1px solid black;" id="bpw">PW</button>
  2.     <button style="border: 1px solid black;" id="ba1">Znajomi</button>
  3.     <button style="border: 1px solid black;" id="bopcje">Opcje</button>
  4.  
  5. 	<script type="text/javascript">
  6. 		$(function(){
  7. 			$("#bpw").one("click", function() {
  8. 				$('#pw').fadeIn('fast');
  9. 			});
  10. 			$("#ba1").one("click", function() {
  11. 				$('#a1').fadeIn('fast');
  12. 			});
  13. 			$("#bopcje").one("click", function() {
  14. 				$('#opcje').fadeIn('fast');
  15. 			});			
  16. 		});
  17. 	</script>
[HTML] pobierz, plaintext


Plus dołączona bibliotek jQuery (IMG:style_emoticons/default/wink.gif)
Go to the top of the page
+Quote Post
--qwerty--
post
Post #5





Goście
Wszystkie mogę włączyć a mi chodzi o to gdy już jeden jest włączony (bez różnicy który) innego nie da się włączyć.
Go to the top of the page
+Quote Post
Arcioch
post
Post #6





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

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

Chcesz zrobić tak aby jak się kliknie w jedno to blokowało następne ale po zamknięciu okienka czy tam czegoś znów się uaktywniały tak (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
--qwerty--
post
Post #7





Goście
Są trzy buttony. Klikam jeden nie mogę włączyć pozostałych.

Wpadłem na pomysł aby zadeklarować zmienną i przypisać do niej 0. Następnie if-em sprawdzać czy wynosi ona wciąż 0 jeśli tak to otwórz. Przy zamknięciu znów dopisywać 0.

Wygląda to tak:
[HTML] pobierz, plaintext 
  1. <button id="pwb" onclick="if(ile==0){$('#pw').fadeIn('fast');ile++;}else{alert('bleble');}" style="border: 1px solid black;">PW</button>
  2. <button id="znajomib" onclick="if(ile==0){$('#znajomi').fadeIn('fast');ile++;}else{alert('bleble');};" style="border: 1px solid black;">Znajomi</button>
  3. <button id="opcjeb" onclick="if(ile==0){$('#opcje').fadeIn('fast');ile++;}else{alert('bleble');};" style="border: 1px solid black;">Opcje</button>
[HTML] pobierz, plaintext


Go to the top of the page
+Quote Post
Arcioch
post
Post #8





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
« 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: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

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

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