Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

div hoehe per javascript aendern

Frage Entwicklung JavaScript

Mitglied: darkmaterial

darkmaterial (Level 1) - Jetzt verbinden

23.06.2008, aktualisiert 25.06.2008, 7655 Aufrufe, 7 Kommentare

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:

01.
<head> 
02.
<script type="text/javascript"> 
03.
sh=window.innerHeight; 
04.
sh=sh-185 
05.
alert(sh); 
06.
function andern() 
07.
08.
document.getElementByid("scroll").height = sh + "px"; 
09.
alert(sh); 
10.
11.
 
12.
 
13.
 
14.
</script> 
15.
 
16.
 
17.
<style type="text/css"> 
18.
<!-- 
19.
div.scroll { 
20.
position: absolute; 
21.
 
22.
top: 167px; 
23.
left: 200px; 
24.
height: 509px; 
25.
width: *px; 
26.
Overflow: auto; 
27.
border: 1px solid #666; 
28.
background-color: #fff; 
29.
padding: 8px; 
30.
 
31.
32.
 
33.
 
34.
--> 
35.
 
36.
<!-- 
37.
a{font-size:15pt;:text-decoration:none;font-weight : bold;} 
38.
a:link { text-decoration:none; font-weight:bold; color:#FFFFFF; } 
39.
a:visited { text-decoration:none; font-weight:bold; color:#FFFFFF; } 
40.
a:hover { text-decoration:none; font-weight:bold; background-color:#808080;} 
41.
a:active { text-decoration:none; font-weight:bold; color:#FFFFFF;}  
42.
--> 
43.
</style> 
44.
 
45.
 
46.
<style type="text/css"> 
47.
 
48.
html {overflow: hidden;} 
49.
 
50.
 
51.
</style> 
52.
 
53.
 
54.
</head> 
55.
 
56.
 
57.
<body onload=andern() bgcolor=#ffffff> 
58.
 
59.
<div style="width: 2000; height: 167px; left:  0px; top: 0px; position: absolute;" class="preview"> 
60.
<img src=banna.jpg></div> 
61.
 
62.
<div style="width: 197px; height: 228px; left:  -1px; top: 150px; position: absolute;" class="preview"> 
63.
<img src=unten.gif></div> 
64.
 
65.
 
66.
 
67.
<div class=scroll><br><br><br><center>Hier kommt mein text 
68.
</div> 
69.
 
70.
 
71.
 
72.
 
73.
</bodY> 
74.
 
75.
 
76.
 
77.
 
helft mir bitte danke
mfg
Mitglied: Fritzchen
24.06.2008 um 12:34 Uhr
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.
Bitte warten ..
Mitglied: darkmaterial
24.06.2008 um 13:35 Uhr
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
Bitte warten ..
Mitglied: Fritzchen
24.06.2008 um 19:11 Uhr
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
Bitte warten ..
Mitglied: darkmaterial
24.06.2008 um 22:33 Uhr
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
01.
document.getElementByid("scroll").height = sh + "px"
nicht funktioniert
mfg
Bitte warten ..
Mitglied: Fritzchen
25.06.2008 um 12:00 Uhr
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.
Bitte warten ..
Mitglied: darkmaterial
25.06.2008 um 17:28 Uhr
Hallo ich habs jetzt gelöst das:
01.
div.scroll {  
02.
 
03.
position: absolute;  
04.
top: 167px;  
05.
left: 200px;  
06.
height: 509px;  
07.
width: *px;  
08.
Overflow: auto;  
09.
border: 1px solid #666;  
10.
background-color: #fff;  
11.
padding: 8px;  
12.
 
13.
 
14.
} 
hab ich ersetzt durch:
01.
#scroll {  
02.
 
03.
position: absolute;  
04.
top: 167px;  
05.
left: 200px;  
06.
height: 509px;  
07.
width: *px;  
08.
Overflow: auto;  
09.
border: 1px solid #666;  
10.
background-color: #fff;  
11.
padding: 8px;  
12.
 
13.
 
14.
}
und statt
01.
document.getElementByid("scroll").height = sh + "px"
hab ich
01.
document.all.scroll.style.height = sh + "px";
trotzdem danke
Bitte warten ..
Mitglied: Fritzchen
25.06.2008 um 18:22 Uhr
Hallo.

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

Tschau
Bitte warten ..
Ähnliche Inhalte
Entwicklung
Seite automatisch wieder ausrichten mit css oder javascript? (2)

Frage von rababar2014 zum Thema Entwicklung ...

JavaScript
gelöst Javascript - Speichern Zustand radio-buttons in localStorage (3)

Frage von internet2107 zum Thema JavaScript ...

JavaScript
Javascript rechnen mir sehr sehr großen Zahlen (3)

Frage von it4baer zum Thema JavaScript ...

HTML
gelöst Iframe wird zu klein in div angezeigt (7)

Frage von Thomas91 zum Thema HTML ...

Neue Wissensbeiträge
Sicherheits-Tools

Sicherheitstest von Passwörtern für ganze DB-Tabellen

(1)

Tipp von gdconsult zum Thema Sicherheits-Tools ...

Peripheriegeräte

Was beachten bei der Wahl einer USV Anlage im Serverschrank

(9)

Tipp von zetboxit zum Thema Peripheriegeräte ...

Windows 10

Das Windows 10 Creators Update ist auf dem Weg

(6)

Anleitung von BassFishFox zum Thema Windows 10 ...

Heiß diskutierte Inhalte
Batch & Shell
gelöst ZIP-Archive nach Dateien durchsuchen und Pfade ausgeben (33)

Frage von evinben zum Thema Batch & Shell ...

Router & Routing
Routingproblem in Homerouter-Kaskade mit Raspi (20)

Frage von Oldschool zum Thema Router & Routing ...

Server
Freenas schlechte Schreib Performance bei NFS (16)

Frage von janosch12 zum Thema Server ...

C und C++
Methode multiple return values (8)

Frage von mayho33 zum Thema C und C ...