znikajace pole Opcje

[peterlan]

Witam,

mam pytanie, jak zrobic pole input, ktore bedzie znikalo np po 30 sekundach niekatywnosci?
w momencie kiedy uzytkownik nie bedzie nic wpisywal to pole tak jakby wygasnie.

[markonix]

setInterval żeby odliczać 30 sekund + nasłuchiwanie na owym inpucie. Jeżeli chodzi o samo wpisywanie to starczy keyup - jednak on może nie wykryć wklejonych, wybranych wartości.

[HTML] pobierz, plaintext 
$('input').on('keyup change', function() {
[HTML] pobierz, plaintext 

Pytanie też czy po wpisaniu litery ma znowu odliczać 30 sekund czy już nie.

Ten post edytował markonix 26.03.2014, 11:31:18

[peterlan]

po wpisaniu juz raczej nie
dzieki zaraz sprawdze czy cos uda mi sie z tego wykombinowac

[markonix]

Jeżeli to służy jakimś ważniejszym celom a nie tylko kosmetyce (np. konkurs, jakaś blokada bezpieczeństwa) to musisz się zabezpieczyć po stronie serwera także.

[peterlan]

mam jeszecze jedno pytanie, a mianowicie zrobilem cos takiego:

[HTML] pobierz, plaintext 
<script>
$('a.clik-suchen').click(function()
	{
		$('.d-active').addClass("a-active");
		{
			setInterval(function(){
   			$('.d-active input').fadeOut(1000);
   			},9000);
   			$('.a-active').addClass("d-active");
		}
	}
);
</script>
[HTML] pobierz, plaintext 

jak teraz zrobic ze po tym odliczaniu znowu wraca mi ta klasa:

[HTML] pobierz, plaintext 
$('.a-active').addClass("d-active");
[HTML] pobierz, plaintext 

Moje pytania pewnie dla wielu wydaja sie smieszne, ale na codzien pracuje w photoshopie.

[markonix]

To co ma się stać po odliczaniu dajesz w ciele funkcji setInterval czyli tam gdzie ukrywasz tego inputa.

Ogólnie jakoś nie do końca umiem zrozumieć co tam chcesz ociągnąć. Jak po 9 sekundach o kliknięcia w link ma znikać tylko input to można to lepiej (krócej) napisać.

[peterlan]

chodzi mi dokladnie o to ze po wykonaniu tego:

[HTML] pobierz, plaintext 
setInterval(function(){
$('.d-active input').fadeOut(1000);
},9000);
[HTML] pobierz, plaintext 

wykona mi sie cos takiego:

[HTML] pobierz, plaintext 
$('.a-active').addClass("d-active");
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<script>
				$('a.clik-suchen').click(function()
					{
						$('.d-active').addClass("a-active");
						{
							setInterval(function()
							{
				   			$('.d-active input').fadeOut(1000);
				   			$('.d-active').removeClass("a-active");
				   			},9000);
						}
					}
				);
			</script>
[HTML] pobierz, plaintext 

mam cos takiego, wszystko dziala tak jak chcialem, ale gdy raz sie wykona to juz nie dziala ponownie, co tutaj musze dopisac badz zmienic.

[trueblue]

[HTML] pobierz, plaintext 
$('a.clik-suchen').click(function(e){
	e.preventDefault();
	if(!$('.d-active').hasClass('a-active')){
		$('.d-active input').show();
		$('.d-active').addClass("a-active");
		setInterval(function(){
			$('.d-active input').fadeOut(1000);
			$('.d-active').removeClass("a-active");
			},9000);
		}
	}
);
[HTML] pobierz, plaintext 

Nie zmienia to faktu, że pisząc coś w inpucie nadal może zniknąć.

Ten post edytował trueblue 28.03.2014, 15:21:53