Add new attachment

Only authorized users are allowed to upload new attachments.

This page (revision-99) was last changed on 06-Apr-2011 11:19 by Matti Siivola  

This page was created on 19-Mar-2008 19:03 by 194.157.96.130

Only authorized users are allowed to rename pages.

Only authorized users are allowed to delete pages.

Difference between version and

At line 22 added 28 lines
Mielestäni taustakuvaa ei tarvitsisi lainkaan. Ainakin kun sivua katsoo vähän kauempaa, niin tausta työntyy esiin vieden huomion asian keskipisteestä, mikä ei ole taustan tehtävä. Suolaa toki voi ripauttaa mutta makunystöreideni tuntuman perusteella arvioin, että annostelija on horjahtanut.
Jos määräät rivielementille luokan, voit pelkästään myös css:llä luoda yksinkertaisen efektin, mutta en suorilta osaa sanoa, saatko tarpeeksi kontrollia tyylikkääseen toteutukseen.
Mitä tulee javascript-vaihtoehtoon: käytännössä tarvitset määritellä vain yhden kuuntelijan taulurivielementille, niin että kun hover-tapahtumakuuntelijafunktiota kutsutaan, se vaihtaa elementin tyyliä.
Esim. jos olisi jQuery-kirjasto käytössä (käytännössä tarpeeton):
{{{
$(function() { // tämä suorittaa sisällä olevan koodin dokumentin ladattua
$('.rowClass').hover( // tämän avulla lisäät kutsuttavat funktiot kun tapahtuu jotain
// ensimmäinen parametri on funktio jota kutsutaan kun .rowClass yllä liikkuu hiiri
function() { $(this).addClass('rowClassHovered'); },
// toinen parametri on funktio jota kutsutaan kun .rowClass liikutaan pois
function() { $(this).removeClass('rowClassHovered'); }
);
});
}}}
Eli siis sulla olisi jossain <tr class="rowClass" /> ja siihen lisättäisiin/poistettaisiin ajonaikaisesti javascriptilla luokka rowClassHovered kun hiirtä liikutellaan siinä päällä/päältä pois.
Disclaimer ylläolevaan: vetelin ton päästä.
En halua kokonaan toteuttaa, kun on hyvä oppia itse. Suosittelen vahvasti opettelemaan for the lulz; saat myös tehtyä paljon käyttökokemusparannuksia.
-- ps eudo
Version Date Modified Size Author Changes ... Change note
99 06-Apr-2011 11:19 73.478 kB Matti Siivola to previous
98 05-Apr-2011 18:28 72.066 kB Jouni Valkonen to previous | to last voi läkähdys...
97 05-Apr-2011 09:50 71.617 kB Matti Siivola to previous | to last
96 05-Apr-2011 00:45 71.424 kB Jouni Valkonen to previous | to last
95 05-Apr-2011 00:19 70.938 kB Jouni Valkonen to previous | to last
94 05-Apr-2011 00:10 70.835 kB Jouni Valkonen to previous | to last
93 05-Apr-2011 00:07 70.722 kB Jouni Valkonen to previous | to last
92 04-Apr-2011 23:49 69.667 kB 84.250.84.15 to previous | to last
91 04-Apr-2011 18:29 68.846 kB 91.155.188.222 to previous | to last
90 04-Apr-2011 18:28 68.85 kB 91.155.188.222 to previous | to last
89 04-Apr-2011 18:10 68.424 kB Jouni Valkonen to previous | to last Loppus japsilisäajalla pelleily ainakin minun osaltani
88 09-Oct-2010 16:26 64.921 kB Jouni Valkonen to previous | to last
87 09-Oct-2010 11:37 64.408 kB 82.181.95.19 to previous | to last
86 07-Oct-2010 01:58 64.303 kB 84.250.68.172 to previous | to last
85 05-Oct-2010 18:20 64.109 kB 84.250.68.172 to previous | to last
84 05-Oct-2010 18:11 63.662 kB Jouni Valkonen to previous | to last
83 05-Oct-2010 17:42 63.599 kB Jouni Valkonen to previous | to last
82 05-Oct-2010 17:42 63.602 kB Jouni Valkonen to previous | to last
81 05-Oct-2010 15:40 63.512 kB 84.250.68.172 to previous | to last
« This page (revision-99) was last changed on 06-Apr-2011 11:19 by Matti Siivola