Avatar billede bramcor Nybegynder
24. oktober 2001 - 12:19 Der er 2 kommentarer

Hvordan slipper jeg for document.write i dokumentet ??

Jeg har fået stablet en målemaskine på benene. Den tæller pixels som jeg gerne skal have placeret i width/height uden at skulle skrive hele min side i JavaScript med document.write()

Her følger dokumentet -->

<html>



<head>

<style>
BODY {
  margin: 0;
  border: 0;
}

div.1 {
  z-index: 50;
  position: absolute;
}

div.2 {
  z-index: 100;
  position: absolute;
}

div.3 {
  z-index: 150;
  position: absolute;
}
</style>

</head>



<body>

<script language=\"JavaScript\">

function getbrowserwidth() {
  if (navigator.userAgent.indexOf(\"MSIE\") > 0) {
    return document.body.clientWidth;
  }
  else {
    return window.outerWidth;
  }
}

function getbrowserheight() {
  if (navigator.userAgent.indexOf(\"MSIE\") > 0) {
    return document.body.clientHeight;
  }
  else {
    return window.outerHeight;
  }
}

var w = getbrowserwidth();
var h = getbrowserheight();

var W5 = w/5
var H5 = h/5
</script>

<div class=\"1\">
Vinduet er <script>document.write(w)</script>&nbsp;pixels bred og <script>document.write(h)</script>&nbsp;pixels høj
</div>

<script>
document.write(\'<div class=\"3\">\');
document.write(\'<table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"\'+w+\'\" height=\"\'+h+\'\">\');
document.write(\'<tr height=\"\'+H5+\'\">\');
document.write(\'<td width=\"\'+W5+\'\"></td>\');
document.write(\'<td width=\"\'+W5+\'\"></td>\');
document.write(\'<td width=\"\'+W5+\'\"></td>\');
document.write(\'<td width=\"\'+W5+\'\"></td>\');
document.write(\'<td width=\"\'+W5+\'\"></td>\');
document.write(\'</tr>\');
document.write(\'<tr height=\"\'+H5+\'\">\');
document.write(\'<td colspan=\"5\"></td>\');
document.write(\'</tr>\');
document.write(\'<tr height=\"\'+H5+\'\">\');
document.write(\'<td colspan=\"2\"></td>\');
document.write(\'<td bgcolor=\"#AA3377\"></td>\');
document.write(\'<td colspan=\"2\"></td>\');
document.write(\'</tr>\');
document.write(\'<tr height=\"\'+H5+\'\">\');
document.write(\'<td colspan=\"5\"></td>\');
document.write(\'</tr>\');
document.write(\'<tr height=\"\'+H5+\'\">\');
document.write(\'<td colspan=\"5\"></td>\');
document.write(\'</tr>\');
document.write(\'</table>\');
document.write(\'</div>\');
</script>

<SCRIPT>

var W = w/3
var H = h/3

document.write(\'<div class=\"2\">\');
document.write(\'<table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" height=\"\' + h + \'\" width=\"\' + w + \'\">\');
document.write(\'<tr height=\"\' + H + \'\">\');
document.write(\'<td width=\"\' + W + \'\"></td>\');
document.write(\'<td width=\"\' + W + \'\"></td>\');
document.write(\'<td width=\"\' + W + \'\"></td>\');
document.write(\'</tr>\');
document.write(\'<tr height=\"\' + H + \'\">\');
document.write(\'<td></td>\');
document.write(\'<td bgcolor=\"#3377AA\"></td>\');
document.write(\'<td></td>\');
document.write(\'</tr>\');
document.write(\'<tr height=\"\' + H + \'\">\');
document.write(\'<td colspan=\"3\"></td>\');
document.write(\'</tr>\');
document.write(\'</table>\');
document.write(\'</div>\');
</SCRIPT>

</body>



</html>

Er der nogen som har den mindste anelse om hvordan jeg kan undgå alle de document.write()\'s og i stedet for skrive det i rent HTML og så lave referencer inde i selve height=\"reference her\" ??

Bramcor
Avatar billede fri-hash Nybegynder
24. oktober 2001 - 12:27 #1
du kan jo nøjes med dem der hvor der er ref til variable, og skrive resten rent ... ikke helt svar med du slipper da for en del af dem
Avatar billede fri-hash Nybegynder
24. oktober 2001 - 12:32 #2
eller
<script>
function skriv(tekst){
  document.write(\'tekst\');
}
</script>

>>>>

<script>
skriv(<div class=\"2\">);
skriv(<table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" height=\"\' + h + \'\" width=\"\' + w + \'\">);
skriv(<tr height=\"\' + H + \'\">);
.....osv....
</script>
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