darkmaterial
Jun 23, 2008, updated at Jun 25, 2008 (UTC)
view8635
view7
0
Goto Top

Die div Höhe per Javascript ändern

GermansolvedQuestionJavaScriptDevelopment
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:

<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>
helft mir bitte danke
mfg
comment-contentCommentShareShare
Share on Facebook Share on Twitter Share on Reddit Share on Linkedin

Content-Key: 90436

Url: https://administrator.de/contentid/90436

Printed on: April 25, 2024 at 17:04 o'clock

7 Comments
Latest comment
Goto Top
Member: Fritzchen
Fritzchen Jun 24, 2008 at 10:34:53 (UTC)
Goto Top
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.
sh=document.documentElement.clientHeight;

Aber so ganz weiß ich noch nicht was du genau machen willst.

Viele Grüße.
Member: darkmaterial
darkmaterial Jun 24, 2008 at 11:35:40 (UTC)
Goto Top
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
Member: Fritzchen
Fritzchen Jun 24, 2008 at 17:11:18 (UTC)
Goto Top
Hallo.

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>
Tschau
Member: darkmaterial
darkmaterial Jun 24, 2008 at 20:33:30 (UTC)
Goto Top
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 
document.getElementByid("scroll").height = sh + "px"
nicht funktioniert
mfg
Member: Fritzchen
Fritzchen Jun 25, 2008 at 10:00:31 (UTC)
Goto Top
Hallo.

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>
Viele Grüße.
Member: darkmaterial
darkmaterial Jun 25, 2008 at 15:28:50 (UTC)
Goto Top
Hallo ich habs jetzt gelöst das:
div.scroll { 

position: absolute; 
top: 167px; 
left: 200px; 
height: 509px; 
width: *px; 
Overflow: auto; 
border: 1px solid #666; 
background-color: #fff; 
padding: 8px; 


}
hab ich ersetzt durch:
#scroll { 

position: absolute; 
top: 167px; 
left: 200px; 
height: 509px; 
width: *px; 
Overflow: auto; 
border: 1px solid #666; 
background-color: #fff; 
padding: 8px; 


}
und statt
document.getElementByid("scroll").height = sh + "px"
hab ich
document.all.scroll.style.height = sh + "px";
trotzdem danke
Member: Fritzchen
Fritzchen Jun 25, 2008 at 16:22:23 (UTC)
Goto Top
Hallo.

Verstehe ich zwar jetzt nicht so ganz. Das selbe Ergebnis liefert mein Script aber auch. Na was solls.

Tschau
GermansolvedQuestionJavaScriptDevelopment
Hotly discussed
gleixnerdCheck of ZFW Firewallgleixnerd - 5 Comments