Javascript tilføjelse til ASP random funktion

Eller måske bare lave hele random funktionen som Javascript?

<script type="text/javascript">
window.onload = function() {
  var number = Math.random()*4
  if (Math.round(number) == 4) {
    document.body.style.marginLeft = "425px";
  } else {
    document.body.style.marginLeft = "474px";
  }
}
</script>

..og kan det bruges kan det skrives lidt smartere:

<script type="text/javascript">
window.onload = function() {
  document.body.style.marginLeft=(Math.round(Math.random()*4)==4)?"425px":"474px";
}
</script>

OK!.. har prøvet.. men hvad er der galt her?

            <script type="text/javascript">
        window.onload = function() {
        var num = Math.random()*4
        if (Math.round(num) == 4) {
        document.write('<div style='position:absolute;margin-top:7px;margin-left:425px;'><img border='0' src='images/front/top4.jpg'></div><div style='position:absolute;margin-top:132px;margin-left:0px;'><img border='0' src='images/front/main4.jpg'></div>');
        } else {
        document.write('<div style='position:absolute;margin-top:7px;margin-left:474px;'><img border='0' src='images/front/top' + num + '.jpg'></div><div style='position:absolute;margin-top:132px;margin-left:0px;'><img border='0' src='images/front/main' + num + '.jpg'></div>');
          }
        }
          </script>

Sådan her:

<script type="text/javascript">
window.onload = function() {
  var num = Math.random()*4;
  if (Math.round(num) == 4) {
    document.write('<div style="position:absolute;margin-top:7px;margin-left:425px;">444444<img border="0" src="images/front/top4.jpg"></div><div style="position:absolute;margin-top:132px;margin-left:0px;"><img border="0" src="images/front/main4.jpg"></div>');
  } else {
    document.write('<div style="position:absolute;margin-top:7px;margin-left:474px;">NOOOOO<img border="0" src="images/front/top' + num + '.jpg"></div><div style="position:absolute;margin-top:132px;margin-left:0px;"><img border="0" src="images/front/main' + num + '.jpg"></div>');
  }
}
</script>

hov, "44444" og "NOOOO" er lige en test af min - slet dem hellere :)

Hmm! Det her virker ikke.. får bare en blank side, som om det ikke document writer noget som heltst!

<script type="text/javascript">
window.onload = function() {
  var num = Math.random()*4;
  if (Math.round(num) == 4) {
    document.write('<td style="position:relative;top:0px;left:0px;z-index: 10;"><div id="skjulDiv"><div style="position:absolute;margin-top:7px;margin-left:425px;"><img border="0" src="images/front/top4.jpg"></div><div style="position:absolute;margin-top:132px;margin-left:0px;"><img border="0" src="images/front/main4.jpg"></div><div style="position:absolute;margin-top:225px;margin-left:-219px;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" WIDTH="500" HEIGHT="50"><PARAM NAME=movie VALUE="images/flash/frise.swf"><PARAM NAME=menu VALUE=false><PARAM NAME=quality VALUE=best><PARAM NAME=wmode VALUE=transparent><EMBED SRC="images/flash/frise.swf" MENU=false QUALITY=best WIDTH="500" HEIGHT="50" WMODE=transparent TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT></div></div></td>');
  } else {
    document.write('<td style="position:relative;top:0px;left:0px;z-index: 10;"><div id="skjulDiv"><div style="position:absolute;margin-top:7px;margin-left:474px;"><img border="0" src="images/front/top' + num + '.jpg"></div><div style="position:absolute;margin-top:132px;margin-left:0px;"><img border="0" src="images/front/main' + num + '.jpg"></div><div style="position:absolute;margin-top:225px;margin-left:-219px;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" WIDTH="500" HEIGHT="50"><PARAM NAME=movie VALUE="images/flash/frise.swf"><PARAM NAME=menu VALUE=false><PARAM NAME=quality VALUE=best><PARAM NAME=wmode VALUE=transparent><EMBED SRC="images/flash/frise.swf" MENU=false QUALITY=best WIDTH="500" HEIGHT="50" WMODE=transparent TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT></div></div></td>');
  }
}
}
</script>

Nu ved jeg ikke hvad du vil, eller hvorfor du bruger document.write.
I de fleste tilfælde ville adde til innerHTML da være at fortrække, som sådan fx:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
window.onload = function() {
  var num = Math.random()*4;
  if (Math.round(num) == 4) {
    document.body.innerHTML += '<div style="position:absolute;margin-top:7px;margin-left:425px;"><img border="0" src="images/front/top4.jpg"></div><div style="position:absolute;margin-top:132px;margin-left:0px;"><img border="0" src="images/front/main4.jpg"></div>';
  } else {
    document.body.innerHTML += '<div style="position:absolute;margin-top:7px;margin-left:474px;"><img border="0" src="images/front/top' + num + '.jpg"></div><div style="position:absolute;margin-top:132px;margin-left:0px;"><img border="0" src="images/front/main' + num + '.jpg"></div>';
  }
}
</script>
</head>
<body>
<p>Dette findes i forvejen</p>
</body>
</html>

Du har en } for meget.

Den skriver en masse decimaler ud på billedstien?
main2.45454657656576857685.jpg

Det virker ikke.. det her er hvad jeg har... men der skrev ingenting:


<!--DIV LAYERS -->
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="770">
<tr>

<td style="position:relative;top:0px;left:0px;z-index: 10;"><div id="skjulDiv">
         
<script type="text/javascript">
window.onload = function() {
  var num = Math.random()*4;
  if (Math.round(num) == 4) {
    document.body.innerHTML += '<div style="position:absolute;margin-top:7px;margin-left:425px;"><img border="0" src="images/front/top4.jpg"></div><div style="position:absolute;margin-top:132px;margin-left:0px;"><img border="0" src="images/front/main4.jpg"></div>';
  } else {
    document.body.innerHTML += '<div style="position:absolute;margin-top:7px;margin-left:474px;"><img border="0" src="images/front/top' + num + '.jpg"></div><div style="position:absolute;margin-top:132px;margin-left:0px;"><img border="0" src="images/front/main' + num + '.jpg"></div>';
  }
}
</script>         
         
<div style="position:absolute;margin-top:225px;margin-left:-219px;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" WIDTH="500" HEIGHT="50"><PARAM NAME=movie VALUE="images/flash/frise.swf"><PARAM NAME=menu VALUE=false><PARAM NAME=quality VALUE=best><PARAM NAME=wmode VALUE=transparent>
<EMBED SRC="images/flash/frise.swf" MENU=false QUALITY=best WIDTH="500" HEIGHT="50" WMODE=transparent TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT></div></div></td>
     
</tr>
</table>
<!--DIV LAYERS -->

Dette virker fint hos mig:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
window.onload = function() {
  var target=document.getElementById("target"),num=Math.random()*4;
  if (Math.round(num)==4) {
    target.innerHTML+='<td style="position:relative;top:0px;left:0px;z-index: 10;"><div id="skjulDiv"><div style="position:absolute;margin-top:7px;margin-left:425px;"><img border="0" src="images/front/top4.jpg"></div><div style="position:absolute;margin-top:132px;margin-left:0px;"><img border="0" src="images/front/main4.jpg"></div><div style="position:absolute;margin-top:225px;margin-left:-219px;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" WIDTH="500" HEIGHT="50"><PARAM NAME=movie VALUE="images/flash/frise.swf"><PARAM NAME=menu VALUE=false><PARAM NAME=quality VALUE=best><PARAM NAME=wmode VALUE=transparent><EMBED SRC="images/flash/frise.swf" MENU=false QUALITY=best WIDTH="500" HEIGHT="50" WMODE=transparent TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT></div></div></td>';
  } else {
    target.innerHTML+='<td style="position:relative;top:0px;left:0px;z-index: 10;"><div id="skjulDiv"><div style="position:absolute;margin-top:7px;margin-left:474px;"><img border="0" src="images/front/top' + num + '.jpg"></div><div style="position:absolute;margin-top:132px;margin-left:0px;"><img border="0" src="images/front/main' + num + '.jpg"></div><div style="position:absolute;margin-top:225px;margin-left:-219px;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" WIDTH="500" HEIGHT="50"><PARAM NAME=movie VALUE="images/flash/frise.swf"><PARAM NAME=menu VALUE=false><PARAM NAME=quality VALUE=best><PARAM NAME=wmode VALUE=transparent><EMBED SRC="images/flash/frise.swf" MENU=false QUALITY=best WIDTH="500" HEIGHT="50" WMODE=transparent TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT></div></div></td>';
  }
}
</script>
</head>
<body>

<button onclick="alert(document.body.innerHTML)">Kilde</button>

<div id="target">
<table border="1" cellspacing="0" cellpadding="0">
  <tr id="target"></tr>
</table></div>

</body>
</html>

Læg mærke til at jeg wrapper en div med samme id som target udenom tabellen. Uden dette giver IE runtime error. Firefox, Opera etc behøver den ikke.

Nej vent lidt.
En anden gang ville det være en del lettere hvis du gad forklare hvad du vil have fra STARTEN - og ikke henad vejen.

Nu har vi rodet rundt i innerHTML vs. document.write etc etc., men uden stadig helt at kunne se hvad du vil have, tror jeg dette rammer tæt på:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>

<button onclick="alert(document.body.innerHTML)">Kilde</button>

<table border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>STATISK TEKST</td>
  </tr>
  <tr>
    <script type="text/javascript">
    var num=Math.random()*4;
    if (Math.round(num)==4) {
      document.write('<td style="position:relative;top:0px;left:0px;z-index: 10;"><div id="skjulDiv"><div style="position:absolute;margin-top:7px;margin-left:425px;"><img border="0" src="images/front/top4.jpg"></div><div style="position:absolute;margin-top:132px;margin-left:0px;"><img border="0" src="images/front/main4.jpg"></div><div style="position:absolute;margin-top:225px;margin-left:-219px;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" WIDTH="500" HEIGHT="50"><PARAM NAME=movie VALUE="images/flash/frise.swf"><PARAM NAME=menu VALUE=false><PARAM NAME=quality VALUE=best><PARAM NAME=wmode VALUE=transparent><EMBED SRC="images/flash/frise.swf" MENU=false QUALITY=best WIDTH="500" HEIGHT="50" WMODE=transparent TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT></div></div></td>');
    } else {
      document.write('<td style="position:relative;top:0px;left:0px;z-index: 10;"><div id="skjulDiv"><div style="position:absolute;margin-top:7px;margin-left:474px;"><img border="0" src="images/front/top' + num + '.jpg"></div><div style="position:absolute;margin-top:132px;margin-left:0px;"><img border="0" src="images/front/main' + num + '.jpg"></div><div style="position:absolute;margin-top:225px;margin-left:-219px;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" WIDTH="500" HEIGHT="50"><PARAM NAME=movie VALUE="images/flash/frise.swf"><PARAM NAME=menu VALUE=false><PARAM NAME=quality VALUE=best><PARAM NAME=wmode VALUE=transparent><EMBED SRC="images/flash/frise.swf" MENU=false QUALITY=best WIDTH="500" HEIGHT="50" WMODE=transparent TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT></div></div></td>');
    }
    </script>
  </tr>
</table>

</body>
</html>

OK! Sorry! Lidt dårligt forklaret.. Det virker næsten nu!
prøv at se her: http://test2.theselfimages.dk

Klik F5 indtil du ser en sejlbåd. Det er den faste (altså denne: <img border="0" src="images/front/top4.jpg">) .. men tilsyneladende sætter den ikke 1,2,3 værdier ind her: <img border="0" src="images/front/top' + num + '.jpg"> og her <img border="0" src="images/front/main' + num + '.jpg">

OK! Fik det selv til at virke:

Ændrede denne:
var num=Math.random()*4;

til:
var num = Math.ceil(Math.random()*4);

Tak for hjælpen, selv om spørgsmålet var lidt uklart!
Post et svar!

okay cool :)

Takker