Scrollbar, przerobienie skryptu Opcje

[Ridd]

Witam.

Od niedawna staram uczyć się tworzyć strony internetowe. Całkiem nieźle mi to wychodzi, ale ostatnio zachciało mi się zmienić wygląd scrollbara. Nie ukrywam, że znalazłem multum tematów na ten temat( w większości po angielsku) ale mimo to nie potrafie ich przerobić czy przenieść na swoją stronę. Siedze z tym trzeci dzień, jeden scrollbar udało mi się przenieść i działa, ale nie potrafię zmienić jego wyglądu.

Do rzeczy :

dziś znalazłem tą strone : http://www.n-son.com/scripts/jsScrolling/jsScrollbar.html

i probówałem działać najpierw według tutoriala, a potem po po prostu skopiowałem kod z przykładu 4 i dodatkowo wrzuciłem w folder jsscrollbar.js , ale mimo to nie działa mi nadal.


Nie oczekuję gotowego kodu, ale miło by było gdyby ktoś mógłby mi wytlumaczyć jak należy postępować z takimi plikami.

Z góry dziękuje i pozdrawiam

[kamil4u]

1. Instalujesz firebug-a pod FF( lub coś zastępczego pod inną przeglądarką)
2. Uczysz się jego obsługi
3. Wchodzisz na http://www.n-son.com/scripts/jsScrolling/example4.html
4. Zdajesz sobie sprawę, że wygląd zmienia się za pomocą CSS
5. Za pomocą firebug-a badasz pasek i dowiadujesz się co to za element
6. Orientujesz się, że w tym wypadku wszelkie kolory to zmiana background-color
7. Wchodzisz w źródło strony
8. Szukasz CSS
9. Zauważasz, że część ze stylów odnosi się do paska
10. Bawisz się tymi stylami
11. Zdajesz sobie sprawę, że nie wszystko się zmienia jak powinno
12. Domyślasz się, że coś jeszcze musi zmieniać styl - tym czymś jest JS
13. Za pomocą JS najprościej zmienić styl: el.style.nazwaNazwa = 'wartość';
14. Szukasz czegoś takiego + background-color
15. Znajdujesz w kodzie:

Kod

    if (type == "mousedown") {
        if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#E3E3E3";
        else o.style.backgroundColor = "#BBB";
    } else {
        if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#EEE";
        else o.style.backgroundColor = "#CCC";
    }

16. Zmieniasz kolorki
17. Bawisz się całym skryptem, aż osiągniesz to co chcesz

Ten post edytował kamil4u 27.09.2012, 21:13:33

[Ridd]

Wielkie dzięki, trochę mi rozjaśniłeś, ale mam cały czas ten sam problem co wcześniej i gdzieś tutaj popełniam błąd.


Kopiuje wszystko do siebie - cały kod, wklejam jsscrollbar do folderu, otwieram stronke i wizualnie jest ok, ale scrollbar nie działa i nie wiem co robię źle. Ze zmianą kolorów itd myślę, że sobie poradze, pobawie się tak długo aż uzyskam to co chce, ale zanim to zrobię musze wiedzieć dlaczego u mnie nie działa jak powinno.

PS: firebug świetna sprawa!

[kamil4u]

Wrzuć to na jakiś serwer i pokaż nam. Jak żadnego nie masz to są darmowe, ale z reklamami, ale do testów to nie przeszkadza.

[Ridd]

http://www.sendspace.pl/file/3c09162240d710766349a34

mam nadzieje, że taki sposób też Ci odpowiada

pozdrawiam.

Ten post edytował Ridd 27.09.2012, 23:23:02

[ShadowD]

Czy ciężko kod dodać kod live?

[Ridd]

Czy na prawde mam czytać tutoriale jak ładuje się stronę na serwer (póki co ucze się kodu) bo ciężko jest pobrać plik ważący 22kb i odpalić html?

[kamil4u]

Tak. Nikt, Cię nie zna, a ściąganie obcych plików, nie jest wskazane dla bezpieczeństwa komputera. Poza tym będąc twórcą stron musisz się zaznajomić z serwerami. Jeżeli jesteś ogarnięty w szeroko pojętej obsłudze komputera, to założenie serwera na jakimś darmowym hoście + zgranie plików przez FTP to kwestia 20min.

Ja nie ściągnę Twoich plików. Ale możesz też umieścić kod tu: http://jsfiddle.net/

A jak nie to:
1. Instalujesz dodatek: JSView
2. Sprawdzasz czy na pewno jest dołączony plik JS
3. Sprawdzasz konsolę błędów JS
4 a) Wstawiasz w różnych miejscach kodu JS alert-y i sprawdzasz, gdzie się psuje skrypt
4 b ) lub dodajesz odpowiednie fragmenty kodu JS po kolei i sprawdzasz po którym dodaniu coś się psuje


--edit--
I się nie denerwuj tak

Ten post edytował kamil4u 29.09.2012, 12:44:59

[Ridd]

Nie denerwuje się

Podaje więc link z podanej przez Ciebie stronki : http://jsfiddle.net/3qtqN/

Dodam, że w folderze js mam więcej skryptów, ale myślę, że to ten odpowiada za niedziałanie.

Co do obawy przed pobraniem to rozumiem

Jeżeli to nie wystarczy wieczorem postaram się wrzucić pliki na serwer z tym, że tu na prawdę nic nowego nie ma. Skopiowany hmtl, css i pobrany js ze stronki twórcy, więc myślę, że może nie tyle wina w kodzie co brakuje czegoś bo nie jestem świadomy by to dodać.

Pozdrawiam!!

[kamil4u]

Lepiej jak jednak będzie na serwerze
W podanym przez Ciebie kodzie nie masz JS: jsScroller tylko scrollbar