Avatar billede denima Nybegynder
16. marts 2007 - 18:10 Der er 6 kommentarer og
1 løsning

Javascript med css fil.

Hejsa Exp.

Jeg er rimelig ny til javascripts, og vil gerne vide om det er muligt at få javascriptet kombineret med en css fil.
Hvis det er muligt vil jeg gerne have hjælp til følgende.

Javascriptet ser sådan ud

<SCRIPT LANGUAGE="JavaScript">
<!--
var imagenumber = 3 ;
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1 ;
images = new Array
images[1] = "billede1.jpg"
images[2] = "billede2.jpg"
images[3] = "billede3jpg"

var image = images[rand1]
// -->
</script>


<body>

<script language="JavaScript">
  <!--
  document.write('<IMG SRC="' + image + '">')
  // -->
  </script>
</body>
</html>


Og jeg vil gerne have denne css kombineret, så at når billedet bliver vist i javascriptet, har den dette omkring billedet:

<style type="text/css">

pictureborder {
    border-width: 2px;
    border-style: solid;
    border-color:#3C424B;
    margin-left: 6px;
    margin-top: 5px;
}
-->
</style>

Håber det kan lade sig gøre, og at i har mulighed for at hjælpe :)

Mvh. Denima..
Avatar billede roenving Novice
16. marts 2007 - 19:21 #1
Tjah, det er godt nok nogle gamle kilder, du har fundet, det kan gøres adskilligt bedre:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
.pictureborder {
    border-width: 2px;
    border-style: solid;
    border-color:#3C424B;
    margin-left: 6px;
    margin-top: 5px;
}
</style>
<script type="text/javascript">
var images = [];
images[images.length] = "billede1.jpg"
images[images.length] = "billede2.jpg"
images[images.length] = "billede3.jpg"
window.onload = function(){
  document. getElementyId("randPic").setAttribute("src", images[Math.floor(Math.random()*images.length)]);
}
</script>
</head>
<body>

<img id="randPic" class="pictureborder" src="billeder1.jpg">
</body>
</html>
Avatar billede denima Nybegynder
17. marts 2007 - 12:45 #2
roenving > Jeg browsede bare på google for at finde et :) og er som sagt ny, hehe.
Men nu har jeg prøvet at sætte det ind, med nogle tilfældige billeder.

Og det virker ikke. http://www.unique-arts.dk/test/test.html

Når jeg trykker F5, opdater, sker der ingenting. :/
Avatar billede roenving Novice
17. marts 2007 - 12:51 #3
-- arg, en tavetosse:

window.onload = function(){
  document.getElementById("randPic").setAttribute("src", images[Math.floor(Math.random()*images.length)]);
}

-- og jeg rettede den endda i min test, for den gav jo fejl ,-(
Avatar billede denima Nybegynder
17. marts 2007 - 13:08 #4
Aah, sådan - nu virker det :)

Tusind tak for det, ehm - jeg ved ikke lige hvordan tråden lukkes og du får dine point så det må du lige forklare ;D
Avatar billede roenving Novice
17. marts 2007 - 13:11 #5
-- så skal jeg lige lægge et svar, du skal markere mit navn i boksen til venstre og trykke på Aceptér !-)

Velbekomme '-)
Avatar billede roenving Novice
17. marts 2007 - 13:18 #6
-- og tak for point ;~}
Avatar billede denima Nybegynder
17. marts 2007 - 13:26 #7
Velbekomme :)
Tak for en hurtig hjælp
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