Avatar billede usted Nybegynder
13. februar 2007 - 12:09 Der er 2 kommentarer

Ændring af topmargin, med JavaScript

Jeg prøver at lave et Java Script der ændre margin i min div, alt efter browserens størrelse. Men jeg kan simpelthen ikke få det til at virke... Håber virkelig at der er en der kan hjælpe.

Her er min kode:



***************************


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link href="screen.css" rel="stylesheet" type="text/css" />
<title></title>

<script language="JavaScript" type="text/javascript">
function Height(hm)
{
browserheight = (document.body.clientHeight - 200)+"px";
document.getElementById("demo-effect-appear").style.marginTop= browserheight;
}
</script>

</head>
<body onload="function.Height('demo-effect-appear');">

<div align="center" style="vertical-align:middle;">

  <div class="header blue" id="demo-effect-appear">
  </div>
 
  <div class="content index" id="demo-effect-slidedown">
  </div>
 
</div>

</body>
</html>


****************************
Avatar billede roenving Novice
15. februar 2007 - 13:52 #1
-- nu kan man absolut ikke anbefale et funktionsnavn, der er height og jeg er også loren ved et id, der indeholder bindestreger, så f.eks.

<script type="text/javascript">
function setHeight(hm){
  browserheight = (document.body.clientHeight - 200)+"px";
  document.getElementById("demoEffectAppear").style.marginTop= browserheight;
}
</script>

-- og:

<body onload="setHeight('demoEffectAppear');">

<div align="center" style="vertical-align:middle;">

  <div class="header blue" id="demoEffectAppear">

-- i øvrigt skal du ikke forvente dig for meget af en vertical-align, når den ikke bruges i tabelceller !-)
Avatar billede roenving Novice
15. februar 2007 - 13:53 #2
-- hov:

function setHeight(hm){
  browserheight = (document.body.clientHeight - 200)+"px";
  document.getElementById(hm).style.marginTop= browserheight;
}
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