Korinaa kuopasta

Jo 583 juttua!

Tilaa RSS tai Atom

Disabled="disabled"

Eräät nettiselaimet tukevat CSS-muotoilun asettamista myös sellaisiin verkkolomake-elementteihin, jotka on otettu pois käytöstä. Että jotta tuota jos siis lomakkeessa on sellainen nappula tai tekstikenttä, or whatever, se on ilmoitettu nettisivun lähdekoodissa jotakuinkin näin:

disabled="disabled

Tässä vaiheessa täytyy tunnustaa, että kirjoitan tätä blogimerkintää vailla käytännössä todettuja testituloksia. En jaksa. Pitäisi mennä nukkumaan. Tuohon yllä näkyvään merkkaukseen voidaan tarttua (todennäköisesti) CSS-tiedostosta käsin vaikkapa näin:

[disabled] { oma merkkaus tähän }

Voidaan tarkentaa tuota merkkausta ulottamalla sen koskemaan vain sellaisia button-nappuloita, jolloin CSS voisi näyttää tältä:

button[disabled] { oma merkkaus tähän ]

Tämä disabloituja elementtejä kyykyttävä CSS-merkkaus toimii ainakin Mozilla Firefoxissa.

Koska aika on arvokasta, kannattaa tutustua tähän alla näkyvään listaan jos mielit löytää tämän nettisivuston parhaat kirjoitukset. Tässä alapuolella on kaikkein luetuimpia kirjoituksia Korinaa kuopasta -blogin aarreaitasta. Kirjoitukset on järjestetty suosituimmuusjärjestykseen siten, että luettelon kärjessä on tällä hetkellä eniten lukukertoja saaneet kirjoitukset.

Luetuimpia blogimerkintöjä

Blogimerkintää "Disabled="disabled"" muokattiin viimeksi 539 päivää sitten, eli torstaina 12.03.2009 kello 12:12. Kirjoitukseen on julkaistu kommentteja 2 kpl. Kaikki kirjoituksen saamat kommentit löytyvät suoraan tämän tekstimötikän alapuolelta.

Julkaisun kommentit

Aleksi kommentoi 1027 päivää sitten

Samalla tavalla voidaan tyylitellä mitä tahansa elementtejä. Homman nimi on attribute selector. (http://www.w3.org/TR/css3-selectors/#attribute-selectors)

Esimerkiksi kaikki linkit, joiden osoite alkaa http://www.kuopassa.com/, saataisiin vaaleanpunaiseksi seuraavasti:

a[href^=“http://www.kuopassa.com/”] { color: magenta; }

Petri kommentoi 1026 päivää sitten

Hmm, hmm. Kiehtovaa. Interesting. Pitäisi testailla miten hyvin nuo CSS3-ominaisuudet pelaavat tässä tuoreimmassa Mozilla Firefoxissa ja vastaavasti miten huonosti taas Internet Explorerissa.

(Aleksin kommentissa viimeisellä rivillä näkyy tuo CSS-koodirivi, jossa on lainausmerkit heitetty kovin koristeellisiksi. Johtuu Textpatternin Textile-muotoilusta. Jos joku siis meinaa kokeilla ko. koodia, niin sen lainausmerkit pitäisi muistaa korvata sellaisiksi tavallisiksi.)

Oho! Tämän julkaisun kommentointi onkin jo suljettu. Kun tämän julkaisun kommentointi oli vielä avoinna, tälle julkaisulle kirjoitettiin yhteensä 2 kommenttia. Tämä artikkeli on lokeroitu kategoriaan . Tämän julkaisun kestolinkin osoite on http://www.kuopassa.com/weblog/2007/11/10/disableddisabled.

Korinaa kuopasta: Disabled="disabled"

Selaat tällä hetkellä blogimerkintää Disabled="disabled". Se julkaistiin %. päivä marraskuuta 2007. Voit siirtyä lukemaan blogin tuoreimpia kirjoituksia klikkaamalla tiesi weblogin etusivulle. Tässä blogissa julkaistaan kiinnostaviksi katsomiani asioita, joten jos tiedät kiinnostavan nettiin liittyvän aiheen, josta kannattaisi kirjoittaa, laita palautetta!