Osaisiko kukaan neuvoa, mistä löytäisin ohjeet javascript vierityspalkin tekemiseen. Tarkoitan siis tällaista:
http://www.viktoriatolstoy.com/news/news.shtml
Olen sen verran aloittelija, etten kyllä ole edes varma onko javascriptillä toteutettu. Kuka tietää?
Kyselee
"tyyliä web-sivustolle"
Katso sieltä sivun lähdekoodista.
Joskaan tuosta sivusta ei kannata ottaa mitään mallia. Erityisesti aloittelijan kannattaa välttää kaikkia kikkailuja, koska aloittelija ei tunne niiden kaikkia haittapuolia. Sitten kun on päässyt ohi siitä aloittelijavaiheesta tietääkin jo asioista tarpeeksi, ettei edes halua moisia :)
Sivuston lähdekoodista löytyy seuraavaa koodia. Sivusto sisältää siis erillisen js-tiedoston.
</TITLE>
<SCRIPT language=javascript src="scrollscript.js">
</SCRIPT>
</HEAD>
<BODY>
<DIV id=scrollbox>
<A onmouseup=CeaseScroll()
onmousedown=PerformScroll(-22)
onmouseover="swapImg('scroll_up', 'green_up.jpg', '');return true"
onmouseout="CeaseScroll();swapImg('scroll_up', 'pink_up.jpg', '')"
href="javascript://scrollup"><IMG height=21 alt="" src="pink_up.jpg" width=21 border=0 name=scroll_up></A>
<BR>
<TABLE>
<TBODY>
<TR>
<TD height=276></TD>
</TR>
</TBODY>
</TABLE>
<A onmouseup=CeaseScroll()
onmousedown=PerformScroll(14)
onmouseover="swapImg('scroll_down', 'green_down.jpg', '');return true"
onmouseout="CeaseScroll();swapImg('scroll_down', 'pink_down.jpg', '')"
href="javascript://scrolldown"><IMG height=21 alt="" src="pink_down.jpg" width=21 border=0 name=scroll_down></A>
</DIV>
<SCRIPT language=javascript>
<!--
InitialiseScrollableArea();
// -->
</SCRIPT>
</BODY>
</HTML>Tuo aloittelijahan on varsin suhteellinen käsitys. HTML, CSS sekä Photoshopin käyttö kyllä hoituvat. JavaScript-koodauksessa olen aloittelija.
Miksi mielestäsi ko. sivustosta ei kannata ottaa mallia? Sivusto on mielestäni erittäin tyylikäs (joskin hieman hidas latautumaan) ja kyseinen vierityspalkkihan ei ole tuon sivun yhteydessä kikkailua, vaan layout-kysymys. Kysymys on siis halutun layoutin luomisesta, ei häiritsevien JavaScript kikkojen lisäämisestä, joita täysin aloittelijat innokkaaasti kyllä varmaan lisäilevät.
a.salminen kirjoitti:
Sivuston lähdekoodista löytyy seuraavaa koodia.
Jos olisin halunnu nähä sen, olisin osannu kyllä kattoa sen itekki.
a.salminen kirjoitti:
Miksi mielestäsi ko. sivustosta ei kannata ottaa mallia?
Koska se ei toimi (vinkki: ota javascript pois päältä ja koita skrollata). Toimiessaankin tuota on ikävä käyttää: IFrame nostaa verenpainetta muutenkin (minä haluan sen sisällön koko selainikkunaan, enkä mihinkään postimerkkiboksiin, jota saa skrollata neljään suuntaan jossain nurkassa!), kun siitä vielä hajotetaan rullalla skrollaus tekee se sitä enemmän, kuin tarvis.
a.salminen kirjoitti:
vierityspalkkihan ei ole tuon sivun yhteydessä kikkailua, vaan layout-kysymys.
Tästä minä olen eri mieltä. Selaimen toimintojen rikkominen ja niiden korvaaminen sellaisilla, jotka toimivat joskus, jos silloinkaan, on minusta kikkailua.
Ok, vastauksissasi on järkeä ja kiitän vinkeistä. Hyvä sivustohan koostuu asiaa ajavasta layoutista ja hyvästä toimivuudesta ja ko. sivuston tekijät ovat ilmeisesti innostuneet hieman liikaa pelkästään layoutista.
Terveisin
Täysin Aloittelija:)
Tuo skrolleri ei kyllä edes ole tehty javascriptillä vaan marqueella ^^
Aihe on jo aika vanha, joten et voi enää vastata siihen.