[look997]

Youtube

Mam skrypt do Youtube:
https://gist.github.com/look997/9ad33fc1ee4fa18d7e06

Mam problem z ładowaniem strony bez odświeżania.
Skrypt się nie odświeża w tym trybie.
samo popstate nie wystarczy.

Jak to rozwiązać?

function setTOFun () {
 setTimeout( function () {
 if (document.querySelector("#progress") == undefined) {
 suBar();
 }
 else {
 setTOFun();
 }
 }, 100);
}

function progressBar () {

 document.querySelector("html").addEventListener("click", setTOFun, false); // Kliknięcie linka. Dodatkowo funkcja odświeżająca skrypt.

 window.addEventListener("popstate", function(e) { // Do przycisków 'wstecz' i 'do przodu'.
 setTOFun();
 suBar();
 });
}

#userscripts #webdev #userscripts

[look997]

@look997: Proszę odpowiedzieć na pytanie Jak to rozwiązać bo podane rozwiązanie nie wystarczy.

[P0lip]

@look997
document.querySelector("#progress") == undefined,
document.querySelector nie zwraca undefined, dalej nie czytam nawet xD

[look997]

@P0lip: O dziwo działa, chyba dzięki == a nie ===.

Nie szukam błędów w tym kodzie tylko chcę żeby ktoś podał rozwiązanie do problemu odświeżania strony bez odświeżania strony.

Bądź miły. :)

[P0lip]

@look997 querySelector nulla zwraca jak nie ma elementu a nie undefined :P

[look997]

@P0lip: No tak ale ten fragment kodu działa bardzo dobrze. Oczywiście poprawiłem go po twojej uwadze na === null ale z == undefined też działało.

Pytanie jest o popstate, XHR i tego typu rzeczy. Jak obserwować załadowanie nowego filmu żeby skrypt się za każdym razem załadował przy ładowaniu filmu bez odświeżania strony - nie wiem czy wiesz ale w YT jest takie rozwiązanie ale nie zawsze jest właczone.

[P0lip]

@look997 Film w HTML5 czy flash? Chodzi Tobie o zmianę adresu? Bo sama zmiana adresu nie musi oznaczać przecież nowego filmu :P.

[look997]

@P0lip: Tak, zmiana adresu. Mogę sobie odfiltrować niepotrzebne adresy.
Tylko jak, samo popstate dział na wstecz do przodu a nie na zwykłe ładowanie.

[P0lip]

@look997 Rozważ może Mutation Observers jeśli yt coś ładuje przy pomocy xhr.

[look997]

@P0lip: http://40.media.tumblr.com/56860a263fc786e242c15cf26b73d1f9/tumblr_mjju8y0CXW1qea4hso1_1280.jpg

Widziałeś kiedyś ten pasek postępu? Nie mogę znaleźć opisu działania.

https://www.youtube.com/watch?v=4y39ZL45p3w

[P0lip]

@look997 Pewnie, że widziałem. Czemu nie użyjesz mutation observers?

[look997]

@P0lip: No zobaczę tylko później.

[look997]

@P0lip: Ok, DZIAŁA.

Tylko i tak ciekawe, że nie ma takiego gotowego eventu. Dla przykładu jest event do zmiany hasha - hashchange. A dla całego adresu nic nie ma.

[P0lip]

@look997 Swoją drogą ucz się angielskiego ( ͡° ͜ʖ ͡°)

[look997]

@P0lip: Bardzo chętnie, nawet mam w planach taki dodatek do Firefoksa zrobić ułatwiający naukę. ;)

[P0lip]

@look997 Tylko FF? :P

[look997]

@P0lip: Ja z niego korzystam to co mnie reszta obchodzi? xD

[P0lip]

@look997 Ja też tylko FF xD