archiwum forum cream.software

To michaelmiki:
Ależ ja doskonale wiem, że zaczynasz i dlatego staram się dawać przykłady proste. Skrypty przeznaczone do pracy na konkretnej stronie muszą uwzględniać wiele szczególnych sytuacji, a ogólne przykłady - nie muszą.

Np. mój skrypcik zakłada, że strona nie jest przewijana. Przewiń stronę, na której się znajduje i zobacz co się dzieje... I dlatego podkreślam, że to tylko przykład - taka zabawka. Ale widzę, że lubisz się bawić JS i bardzo dobrze, bo ja też lubię :-)

A tak w ogóle to wybrałeś trudne zadanie na początek. To nie tyle JavaScript co DHTML, który różni się znacznie w różnych przeglądarkach. Ja piszę wyłącznie pod IE, co daje najprostszy kod i największe możliwości. Lockoom przerabia na inne przeglądarki i jak widać rzecz się komplikuje.

Co do książek lub kursów, to nie znam jednej pozycji załatwiającej sprawę. Nauka to "zbieractwo i łowiectwo". Na początek polecałbym "JavaScript - księga eksperta" Helionu. Wbrew tytułowi zawiera dobre podstawy, choć to książka nieco już przestarzała. Nowości doszperasz sobie w Sieci.

Jeśli zdecydujesz się na DHTML w wersji Microsoftu, polecam serwis: http://msdn.microsoft.com/workshop/entry.asp - fura doskonale opracowanej dokumentacji, a także przystępne artykuły. Niestety, konieczny angielski. W zakresie innych przeglądarek nic nie doradzę, bo ich nie znam...

To Lockoom:
Zwracam honor i chylę czoła... Masz rację, nie wziąłem pod uwagę, że czcionka jest proporcjonalna i litery mają różne szerokości...

Pozdrawiam
Paweł Rajewski

Chodz Ci o to, aby literka zjeżdżała po sinusoidzie, czy aby skakała sobie w prawo i w lewo? No cóż, jak pisałem poprzednio, skrypcik zmienia współrzędną pionową obiektu idNapis i w ten sposób symuluje jego ruch (po każdej zmianie Explorer wyświetla obiekt na nowo w nowym miejscu). Współrzędna pozioma pozostaje niezmieniona, czyli ruch jest po linii prostej, pionowej. Co zatem trzeba robić? Zmieniać także współrzędną poziomą. W artykule o pozycjonowaniu (bodajże w cz. 1) przedstawiłem przykład skryptu przesuwającego obiekt w ślad za myszką - tam są angażowane dwie współrzędne - poanalizuj sobie.

A wracając do Twojego problemu. Można to zrobić np. tak:

(...)
oNapis.style.posTop=iNSPT;
oNapis.style.posLeft=50+Math.round(40*Math.sin(iNSPT/15));
(...)

(dodana wytłuszczona linia). Teraz literka opada po sinusoidzie, trochę jak płatek śniegu. Dodana linia zmienia współrzędną poziomą obiektu obliczając ją na podstawie współrzędnej pionowej z wykorzystaniem funkcji sinus.

Dobierając odpowiednio współczynniki można osiągnąć pożądaną szybkość zmian (liczba 15), amplitudę (liczba 40) i offset w stosunku do lewego brzegu ekranu (liczba 50).

I tyle :-)

To Lockoom:
A wiesz, że z tą symulacją ruchu planety po elipsie do fajny pomysł?

Pozdrawiam
Paweł Rajewski