Avatar billede qweqwe Nybegynder
28. december 2002 - 13:09 Der er 7 kommentarer og
1 løsning

Tilfældig baggrund i en tabel

Hvordan laver man en tilfældig baggrund i en enkelt celle i en tabel?

Jeg forestiller mig at der er 3-4 valgmuligheder og at baggrunden ændres hver gang siden loades.
Avatar billede hells Nybegynder
28. december 2002 - 14:00 #1
<head>

<script type="text/javascript">
var no=Math.random()*4;

//de 4 farver, der kan bruges:
var farver = new Array(4);
farver[0] = "#ffffff";
farver[1] = "#0000ff";
farver[2] = "#00ff00";
farver[3] = "#ff0000";

function farve(celle){
document.getElementById(celle).style.backgroundColor = farver[Math.floor(no)];
}
</script>

</head>
<body onload="farve('cellensid')">

<table>
  <tr>
    <td id="cellensid">

tekst

    </td>
  </tr>
</table>
Avatar billede qweqwe Nybegynder
29. december 2002 - 07:51 #2
Det skal være forskellige billeder.
Avatar billede hells Nybegynder
29. december 2002 - 13:32 #3
<head>

<script type="text/javascript">
var no=Math.random()*4;

//de 4 billeder, der kan bruges:
var billeder = new Array(4);
billeder[0] = "billede1.gif";
billeder[1] = "billede2.gif";
billeder[2] = "billede3.gif";
billeder[3] = "billede4.gif";

function billede(celle){
document.getElementById(celle).style.backgroundImage = "url('" + farver[Math.floor(no)] + "')";
}
</script>

</head>
<body onload="billede('cellensid')">

<table>
  <tr>
    <td id="cellensid">

tekst

    </td>
  </tr>
</table>
Avatar billede qweqwe Nybegynder
29. december 2002 - 16:34 #4
Det virker ikke - der sker ikke noget ud over at der står "tekst" på en hvid skærm.
Avatar billede hells Nybegynder
29. december 2002 - 18:53 #5
der skulle lige rettes en lille fejl:
<head>

<script type="text/javascript">
var no=Math.random()*4;

//de 4 billeder, der kan bruges:
var billeder = new Array(4);
billeder[0] = "http://www.hells.dk/grafik/enkel2.gif";
billeder[1] = "http://www.hells.dk/grafik/ungdom.gif";
billeder[2] = "http://www.hells.dk/grafik/korn.gif";
billeder[3] = "http://www.hells.dk/grafik/stregbag.gif";

function billede(celle){
document.getElementById(celle).style.backgroundImage = "url('" + billeder[Math.floor(no)] + "')";
}
</script>

</head>
<body onload="billede('cellensid')">

<table>
  <tr>
    <td id="cellensid">

tekst

    </td>
  </tr>
</table>
Avatar billede qweqwe Nybegynder
04. januar 2003 - 13:33 #6
=> Hells

Det virker ikke, der sker intet.
Avatar billede hells Nybegynder
04. januar 2003 - 19:57 #7
det er sgu mærkeligt, for når jeg tester det, virker det
Avatar billede goose Nybegynder
27. februar 2003 - 08:47 #8
Måske dumt spørgsmål, men kan det være fordi at ikke alle browsere understøtter baggrundsbilleder i tabeller ?!?

/Goose
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