7
Die div Höhe per Javascript ändern
Hallo ich möchte in meiner website den div kasten scroll von der höhe her mit java script änder sodass sihc dieser an das fenster anpasst des geht leider nich hier mein code:
helft mir bitte danke
mfg
<head>
<script type="text/javascript">
sh=window.innerHeight;
sh=sh-185
alert(sh);
function andern()
{
document.getElementByid("scroll").height = sh + "px";
alert(sh);
}
</script>
<style type="text/css">
<!--
div.scroll {
position: absolute;
top: 167px;
left: 200px;
height: 509px;
width: *px;
Overflow: auto;
border: 1px solid #666;
background-color: #fff;
padding: 8px;
}
-->
<!--
a{font-size:15pt;:text-decoration:none;font-weight : bold;}
a:link { text-decoration:none; font-weight:bold; color:#FFFFFF; }
a:visited { text-decoration:none; font-weight:bold; color:#FFFFFF; }
a:hover { text-decoration:none; font-weight:bold; background-color:#808080;}
a:active { text-decoration:none; font-weight:bold; color:#FFFFFF;}
-->
</style>
<style type="text/css">
html {overflow: hidden;}
</style>
</head>
<body onload=andern() bgcolor=#ffffff>
<div style="width: 2000; height: 167px; left: 0px; top: 0px; position: absolute;" class="preview">
<img src=banna.jpg></div>
<div style="width: 197px; height: 228px; left: -1px; top: 150px; position: absolute;" class="preview">
<img src=unten.gif></div>
<div class=scroll><br><br><br><center>Hier kommt mein text
</div>
</bodY>mfg
Auf Facebook teilen
Auf Twitter teilen
Auf Reddit teilen
Auf Linkedin teilenBitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 90436
Url: https://administrator.de/forum/die-div-hoehe-per-javascript-aendern-90436.html
Ausgedruckt am: 31.12.2024 um 06:12 Uhr
7 Kommentare
Neuester Kommentar
Hallo.
Hm für welchen Browser soll es denn sein. Diese hier klappt nicht im IE.
Dafür müßte die Abfrage dann so aussehen.
Aber so ganz weiß ich noch nicht was du genau machen willst.
Viele Grüße.
Hm für welchen Browser soll es denn sein. Diese hier klappt nicht im IE.
Dafür müßte die Abfrage dann so aussehen.
sh=document.documentElement.clientHeight;Aber so ganz weiß ich noch nicht was du genau machen willst.
Viele Grüße.
Tschuldige sollte für firefox sein
ich will dass sich die höhe des div containers "scroll" an sh anpasst
also div höhe =sh
mfg
ich will dass sich die höhe des div containers "scroll" an sh anpasst
also div höhe =sh
mfg
Hallo.
Ja, da ich mir immer noch nicht so ganz sicher bin ob ich das jetzt richtig verstanden habe. Probiere es mal so.
Tschau
Ja, da ich mir immer noch nicht so ganz sicher bin ob ich das jetzt richtig verstanden habe. Probiere es mal so.
<style type="text/css">
<!--
#scroll{
position:absolute;
top:167px;
left:200px;
height:509px;
width: *px;
Overflow:auto;
border:1px solid #666;
background-color: #fff;
padding: 8px;
}
a{font-size:15pt;:text-decoration:none;font-weight : bold;}
a:link { text-decoration:none; font-weight:bold; color:#FFFFFF; }
a:visited { text-decoration:none; font-weight:bold; color:#FFFFFF; }
a:hover { text-decoration:none; font-weight:bold; background-color:#808080;}
a:active { text-decoration:none; font-weight:bold; color:#FFFFFF;}
html {overflow:hidden;}
//-->
</style>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function aendern()
{
hoehe=(window.innerHeight)?parseInt(window.innerHeight):parseInt(document.body.clientHeight);
if(hoehe >= 200)
{
sh=document.getElementById("scroll").style.height = 185;
alert(sh);
}
else
{
sh=document.getElementById("scroll").style.height = 300;
alert(sh);
}
}
//-->
</SCRIPT>
</head>
<body onload="aendern()" bgcolor="#ffffff">
<div style="width: 2000;height:167px;left:0px;top:0px;position:absolute;" class="preview">
<img src=banna.jpg></div>
<div style="width:197px;height:228px;left:-1px;top:150px;position:absolute;" class="preview">
<img src=unten.gif></div>
<div id="scroll"><br><br><br><center>Hier kommt mein text.</center></div>
</body>
</html>
Ich glaube wir verstehen uns falsch
ich will dass die höhe des divs genau den gleichen wert wie sh übernimmt der div kasten soll sich nämlich der höhe des fensters minus der höhe meines banners anpassen und mein prob ist dass dieser teil nicht funktioniert
mfg
ich will dass die höhe des divs genau den gleichen wert wie sh übernimmt der div kasten soll sich nämlich der höhe des fensters minus der höhe meines banners anpassen und mein prob ist dass dieser teil
document.getElementByid("scroll").height = sh + "px" mfg
Hallo.
Ist ja nicht so schlimm.
Also wenn ich das jetzt nicht schon wieder falsch verstanden habe dann sollte es so gehen.
Viele Grüße.
Ist ja nicht so schlimm.
Also wenn ich das jetzt nicht schon wieder falsch verstanden habe dann sollte es so gehen.
<style type="text/css">
<!--
#scroll{
position:absolute;
top:167px;
left:200px;
height:509px;
width: *px;
Overflow:auto;
border:1px solid #666;
background-color: #fff;
padding: 8px;
}
a{font-size:15pt;:text-decoration:none;font-weight : bold;}
a:link { text-decoration:none; font-weight:bold; color:#FFFFFF; }
a:visited { text-decoration:none; font-weight:bold; color:#FFFFFF; }
a:hover { text-decoration:none; font-weight:bold; background-color:#808080;}
a:active { text-decoration:none; font-weight:bold; color:#FFFFFF;}
html {overflow:hidden;}
-->
</style>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function aendern()
{
sh=(window.innerHeight)?parseInt(window.innerHeight):parseInt(document.body.clientHeight);
sh=sh-185;
document.getElementById("scroll").style.height = sh + "px";
}
-->
</SCRIPT>
</head>
<body onload="aendern()" bgcolor="#ffffff">
<div style="width: 2000;height:167px;left:0px;top:0px;position:absolute;" class="preview">
<img src=banna.jpg></div>
<div style="width:197px;height:228px;left:-1px;top:150px;position:absolute;" class="preview">
<img src=unten.gif></div>
<div id="scroll"><br><br><br><center>Hier kommt mein text.</center></div>
</body>
</html>
Hallo ich habs jetzt gelöst das:
hab ich ersetzt durch:
und statt
hab ich
trotzdem danke
div.scroll {
position: absolute;
top: 167px;
left: 200px;
height: 509px;
width: *px;
Overflow: auto;
border: 1px solid #666;
background-color: #fff;
padding: 8px;
} #scroll {
position: absolute;
top: 167px;
left: 200px;
height: 509px;
width: *px;
Overflow: auto;
border: 1px solid #666;
background-color: #fff;
padding: 8px;
}document.getElementByid("scroll").height = sh + "px" document.all.scroll.style.height = sh + "px";
Hallo.
Verstehe ich zwar jetzt nicht so ganz. Das selbe Ergebnis liefert mein Script aber auch. Na was solls.
Tschau
Verstehe ich zwar jetzt nicht so ganz. Das selbe Ergebnis liefert mein Script aber auch. Na was solls.
Tschau
