Avatar billede matthew-dk Nybegynder
09. februar 2011 - 15:36 Der er 9 kommentarer

Liste med forskellige farver

Hej,

Skal lave en liste med nyheder, hvor fra hver nyhed skal baggrundsfarven skiftes.

Første grå, næste hvid, så grå osv.

Hver boks skal indeholde overskrift, tekst og billede

Som her:
http://pxlproduction.com/images/Nyhed.jpg
Avatar billede weinreich Nybegynder
09. februar 2011 - 15:51 #1
jeg er ikke helt sikker på hvad du leder efter men hvis du vil sætte en baggrundsfarve skal du jo bare sørge for at hver anden boks har en:
class="altnews"

og så i dit css:

.altnews
{
background-color: #ccc;
}

Men jeg tror måske ikke helt det er det du leder efter?
Avatar billede zips Juniormester
09. februar 2011 - 15:54 #2
Hvad programmere du i, hvis det er php kan du bruge dette http://snipplr.com/view/17973/output-zebra-stripe-rows-in-php/

Ellers er her et med jQuery http://www.developphp.com/view_lesson.php?v=371
Avatar billede matthew-dk Nybegynder
09. februar 2011 - 16:00 #3
Jo delvist :) og det virkede da også - men ligeså meget hvordan jeg får billedet ud på højre side af teksten
Avatar billede matthew-dk Nybegynder
09. februar 2011 - 16:21 #4
Zips - det ser rigtig fedt ud, kan bare ikke få det til at fungere.

Den opfanger slet ikke JS koden
Avatar billede zips Juniormester
09. februar 2011 - 16:46 #5
Har du også et kald til din Jquery.js
<script type="text/javascript" src="jquery.js"></script>
Avatar billede matthew-dk Nybegynder
09. februar 2011 - 17:31 #6
<script type="text/javascript" src="js/jquery-nyhed.js"></script>

Har omdøbt den til overstående navn - men ja, har kaldt den
Avatar billede zips Juniormester
09. februar 2011 - 17:43 #7
Ok så er her et som virker og har demo http://blog.jquery.com/2006/10/18/zebra-table-showdown/
Avatar billede tjens Nybegynder
09. februar 2011 - 22:18 #8
Her et en demo, hvor der er brugt CSS og HTML-DOM via javascript.

http://tjens.dk/eksperten/931194/

Selve nyhedsdata ligger som en JSON variabel, hvorved der nemt kan laves nyhedsopdatering med AJAX.

Selve styringen af farve på hveranden er lavet med en boolean variabel der hedder sw:
    div.className = (sw=!sw)?"odd":"even"; 
Her sættes className til odd eller even, samtidig med at sw bliver true hver anden gang
Avatar billede matthew-dk Nybegynder
12. februar 2011 - 11:32 #9
Ser ud til at det fungere :)

Men kan man sætte en bestemt width på ens table?

Som det er nu bestemmer tekstmængden hvor bred den bliver.
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