|
| Hover-effekt på en række af celler Fra : Dennis Møller |
Dato : 24-02-07 15:26 |
|
Som det ses f.eks. her:
www.shakerband.dk/main.asp?side=Gigs&aar=2006
... har jeg en hover-effekt på hver række, som gør, at lige meget
over hvilken celle du fører musen, så ændres baggrunds-farven og
tekst-farven på hele rækken af celler.
Problemerne er:
1) Det fungerer ikke længere i IE v.7 og sikkert heller ikke i
andre browsere.
2) Jeg har været nødt til at lave en ny tabel i hver række, for
at kunne omkredse hele tabellen med et link, der så "snyder"
browseren til at opfatte hele rækken som ét link. Det medfører,
at kolonnerne ikke helt holder bredden og dermed står teksten en
smule skævt.
Det er vigtigt at lægge mærke til, at jeg herudover skifter
baggrundsfarven for hver række for at "lette" læsningen (nu
snakker vi altså ikke ved mouseover). Derudover markerer jeg
fremtidige gigs med en mere fremtrædende tekst-farve (som kan ses
her, hvis vi altså har nogle fremtidige jobs hehe...:
www.shakerband.dk/main.asp?side=Gigs ). Denne markering af
fremtidige gigs gøres ved at ændre class'en på links'ene.
Jeg søger en venlig sjæl, der allernådigst vil pege på en løsning
på mit ønske om en hover-effekt på hele rækken af celler, der
ikke går på kompromis med...:
1) at kolonnerne står lige under hinanden - dvs. det gerne skal
være i samme tabel.
2) at hele cellen fungerer som et link - dvs. så det ikke kun er
selve teksten i cellen.
3) kompatibiliteten med IE v.7 - andre browsere er efter min
mening ikke så væsentlige.
Herudover må det være muligt at løse udelukkende med HTML og CSS
og altså uden brug af Javascript, ikke sandt?
Spørg endelig, hvis jeg skulle have overset informationer, der er
vigtige for løsningen af problemet!
På forhånd mange mange tak!
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Jens Gyldenkærne Cla~ (24-02-2007)
| Kommentar Fra : Jens Gyldenkærne Cla~ |
Dato : 24-02-07 16:58 |
|
Dennis Møller skrev:
> Som det ses f.eks. her:
> www.shakerband.dk/main.asp?side=Gigs&aar=2006
Av av av - 130 fejl i html-koden, heraf en del ret graverende. Ikke
så mærkeligt at siden ikke fungerer.
I Firefox kan teksten slet ikke ses.
> 2) Jeg har været nødt til at lave en ny tabel i hver række, for
> at kunne omkredse hele tabellen med et link, der så "snyder"
> browseren til at opfatte hele rækken som ét link. Det medfører,
> at kolonnerne ikke helt holder bredden og dermed står teksten en
> smule skævt.
Jeg kan godt forstå at du gerne vil fremhæve hele rækken, men
fremgangsmåden er forkert. Hvis du har flere kolonner i rækken, kan
du ikke bruge a:hover til at fremhæve det på én gang. Du kan
muligvis få noget til at virke med tr:hover, men det vil ikke virke
i IE<=6. Mit bedste bud vil være en javascriptbaseret løsning.
> 3) kompatibiliteten med IE v.7 - andre browsere er efter min
> mening ikke så væsentlige.
Hører IE6 også til de "mindre væsentlige browsere"? Hvad med IE5?
Hvis du laver siden fornuftigt fra starten - dvs. tager hensyn til
forskellige browsere og forskellige versioner - er problemet med at
rette noget til senere ikke nær så stort. Den letteste måde at gøre
det på er at holde sig til valid kode.
> Herudover må det være muligt at løse udelukkende med HTML og CSS
> og altså uden brug af Javascript, ikke sandt?
Hvis du kan undvære IE<=6, kan du godt klare dig uden javascript
(med tr:hover). I praksis er det nok nødvendigt at lægge javascript
på - hvad der sådan set heller ikke skulle volde problemer hvis det
gøres fornuftigt.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html
| |
Dennis Møller (24-02-2007)
| Kommentar Fra : Dennis Møller |
Dato : 24-02-07 18:48 |
|
Jens GyldenkærneClausen wrote in dk.edb.internet.webdesign.html:
> Hører IE6 også til de "mindre væsentlige browsere"? Hvad med IE5?
> Hvis du laver siden fornuftigt fra starten - dvs. tager hensyn til
> forskellige browsere og forskellige versioner - er problemet med at
> rette noget til senere ikke nær så stort. Den letteste måde at gøre
> det på er at holde sig til valid kode.
Nej, det var mest for at undgå, at nogen modficerede min egen løsning
en smule, så den stadig ikke ville fungere i IE7. Utroligt mange af de
fejl, som W3C opremser, går igen. Reelt set er der kun tale om maks. 5
forskellige fejl og ingen af dem har faktisk noget med dette problem
at gøre. Men nu har du svinet mig til, så det kan da godt være, jeg
generelt skal begynde at validere mine koder. Det har nu altså bare
intet med dette problem at gøre!
Nå, men jeg har under ingen omstændigheder tænkt mig at have 17
forskellige browsere installeret for at kunne checke alle tænkelige
browsere, den besøgende kunne benytte, så det må være nok med
valideringen...
> Hvis du kan undvære IE<=6, kan du godt klare dig uden javascript
> (med tr:hover). I praksis er det nok nødvendigt at lægge javascript
> på - hvad der sådan set heller ikke skulle volde problemer hvis det
> gøres fornuftigt.
Det er udelukket at se bort fra, at alle versioner nyere end IE5 ikke
kan vise siden. Jeg hæfter mig ved, at langt langt de fleste benytter
IE.
Er det så nødvendigt at flytte mit spørgsmål til
clientside-nyhedsgruppen for at få et konkret forslag? Jeg har nemlig
meget begrænset indsigt i javascript-verdenen...
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Erik Nielsen (24-02-2007)
| Kommentar Fra : Erik Nielsen |
Dato : 24-02-07 19:25 |
|
"Dennis Møller" <djm@INGEN-SPAMdennermanner.dk> skrev i en meddelelse
news:45e07a54$0$90262$14726298@news.sunsite.dk...
> Jens GyldenkærneClausen wrote in dk.edb.internet.webdesign.html:
> > Hører IE6 også til de "mindre væsentlige browsere"? Hvad med IE5?
> > Hvis du laver siden fornuftigt fra starten - dvs. tager hensyn til
> > forskellige browsere og forskellige versioner - er problemet med at
> > rette noget til senere ikke nær så stort. Den letteste måde at gøre
> > det på er at holde sig til valid kode.
> Men nu har du svinet mig til, så det kan da godt være, jeg
> generelt skal begynde at validere mine koder. Det har nu altså bare
> intet med dette problem at gøre!
Hov hov kammertonen tak
Jens prøver at hjælpe dig, og det helt gratis!
Læs eventuelt her:
http://www.usenet.dk/netikette/
--
Venligst Erik N.
| |
Dennis Møller (24-02-2007)
| Kommentar Fra : Dennis Møller |
Dato : 24-02-07 21:49 |
|
Erik Nielsen wrote in dk.edb.internet.webdesign.html:
> Hov hov kammertonen tak
> Jens prøver at hjælpe dig, og det helt gratis!
Måske der skulle have været en smiley efter min kommentar. Det eneste,
der måske irriterede mig en smule, var, at han ikke kom med en løsning
på problemet. Men den var i hvert fald ikke ment som værende uden for de
normale 440 Hz!
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Erik Nielsen (24-02-2007)
| Kommentar Fra : Erik Nielsen |
Dato : 24-02-07 22:13 |
|
"Dennis Møller" <djm@dennermanner.dk> skrev i en meddelelse
news:45e0a4c0$0$90266$14726298@news.sunsite.dk...
> Erik Nielsen wrote in dk.edb.internet.webdesign.html:
> > Hov hov kammertonen tak
> > Jens prøver at hjælpe dig, og det helt gratis!
>
> Måske der skulle have været en smiley efter min kommentar. Det eneste,
> der måske irriterede mig en smule, var, at han ikke kom med en løsning
> på problemet. Men den var i hvert fald ikke ment som værende uden for
de
> normale 440 Hz!
Ok, som selvbestaltet gud og netbetjent er du hermed tilgivet
--
Venligst Erik N.
| |
Erik Ginnerskov (25-02-2007)
| Kommentar Fra : Erik Ginnerskov |
Dato : 25-02-07 01:40 |
|
Dennis Møller wrote:
> Nå, men jeg har under ingen omstændigheder tænkt mig at have 17
> forskellige browsere installeret for at kunne checke alle tænkelige
> browsere, den besøgende kunne benytte, så det må være nok med
> valideringen...
Så enkel er verden desværre ikke, at validering alene gør det. Men 17
forskellige browsere er nok at overdrive.
Man kan nøjes med at have IE 7, IE 6 (kræver speciel installation, hvis IE 7
er installeret), FF2 og Op 9.
Desuden skal man sørge for, at ens kode ikke sætter IE 6 i quirks-mode
(bagudkompatibel visningsmodel), hvilket gøres ved at sætte en fundstændig
DocumentType erklæring.
http://hintzmann.dk/articles/doctype/
Endelig er det en god ide at bruge FF eller Op som monitor, mens man
udvikler sine sider. Det giver færre problemer med tilretning til IE, end
hvis man arbejder den anden vej (tilpasning til FF og Op).
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk
| |
Rune Jensen (25-02-2007)
| Kommentar Fra : Rune Jensen |
Dato : 25-02-07 14:39 |
|
"Erik Ginnerskov" skrev i en meddelelse...
> Så enkel er verden desværre ikke, at validering alene gør det. Men 17
> forskellige browsere er nok at overdrive.
>
> Man kan nøjes med at have IE 7, IE 6 (kræver speciel installation, hvis IE
> 7 er installeret), FF2 og Op 9.
Hmmm... 17 forskellige browsere? Kan tjekkes til husbehov her incl.browsere
på andre OSer og forsk. opløsninger: www.totalvalidator.com, alt:
http://www.totalvalidator.com/validator/ValidatorForm?type=url
Man får så resultaterne med email, hvilket er smart. Der findes andre af den
slags services, iøvrigt.
Tjek i mobilbrowser kan laves i Operas Mini-simulator, som skulle være meget
tæt på virkeligheden
http://www.operamini.com/demo/
Så ingen grund til at have mere installeret, end det Erik siger, hvis ellers
siderne validerer
MVH
Rune Jensen:
| |
Allan Vebel (25-02-2007)
| Kommentar Fra : Allan Vebel |
Dato : 25-02-07 02:07 |
|
Dennis Møller skrev:
> Men nu har du svinet mig til, så det kan da godt
> være, jeg generelt skal begynde at validere mine
> koder.
1. Der er ikke nogen der har svinet dig til.
2. Ja, du skal validere dine koder
1a. Hvorfor mener du at Jens har svinet dig til? Det
kan jeg slet ikke se i hans indlæg - det må du forklare
nærmere.
2a. Det er en god ide at validere kode til et link, inden
du sender det til gruppen - det gør det nemmere for
deltagerne at fejlsøge på din kode, uden først at skulle
igennem validatoren for at finde de typiske fejl.
Ja, Jens fandt en række fejl, det kunne lige så godt have
været mig der fandt dem, og så havde det været mig
du havde svinet dig til?
Tag kritikken til dig, og ret fejlene, så løser vi sikkert din
opgave med hover på en række celler på en eller anden
måde.
--
Allan Vebel
http://html-faq.dk
| |
Jens Gyldenkærne Cla~ (24-02-2007)
| Kommentar Fra : Jens Gyldenkærne Cla~ |
Dato : 24-02-07 22:26 |
|
Dennis Møller skrev:
> Måske der skulle have været en smiley efter min kommentar.
Det havde ikke gjort den store forskel.
> Det eneste, der måske irriterede mig en smule, var, at han ikke
> kom med en løsning på problemet.
Hvis du forventer en færdig løsning i første hug, er usenet nok
ikke det rette medie. Det er ikke fordi jeg ikke gerne vil komme
med en brugbar løsning, men jeg har den ikke på hånden. Som regel
kan man nå frem til noget i samarbejde - og første del af det
samarbejde er ofte at spørgeren får valideret sine kode.
Se evt.
< http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you>
I forhold til dit problem, vil jeg ikke afvise at du kan finde en
løsning der virker uden at validere din kode. Det er bare ikke en
løsning jeg gider at hjælpe med.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html
| |
Thrane (24-02-2007)
| Kommentar Fra : Thrane |
Dato : 24-02-07 19:20 |
|
"Dennis Møller" <djm@INGEN-SPAMdennermanner.dk> wrote in message
news:45e04ae9$0$90270$14726298@news.sunsite.dk...
> Herudover må det være muligt at løse udelukkende med HTML og CSS
> og altså uden brug af Javascript, ikke sandt?
> Spørg endelig, hvis jeg skulle have overset informationer, der er
> vigtige for løsningen af problemet!
> På forhånd mange mange tak!
Noget i denne stil:
http://thrane.nu/gigs.asp
--
Thrane
| |
Konrad (26-02-2007)
| Kommentar Fra : Konrad |
Dato : 26-02-07 02:56 |
|
Dennis Møller wrote:
> Som det ses f.eks. her:
> www.shakerband.dk/main.asp?side=Gigs&aar=2006
> .. har jeg en hover-effekt på hver række, som gør, at lige meget
> over hvilken celle du fører musen, så ændres baggrunds-farven og
> tekst-farven på hele rækken af celler.
> Problemerne er:
> 1) Det fungerer ikke længere i IE v.7 og sikkert heller ikke i
> andre browsere.
> 2) Jeg har været nødt til at lave en ny tabel i hver række, for
> at kunne omkredse hele tabellen med et link, der så "snyder"
> browseren til at opfatte hele rækken som ét link. Det medfører,
> at kolonnerne ikke helt holder bredden og dermed står teksten en
> smule skævt.
Kan du ikke lave noget ala
td.layout {
background-color: red;
}
a.layout:hover {
background-color: green;
}
<table><tr><td class='layout'><a class=layout href=''>bla bla
bla</a></td></tr></table>
osv
"Eksemplet" ikke testet, men sådan noget synes jeg da jeg har lavet en del
gange. Det burde slet ikke være nødvendigt med javascript eller in-ud
events.
> 1) at kolonnerne står lige under hinanden - dvs. det gerne skal
> være i samme tabel.
Brug div'er i stedet. Så undgår du helt de forfærdelige tabeller.
> 2) at hele cellen fungerer som et link - dvs. så det ikke kun er
> selve teksten i cellen.
Hvis du har cell-padding=0 etc burde illusionen være der.
| |
Jens Gyldenkærne Cla~ (26-02-2007)
| Kommentar Fra : Jens Gyldenkærne Cla~ |
Dato : 26-02-07 11:57 |
|
Konrad skrev:
> Kan du ikke lave noget ala
>
> td.layout {
> background-color: red;
> }
> a.layout:hover {
> background-color: green;
> }
>
> <table><tr><td class='layout'><a class=layout href=''>bla bla
> bla</a></td></tr></table>
Har du set siden? Der skal en del krumspring til hvis man vil klare
sig uden en tabel med flere kolonner. I en sådan tabel vil det kun
være enkeltceller der bliver fremhævet - ikke hele rækken som det
ønskes.
>> 1) at kolonnerne står lige under hinanden - dvs. det gerne
>> skal være i samme tabel.
>
> Brug div'er i stedet. Så undgår du helt de forfærdelige
> tabeller.
Tabeller er ikke forfærdelige når man skal lave tabelopstillinger -
her er de faktisk alt andet overlegent.
>> 2) at hele cellen fungerer som et link - dvs. så det ikke kun
>> er selve teksten i cellen.
>
> Hvis du har cell-padding=0 etc burde illusionen være der.
Normalt plejer rådet at være display: block på a-elementet.
--
Bolig søges. Andel eller leje i Emdrup, Nordvest, Nørrebro, Søborg
eller Brønshøj, max 6000 pr. måned.
Kontakt pr. mail - nospam(at)gyros.dk
Jens Gyldenkærne Clausen
| |
Thrane (26-02-2007)
| Kommentar Fra : Thrane |
Dato : 26-02-07 08:22 |
|
Dennis Møller skrev:
> Som det ses f.eks. her:
> www.shakerband.dk/main.asp?side=Gigs&aar=2006
> .. har jeg en hover-effekt på hver række, som gør, at lige meget
> over hvilken celle du fører musen, så ændres baggrunds-farven og
> tekst-farven på hele rækken af celler.
> Problemerne er:
> 1) Det fungerer ikke længere i IE v.7 og sikkert heller ikke i
> andre browsere.
> 2) Jeg har været nødt til at lave en ny tabel i hver række, for
> at kunne omkredse hele tabellen med et link, der så "snyder"
> browseren til at opfatte hele rækken som ét link. Det medfører,
> at kolonnerne ikke helt holder bredden og dermed står teksten en
> smule skævt.
>
> Det er vigtigt at lægge mærke til, at jeg herudover skifter
> baggrundsfarven for hver række for at "lette" læsningen (nu
> snakker vi altså ikke ved mouseover). Derudover markerer jeg
> fremtidige gigs med en mere fremtrædende tekst-farve (som kan ses
> her, hvis vi altså har nogle fremtidige jobs hehe...:
> www.shakerband.dk/main.asp?side=Gigs ). Denne markering af
> fremtidige gigs gøres ved at ændre class'en på links'ene.
>
> Jeg søger en venlig sjæl, der allernådigst vil pege på en løsning
> på mit ønske om en hover-effekt på hele rækken af celler, der
> ikke går på kompromis med...:
> 1) at kolonnerne står lige under hinanden - dvs. det gerne skal
> være i samme tabel.
> 2) at hele cellen fungerer som et link - dvs. så det ikke kun er
> selve teksten i cellen.
> 3) kompatibiliteten med IE v.7 - andre browsere er efter min
> mening ikke så væsentlige.
>
> Herudover må det være muligt at løse udelukkende med HTML og CSS
> og altså uden brug af Javascript, ikke sandt?
> Spørg endelig, hvis jeg skulle have overset informationer, der er
> vigtige for løsningen af problemet!
> På forhånd mange mange tak!
>
Har du kigget på mit forslag?
--
Thrane
| |
Dennis Møller (26-02-2007)
| Kommentar Fra : Dennis Møller |
Dato : 26-02-07 17:31 |
|
Thrane wrote in dk.edb.internet.webdesign.html:
> Har du kigget på mit forslag?
Jep! Undskyld mit svar har været lidt tid undervejs. Det ser rigtig
godt ud! Det er bygget på en omgang Javascript, ikke sandt? Jeg må jo
nok desværre erkende, at det er løsningen.
Jeg har forsøgt at integrere din løsning på følgende side:
www.ragu.dk/andet/?side=Koncerter
Nu er mit eneste problem så, hvordan det gøres, så tekst-farven
ændres på hele rækken af celler, når musen føres over rækken (uanset
hvor). Det må skulle skrives ind i attributterne:
onmouseover="bgColor='#CCCCCC'" onmouseout="bgColor=''"
... men hvordan? Og kan tekstfarve overhovedet skrives ind i
<tr>-tagget?
Derudover vil jeg gerne lige høre, om jeg kan flytte disse
farveoplysninger over i mit CSS-dokument? Jeg vil nemlig gerne have
disse oplysninger (både baggrundsfarve og tekstfarve) samlet her.
Tusind tak for din hidtidige hjælp, der er meget brugbar!
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Thrane (26-02-2007)
| Kommentar Fra : Thrane |
Dato : 26-02-07 17:49 |
|
"Dennis Møller" <djm@dennermanner.dk> wrote in message
news:45e30b29$0$90276$14726298@news.sunsite.dk...
>
> Jep! Undskyld mit svar har været lidt tid undervejs. Det ser rigtig
> godt ud! Det er bygget på en omgang Javascript, ikke sandt? Jeg må jo
> nok desværre erkende, at det er løsningen.
Nej, jeg har ikke brugt javascript til det overhovedet.
Kildekoden har det hele i sig.
> Jeg har forsøgt at integrere din løsning på følgende side:
> www.ragu.dk/andet/?side=Koncerter
> Nu er mit eneste problem så, hvordan det gøres, så tekst-farven
> ændres på hele rækken af celler, når musen føres over rækken (uanset
> hvor). Det må skulle skrives ind i attributterne:
> onmouseover="bgColor='#CCCCCC'" onmouseout="bgColor=''"
> .. men hvordan? Og kan tekstfarve overhovedet skrives ind i
> <tr>-tagget?
Det mener jeg ikke er muligt...
> Derudover vil jeg gerne lige høre, om jeg kan flytte disse
> farveoplysninger over i mit CSS-dokument? Jeg vil nemlig gerne have
> disse oplysninger (både baggrundsfarve og tekstfarve) samlet her.
> Tusind tak for din hidtidige hjælp, der er meget brugbar!
>
| |
Thrane (26-02-2007)
| Kommentar Fra : Thrane |
Dato : 26-02-07 18:56 |
|
"Thrane" <noreply@noreply.dk> wrote in message
news:45e30f9e$0$8225$edfadb0f@dread14.news.tele.dk...
>
> "Dennis Møller" <djm@dennermanner.dk> wrote in message
> news:45e30b29$0$90276$14726298@news.sunsite.dk...
>>
>> Jep! Undskyld mit svar har været lidt tid undervejs. Det ser rigtig
>> godt ud! Det er bygget på en omgang Javascript, ikke sandt? Jeg må jo
>> nok desværre erkende, at det er løsningen.
>
> Nej, jeg har ikke brugt javascript til det overhovedet.
> Kildekoden har det hele i sig.
>
>> Jeg har forsøgt at integrere din løsning på følgende side:
>> www.ragu.dk/andet/?side=Koncerter
>> Nu er mit eneste problem så, hvordan det gøres, så tekst-farven
>> ændres på hele rækken af celler, når musen føres over rækken (uanset
>> hvor). Det må skulle skrives ind i attributterne:
>> onmouseover="bgColor='#CCCCCC'" onmouseout="bgColor=''"
>> .. men hvordan? Og kan tekstfarve overhovedet skrives ind i
>> <tr>-tagget?
>
> Det mener jeg ikke er muligt...
>
>> Derudover vil jeg gerne lige høre, om jeg kan flytte disse
>> farveoplysninger over i mit CSS-dokument? Jeg vil nemlig gerne have
>> disse oplysninger (både baggrundsfarve og tekstfarve) samlet her.
>
>> Tusind tak for din hidtidige hjælp, der er meget brugbar!
>>
>
Rettelse..., der er brugt lidt javascript... Sorry...
| |
Erik Ginnerskov (26-02-2007)
| Kommentar Fra : Erik Ginnerskov |
Dato : 26-02-07 17:59 |
|
Dennis Møller wrote:
> Nu er mit eneste problem så, hvordan det gøres, så tekst-farven
> ændres på hele rækken af celler, når musen føres over rækken (uanset
> hvor).
<tr onmouseover="Color='#d00',bgColor='#ccc'"
onmouseout="Color='#ddd',bgColor='White'">
Ikke testet. Muligvis skal kommaerne mellem Color og bgColor være
semikoloner.
> Derudover vil jeg gerne lige høre, om jeg kan flytte disse
> farveoplysninger over i mit CSS-dokument?
Det tror jeg ikke. De javascript-kommandoer, der skifter tekst- og
baggrundsfarve, kan ikke læse css.
> Jeg vil nemlig gerne have
> disse oplysninger (både baggrundsfarve og tekstfarve) samlet her.
Skal du lave noget centralisering, skal du i et javascript definere nogle
funktioner for onmouseover og onmouseout - og så kalde disse vunktioner ved
onmouseover og onmouseout.
Det vil have samme forenklende funktion som css, du har kun et sted at rette
og det har virkning på alle berørte tabelrækker på en gang - ikke sådan at
forstå, at alle rækker skifter udseende, når musen er over en af rækkerne.
Nærmere spørgsmål om dette i news:dk.edb.internet.webdesign.clientside
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk
| |
Jens Gyldenkærne Cla~ (26-02-2007)
| Kommentar Fra : Jens Gyldenkærne Cla~ |
Dato : 26-02-07 19:43 |
|
Erik Ginnerskov skrev:
> <tr onmouseover="Color='#d00',bgColor='#ccc'"
> onmouseout="Color='#ddd',bgColor='White'">
>
> Ikke testet. Muligvis skal kommaerne mellem Color og bgColor
> være semikoloner.
Det vil ikke hjælpe. Color og bgColor er ikke javascriptkommandoer
(indholdet af en hændelsesparameter som onmouseover tolkes normalt
som javascript).
>> Derudover vil jeg gerne lige høre, om jeg kan flytte disse
>> farveoplysninger over i mit CSS-dokument?
>
> Det tror jeg ikke. De javascript-kommandoer, der skifter
> tekst- og baggrundsfarve, kan ikke læse css.
Men de kan sætte en css-klasse.
Se javascriptløsningen (sammenlignet med :hover-udgaven) her:
< http://gyros.dk/usenet/html/trhover.shtml>
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html
| |
Erik Ginnerskov (27-02-2007)
| Kommentar Fra : Erik Ginnerskov |
Dato : 27-02-07 01:16 |
|
Jens Gyldenkærne Clausen wrote:
>> <tr onmouseover="Color='#d00',bgColor='#ccc'"
>> onmouseout="Color='#ddd',bgColor='White'">
> Det vil ikke hjælpe. Color og bgColor er ikke javascriptkommandoer
> (indholdet af en hændelsesparameter som onmouseover tolkes normalt
> som javascript).
Skiftet i baggrundsfarve fungerer dog i det eksempel, som Thrane kom med.
>> De javascript-kommandoer, der skifter
>> tekst- og baggrundsfarve, kan ikke læse css.
>
> Men de kan sætte en css-klasse.
Så fik jeg også i dag lært noget. På den måde er det ikke noget problem at
skifte tekstfarve samtidig med skiftet i baggrundsfarve.
> Se javascriptløsningen (sammenlignet med :hover-udgaven) her:
> < http://gyros.dk/usenet/html/trhover.shtml>
Sidstnævnte (:hover på tr) fungerer naturligvis ikke i IE <7, med det ved
jeg, at du ved.
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk
| |
Jens Gyldenkærne Cla~ (27-02-2007)
| Kommentar Fra : Jens Gyldenkærne Cla~ |
Dato : 27-02-07 02:04 |
|
Erik Ginnerskov skrev:
> Skiftet i baggrundsfarve fungerer dog i det eksempel, som
> Thrane kom med.
Det gør det da også - jeg troede ikke at det ville virke.
> Så fik jeg også i dag lært noget. På den måde er det ikke
> noget problem at skifte tekstfarve samtidig med skiftet i
> baggrundsfarve.
Netop.
>> < http://gyros.dk/usenet/html/trhover.shtml>
>
> Sidstnævnte (:hover på tr) fungerer naturligvis ikke i IE <7,
> med det ved jeg, at du ved.
Ja - det fremgår også af teksten på siden.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html
| |
Thrane (27-02-2007)
| Kommentar Fra : Thrane |
Dato : 27-02-07 11:28 |
|
Jens Gyldenkærne Clausen skrev:
>
>
>> Så fik jeg også i dag lært noget. På den måde er det ikke
>> noget problem at skifte tekstfarve samtidig med skiftet i
>> baggrundsfarve.
>
> Netop.
>
Men hvordan med skift af tekstfarve? Eller har jeg bare ikke fulgt godt
nok med?
--
Thrane
| |
Jens Gyldenkærne Cla~ (27-02-2007)
| Kommentar Fra : Jens Gyldenkærne Cla~ |
Dato : 27-02-07 12:17 |
|
Thrane skrev:
> Men hvordan med skift af tekstfarve? Eller har jeg bare ikke
> fulgt godt nok med?
Det er bare at definere farven i css-klassen. Pointen med indlægget
er at man benytter css-klasser til at definere udseendet, både for
standardvisningen og for :hover/mouseover-visningen.
Siden < http://gyros.dk/usenet/html/trhover.shtml> viser to måder at
skifte klassenavn på baggrund af musebevægelser. Hvad
klassedefinitionerne skal indeholde, er helt op til dem der bruger
dem (men for eksemplets skyld har jeg lige tilføjet en tekstfarve
til klasserne på siden).
--
Bolig søges. Andel eller leje i Emdrup, Nordvest, Nørrebro, Søborg
eller Brønshøj, max 6000 pr. måned.
Kontakt pr. mail - nospam(at)gyros.dk
Jens Gyldenkærne Clausen
| |
|
|