Avatar billede foxmulder58 Praktikant
26. maj 2005 - 15:07 Der er 14 kommentarer og
1 løsning

script til flot zebra tabel

Hej Eksperter,

Er der en der har et Javascript til en flot zebratabel lavet i Javascript?? (hvor tabellen skifter farve når kører musen henover)

mvh
Mads
Avatar billede skovenborg Nybegynder
26. maj 2005 - 18:34 #1
æhm, hvad er en zebratabel sådan mere præcist?

Skal hele tabellen skifte til en anden farve, når musen føres over eller er det kun hver enkel celle, som skal skifte farve?
Avatar billede olebole Juniormester
26. maj 2005 - 19:31 #2
<ole>

En ZEBRAtabel ...?!?? Kan vi ikke finde på noget ANDet? Det kan være et HESTEarbejede med sådan en tabel - og vi skulle jo nødigt gøre dig en BJØRNEtjeneste. Men jeg er ligesom skovenborg en HUND efter at få at vide, hvad en zebratabel er  ;D

/mvh
</bole>
Avatar billede thesurfer Nybegynder
26. maj 2005 - 20:10 #3
Jeg tror at det er:

HVID-linie
SORT-linie
HVID-linie
SORT-linie

osv.. kan også være andre farver..

/theSurfer
Avatar billede thesurfer Nybegynder
26. maj 2005 - 20:11 #4
Men jeg kan ikke se, hvad "(hvor tabellen skifter farve når kører musen henover)" har med "zebratabel" at gøre :-)

/theSurfer
Avatar billede roenving Novice
27. maj 2005 - 12:19 #5
F.eks.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
</script>
<style type="text/css">
.minTabel{background-color:#ccc;}
.minTabel .altRow{background-color:#eee;}
</style>
<title>Untitled Document</title>
</head>

<body>
<table class="minTabel">
  <tr onmouseover="this.style.backgroundColor='#777';this.style.color='#ff0'" onmouseout="this.style.backgroundColor='';this.style.color=''">
      <td>1.</td>
        <td>Label i første række</td>
        <td>En længere tekst, som skal forklare labelen</td>
    </tr>
  <tr class="altRow" onmouseover="this.style.backgroundColor='#777';this.style.color='#ff0'" onmouseout="this.style.backgroundColor='';this.style.color=''">
      <td>2. - og mere</td>
        <td>Label i anden række - også mere</td>
        <td>En længere tekst, som skal forklare labelen</td>
    </tr>
  <tr onmouseover="this.style.backgroundColor='#777';this.style.color='#ff0'" onmouseout="this.style.backgroundColor='';this.style.color=''">
      <td>3.</td>
        <td>Label i tredje række</td>
        <td>En længere tekst, som skal forklare labelen</td>
    </tr>
  <tr class="altRow" onmouseover="this.style.backgroundColor='#777';this.style.color='#ff0'" onmouseout="this.style.backgroundColor='';this.style.color=''">
      <td>4.</td>
        <td>Label i fjerde række</td>
        <td>En længere tekst, som skal forklare labelen</td>
    </tr>
  <tr onmouseover="this.style.backgroundColor='#777';this.style.color='#ff0'" onmouseout="this.style.backgroundColor='';this.style.color=''">
      <td>5.</td>
        <td>Label i femte række</td>
        <td>En længere tekst, som skal forklare labelen</td>
    </tr>
  <tr class="altRow" onmouseover="this.style.backgroundColor='#777';this.style.color='#ff0'" onmouseout="this.style.backgroundColor='';this.style.color=''">
      <td>6.</td>
        <td>Label i sjette række</td>
        <td>En længere tekst, som skal forklare labelen</td>
    </tr>
</table>

</body>
</html>
Avatar billede foxmulder58 Praktikant
27. maj 2005 - 13:02 #6
ja ha ha. jeg vidste ikke lige hvad man kaldte en sådan tabel...men det er lige præcis det som roenving der lavede....så han smider nok et svar for at få point!


Man kan også lave en bjørne tabel den er stor og brun, en giraf tabl er sorte borders og gult indhold.....der er rygter om en gnu tabel der skulle være utrolig flot men som sagt det er blot rygter og jeg har ikke set den på nettet...!


mvh
Mads
Avatar billede roenving Novice
27. maj 2005 - 13:19 #7
Men jeg forstår ikke, at du laver spørgsmål med 5 point i ?-)
Avatar billede foxmulder58 Praktikant
27. maj 2005 - 15:39 #8
hvorfor forstår du ikke det ...Roenving hvad vil du så have istedet?


mvh
Mads
Avatar billede roenving Novice
28. maj 2005 - 02:16 #9
Jeg vil zq ikke have noget specielt, men når du opretter spørgsmål er der en vejledning i, hvor mange point, du bør bruge på sit spørgsmål efter en let til svær-skala ...

-- jeg plejer oftest at protestere, fordi folk smider de maksimale 200 point efter spørgsmål, som for dem bare er noget de ikke selv ved, men regner med er overskueligt, men jeg protesterer altså også, hvis folk med 'rigeligt' med point undertræder den anbefaling i et konsekvent mønster (men det opdager jeg ekstremt sjældent, da det ik' li'e er hver dag, jeg klikker mig ind på en brugerprofil !-)

-- så det jeg ønsker er, at du tager udgangspunkt i den skala, når du skal sætte point på et spørgsmål, hvilket betyder, at du kan afvige fra den, hvis der er specielle ting, som f.eks. kl. 3 om natten efter en Champions League-finale at spørge om, hvor den blev spillet (det må være nemmere end nemt !-) eller spørge om forklaringen på, at der er et bestemt spændingsniveau forbundet med at elektron nummer 44 i et radium-atom springer fra en tilstand til en anden (nok lige en anelse over et svært spørgsmål for de fleste !-)
Avatar billede foxmulder58 Praktikant
28. maj 2005 - 13:48 #10
He he Roenving...din kommentar forvirrer mig lidt...men jeg tror jeg kan se en pointe bag den linde strøm af sarkasme .....du mener jeg kunne have vurderet denne opgave til langt mere end 5 point! ...jeg lægger heller ikke skjul på at jeg måske er blevet en smule mere fedtet med point ,-)

...jeg er dog helt enig i at der er brugere (her i blandt også mig sev da jeg startede med at anvende eksperetn.dk) der ligger 200 point for spørgsmål man måske godt kunne have undersøgt lidt nærmere på egen hånd.

Men igen er der mange...rigtigt mange koder og scripts som man efterlyser der kunne have været fundet ved at anvende Google (den sags spørgsmål ses tit herinde).(og JEG er heler ikke sev nogen undtagelse for denne regel).

Men du skal ihvertfald have tak for hjælpen jeg er glad for det script du gav mig der....du har også hjulpet mig meget  i tidigere indlæg hvis jeg husker rigtigt!


mvh
Mads
Avatar billede roenving Novice
28. maj 2005 - 14:07 #11
Jeg synes at dette spørgsmål burde have været ratet til 15-30 point, men det gør jeg så, fordi jeg tidligere har opdaget den teknik, som gør det ganske nemt at lave tingen ...

Men da der er en anelse genialitet over tricket med at fjerne den setting, man indsætter, ville det for de fleste nok være et spørgsmål, som var 40-50 point værd, altså være mere en gennemsnitligt, men egentlig svært er det ikke, for man kan sagtens lave løsninger, som egentlig er nemme, men kræver noget mere kode, f.eks.

  <tr onmouseover="this.style.backgroundColor='#777';this.style.color='#ff0'" onmouseout="this.style.backgroundColor='#ccc';this.style.color='#000'">
      <td>1.</td>
        <td>Label i første række</td>
        <td>En længere tekst, som skal forklare labelen</td>
    </tr>
  <tr class="altRow" onmouseover="this.style.backgroundColor='#777';this.style.color='#ff0'" onmouseout="this.style.backgroundColor='#eee';this.style.color='#000'">
      <td>2. - og mere</td>
        <td>Label i anden række - også mere</td>
        <td>En længere tekst, som skal forklare labelen</td>
    </tr>

-- og det kræver som du kan se, at man skal sætte farverne aktivt tilbage, altså kan man ikke genbruge den samme kode i alle linjer, men må have to forskellige koder !-)

PS. Jeg går ud fra, at du kender til 'Afsæt flere point' under Funktioner oppe til venstre -- ellers kan du kigge i: http://expfaq.1go.dk/
Avatar billede foxmulder58 Praktikant
31. maj 2005 - 16:28 #12
Hallo!!! det hedder sgu en zebra tabel

se her:

http://www.cssbeauty.com/      he he he !


mvh
Mads
Avatar billede foxmulder58 Praktikant
07. juni 2005 - 23:30 #13
lukker!
Avatar billede roenving Novice
07. juni 2005 - 23:59 #14
Okay, så tak for hjælpen ,-(
Avatar billede roenving Novice
08. juni 2005 - 00:03 #15
-- og så er det håbløst tåbeligt at benytte sig af klasseskifte, når man kan nøjes med den metode, jeg bruger ...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester