Avatar billede s Nybegynder
25. april 2000 - 16:25 Der er 2 kommentarer og
1 løsning

Ændre brede på div-tag

Hvordan ændre man breden på en div-tag?


Jeg ved godt at man bare kan angive en brede i sit stylesheet, men jeg har brug for at kunne ændre breden via et JavaScript el. ved f.eks. en hændelse. Så skal <div> taget blive bredere/længere.
Hvordan gør man det?
Avatar billede erikjacobsen Ekspert
25. april 2000 - 19:41 #1
Joh, det kan man da. Der er lidt forskel i de to browsere, men jeg har engang leget
med noget i den retning. Jeg kan varmt anbefale
http://www.dansteinman.com/dynduo

<html>
<head>
<title> Width </title>

<script language="JavaScript">
ns4 = (document.layers)? true:false;
ie4 = (document.all)? true:false;
function init() {
  if (ns4) mytest = document.test;
  if (ie4) mytest = test.style;
  mytest.w=100;
}
function clipTo(obj,t,r,b,l) {
  if (ns4) {
    obj.clip.top = t;
    obj.clip.right = r;
    obj.clip.bottom = b;
    obj.clip.left = l;
  }  else if (ie4) obj.clip = "rect("+t+"px "+r+"px "+b+"px "+l+"px)"
}
function plus(p) {
  mytest.w=mytest.w+p;
  mytest.width=mytest.w;
  clipTo(mytest,0,mytest.w,100,0);
}
</script>

</head>

<body bgcolor="#FFFFFF" onload="init();">

<div id="test" style="position: absolute; left: 0; top: 0; width: 100; height: 100; background-color: #0000ff; layer-background-color: #00ff00; clip:rect(0,100,100,0)"></div>

<br><br><br><br><br><br><br><br>

<form>
<input type="button" onclick="plus(10);" value="+10">
<input type="button" onclick="plus(-10);" value="-10">
</form>

</body>
</html>
Avatar billede s Nybegynder
27. april 2000 - 19:18 #2
Ok... tak... jeg fik lavet et script ud fra dit.
Jeg kender godt http://www.dansteinman.com/dynduo . God side...
Avatar billede erikjacobsen Ekspert
27. april 2000 - 19:23 #3
Det er bare godt !
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