Forum PHP.pl > [JavaScript]Blokada przycisku

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Blokada przycisku

-qwerty-

3.10.2012, 17:08:31

Witam.

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

[HTML] pobierz, plaintext 
<button style="border: 1px solid black;" onclick="$('#pw').fadeIn('fast');">PW</button>
<button style="border: 1px solid black;" onclick="$('#a1').fadeIn('fast');">Znajomi</button>
<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.

Arcioch

3.10.2012, 17:10:24

JQuery ONE

-qwerty-

3.10.2012, 17:32:22

[HTML] pobierz, plaintext 
<button style="border: 1px solid black;" onclick="$(this).one('click', function(){$('#pw').fadeIn('fast');});">PW</button>
<button style="border: 1px solid black;" onclick="$(this).one('click', function(){$('#a1').fadeIn('fast');});">Znajomi</button>
<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.

Arcioch

3.10.2012, 17:40:17

[HTML] pobierz, plaintext 
    <button style="border: 1px solid black;" id="bpw">PW</button>
    <button style="border: 1px solid black;" id="ba1">Znajomi</button>
    <button style="border: 1px solid black;" id="bopcje">Opcje</button>
 
	<script type="text/javascript">
		$(function(){
			$("#bpw").one("click", function() {
				$('#pw').fadeIn('fast');
			});
			$("#ba1").one("click", function() {
				$('#a1').fadeIn('fast');
			});
			$("#bopcje").one("click", function() {
				$('#opcje').fadeIn('fast');
			});			
		});
	</script>
[HTML] pobierz, plaintext

Plus dołączona bibliotek jQuery

-qwerty-

3.10.2012, 21:45:59

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ć.

Arcioch

3.10.2012, 22:00:24

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

-qwerty-

3.10.2012, 22:09:33

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 
<button id="pwb" onclick="if(ile==0){$('#pw').fadeIn('fast');ile++;}else{alert('bleble');}" style="border: 1px solid black;">PW</button>
<button id="znajomib" onclick="if(ile==0){$('#znajomi').fadeIn('fast');ile++;}else{alert('bleble');};" style="border: 1px solid black;">Znajomi</button>
<button id="opcjeb" onclick="if(ile==0){$('#opcje').fadeIn('fast');ile++;}else{alert('bleble');};" style="border: 1px solid black;">Opcje</button>
[HTML] pobierz, plaintext

Arcioch

3.10.2012, 22:16:54

Pomysł jak najbardzije dobry

tylko aby Ci pomóc musiałbym widzieć co pokazują te buttony i w jakis psoób potem zamykasz te div

Dodaje przykład

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
<script>
$(function(){
	//zmienna do aktywnośći
	var aktywnosc = 0;
 
	$("#pwb, #znajomib, #opcjeb").click(function() {
		var co = $(this).attr('rel');
 
		if(aktywnosc == 0){
			$('#' + co).fadeIn('fast');
			aktywnosc = 1;
		}
	});
 
	$(".zamknij").click(function() {
		$(this).parent().fadeOut('fast');
		aktywnosc = 0;
		return false;
	});	
});
</script>
</head>
<body>
	<div style="display: block; float: left; clear: both">
		<button id="pwb" rel="pw" style="border: 1px solid black;">PW</button>
		<button id="znajomib"  rel="znajomi" style="border: 1px solid black;">Znajomi</button>
		<button id="opcjeb" rel="opcje" style="border: 1px solid black;">Opcje</button>
	</div>
	<div id="pw" style="display: none; clear: both; overflow: hidden; float: left;">
		Tu jakaś treść o pw
		<a href="#" class="zamknij">Ukryj</a>
	</div>
	<div id="znajomi" style="display: none; clear: both; overflow: hidden; float: left;">
		Tu jakaś treść o znajomych
		<a href="#" class="zamknij">Ukryj</a>
	</div>	
	<div id="opcje" style="display: none; clear: both; overflow: hidden; float: left;">
		Tu jakieś opcje 
		<a href="#" class="zamknij">Ukryj</a>
	</div>	
</body>
</html>
[HTML] pobierz, plaintext

Live

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.