[jQuery], Losowanie Opcje

[Largo1234]

Witam, próbuje zrobić odtwarzanie losowe, chciałbym aby po kliknięciu przycisku, automatycznie po zakończeniu filmu otwierał się następny, ten kod działa jednak dopiero gdy film się zakończy, wtedy trzeba ręcznie kliknąć #losuj i otwiera się następny element a chce żeby tylko trzeba było raz kliknąć i wtedy aktywowała by się ten kod zawsze wtedy kiedy film się zakończy, czyli zwróci 0.

[HTML] pobierz, plaintext 
 $(document).ready(function() {
  $("#losuj").on('click',function(e) {
                        //ytplayer.getPlayerState() zwraca 0 gdy film sie zakonczyl
			//jeżeli film się skończył wykonaj
			 if ( ytplayer.getPlayerState() == 0 ) {
				//element do kliknięcia
				var list = $('.koncentrator a.utwor');
				//kliknij w losowy element spośród .koncentrator a.utwor
				list.eq(parseInt(Math.random()*list.length)).click();
				//przewiń do tego elementu
				$(".active").get(0).scrollIntoView();
 
	 }
  });
  });
[HTML] pobierz, plaintext 

Ten post edytował Largo1234 11.11.2014, 09:35:55

[trueblue]

Musisz użyć zdarzenia onStateChange, tam sprawdzić stan (dostaniesz w event.data).

[Largo1234]

Możesz jaśniej bo dopiero raczkuje w jquery/javascript

[trueblue]

https://developers.google.com/youtube/js_ap...bscribingEvents

[Largo1234]

ok mam cos takiego:

[HTML] pobierz, plaintext 
<script>
  function playerStateChanged(state) {
      // State code 0 means playback ended
      if (state == 0) {
        var list = $('.koncentrator a.utwor');
		//kliknij w losowy element spośród .koncentrator a.utwor
		list.eq(parseInt(Math.random()*list.length)).click();
		//przewiń do tego elementu
		$(".active").get(0).scrollIntoView();
      }
    };
</script>
[HTML] pobierz, plaintext 

I działa!!! ale teraz chciałbym aby uruchamiała się ta funkcje po aktywowaniu przycisku np. o nazwie "odtwarzaj losowo" a po jego ponownym kliknięciu wyłączyć funkcje, proszę o pomoc

[trueblue]

1. Ustalasz jakąś zmienną i jej początkową wartość na X.
2. Jeśli klikasz, to zmienna przyjmuje Y jeśli ma X, X jeśli ma Y.
3. Zmieniasz warunek: if(state==0&&zmienna==X) {

[Largo1234]

Czyli gdzieś tam trzeba nadać wartość 0 zmiennej losowo a po kliknięciu nadać wartość 1, ten kod ma wyglądać tak?:

[HTML] pobierz, plaintext 
 
var losowo = 0;
function playerStateChanged(state,losowo) {
      // State code 0 means playback ended
      if(state==0&&losowo==1) {
        var list = $('.koncentrator a.utwor');
		list.eq(parseInt(Math.random()*list.length)).click();
		setTimeout(function(){
		$(".active").get(0).scrollIntoView();
		}, 1000);
      }
    };
[HTML] pobierz, plaintext 

Tylko jak to zrobić żeby zmienić wartość tej zmiennej losowo na 1, , kombinuje i mi nie wychodzi...

próbowałem tak ale to nie działa

[HTML] pobierz, plaintext 
  <script>
  $(document).ready(function() {
  var losowo=0;
  $("#losuj").on('click',function(e) {
  var losowo=1;
  });
  });
  </script>
 
  <script>
  function playerStateChanged(state,losowo) {
      // State code 0 means playback ended
      if(state==0&&losowo==1) {
        var list = $('.koncentrator a.utwor');
		list.eq(parseInt(Math.random()*list.length)).click();
		setTimeout(function(){
		$(".active").get(0).scrollIntoView();
		}, 1000);
      }
    };
</script>
[HTML] pobierz, plaintext 

Ten post edytował Largo1234 11.11.2014, 12:49:31

[trueblue]

Wartość zmiennej losowo ustalasz przy inicjalizacji, oraz przy click. Zadeklaruj ją poza funkcją click i playerStateChanged. Do playerStateChanged nie przekazuj jej jako argument.
Porównanie: ==

[Largo1234]

Przepraszam to tylko błąd w kopiowaniu, w dokumencie mam ==.

zrobiłem coś takiego, po kliknięciu niby wartość zmiennej to 1 ale i tak nie działa...

[HTML] pobierz, plaintext 
  <script>
  $(document).ready(function() {
  var losowo=0;
  $("#losuj").on('click',function(e) {
 var losowo=1;
  alert (losowo);
  });
  });
  </script>
  <script>
  function playerStateChanged(state) {
      // State code 0 means playback ended
      if(state==0&&losowo==1) {
        var list = $('.koncentrator a.utwor');
		list.eq(parseInt(Math.random()*list.length)).click();
		setTimeout(function(){
		$(".active").get(0).scrollIntoView();
		}, 1000);
      }
    };
</script>
[HTML] pobierz, plaintext 

Ten post edytował Largo1234 11.11.2014, 12:53:38

[trueblue]

[HTML] pobierz, plaintext 
  <script>
  $(document).ready(function() {
  var losowo=true;
  $("#losuj").on('click',function(e) {
   losowo=!losowo;
  });
  });
 
  function playerStateChanged(state) {
      // State code 0 means playback ended
      if(state==0&&losowo) {
        var list = $('.koncentrator a.utwor');
		list.eq(parseInt(Math.random()*list.length)).click();
		setTimeout(function(){
		$(".active").get(0).scrollIntoView();
		}, 1000);
      }
    };
</script>
[HTML] pobierz, plaintext 

[Largo1234]

Niestety to nie działa...

[trueblue]

A gdzie masz podpięty listener playerStateChanged?
Pokaż cały kod.

[Largo1234]

To działa! dzięki

[HTML] pobierz, plaintext 
<script>
  $(document).ready(function() {
  var losowo=false;
	$( "#losuj" ).click(function() {
	  losowo=!losowo;
	});
  playerStateChanged = function(state) {
      // State code 0 means playback ended
      if(state==0&&losowo) {
        var list = $('.koncentrator a.utwor');
		list.eq(parseInt(Math.random()*list.length)).click();
		setTimeout(function(){
		$(".active").get(0).scrollIntoView();
		}, 1500);
      }
    }
  });
</script>
[HTML] pobierz, plaintext 

Ten post edytował Largo1234 12.11.2014, 09:09:14