Top-Themen

Aktuelle Themen (A bis Z)

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

Mitglied: darkmaterial

darkmaterial (Level 1) - Jetzt verbinden

23.06.2008, aktualisiert 25.06.2008, 7748 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
HTML
DIV-Container mit variabler Höhe
gelöst Frage von dimaqwHTML4 Kommentare

Hallo! Kurz zu meinem Problem: ich habe 3 DIVs (Header, Container und Footer), die untereinander stehen. Es muss erreicht ...

CSS
DIV Container einheitliche Höhe
Frage von YanmaiCSS7 Kommentare

Hallo ihr Administratoren, ich habe DIVs mit der display: inline-block Eigenschaft. An sich funktioniert alles, aber wenn in einem ...

JavaScript

Aktualisieren von DIV Containern per JavaScript

gelöst Frage von wiesi200JavaScript4 Kommentare

Hallo erstmal. aktuell Programmiere ich eine Webseite zur Statusanzeige unserer Fertigungsmaschinen. Ansich nicht's spannendes. Der Grundaufbau ist aktuell vereinfacht ...

PHP

Inhalt eines divs ohne Javascript ändern!

gelöst Frage von LordKimahriPHP5 Kommentare

Ich suche derzeit nach einer brauchbaren alternative mein "Content-Div" per klick auf einen Link mit Inhalt zu versorgen, derzeit ...

Neue Wissensbeiträge
Windows 10

USB Maus und Tastatur versagen Dienst unter Windows 10

Erfahrungsbericht von hardykopff vor 1 TagWindows 105 Kommentare

Da steht man ziemlich dumm da, wenn der PC sich wegen fehlender USB Tastatur und Maus nicht bedienen lässt. ...

Administrator.de Feedback
Update der Seite: Alles zentriert
Information von Frank vor 1 TagAdministrator.de Feedback18 Kommentare

Hallo User, die größte Änderung von Release 5.8 ist das Zentrieren der Webseite (auf großen Bildschirmen) und ein "Welcome"-Teaser ...

Humor (lol)

WhatsApp-Nachrichten endlich auch per Bluetooth versendbar

Information von BassFishFox vor 2 TagenHumor (lol)4 Kommentare

Genau darauf habe ich gewartet! ;-) Der beliebte Messaging-Dienst WhatsApp erhält eine praktische neue Funktion: Ab dem nächsten Update ...

Google Android

Googles "Android Enterprise Recommended" für Unternehmen

Information von kgborn vor 3 TagenGoogle Android3 Kommentare

Hier eine Information, die für Administratoren und Verantwortliche in Unternehmen, die für die Beschaffung und das Rollout von Android-Geräten ...

Heiß diskutierte Inhalte
Speicherkarten
Vergessliche USB-Sticks?
Frage von hanheikSpeicherkarten14 Kommentare

Ich habe in den letzten Tagen 500 USB-Sticks mit Bilddateien bespielt. Obwohl ich die Dateien mit größter Sorgfalt kopiert ...

Windows Server
NTFS Berechtigungen Ordnerstruktur
Frage von hukahu23489Windows Server11 Kommentare

Hallo, ich bin seit kurzem in einer neuen IT-Abteilung und bin über das Berechtigungskonzept des Unternehmens sehr schockiert. Ich ...

Windows Server
Standortvernetzung zu einem Strato VServer (Windows)
Frage von matzefratze81Windows Server10 Kommentare

Moin, ich komme aus einem Enterprise-Umfeld und habe den Fehler gemacht, dass ich mich auf ein kleines Unternehmen eingelassen ...

Grafikkarten & Monitore
4k EIZO Monitor, Fernseher und Splitter
Frage von LerxxeyGrafikkarten & Monitore9 Kommentare

Hallo Zusammen, vielleicht könnt ihr mir bei einem Problem helfen wo ich einfach nicht mehr weiterkomme Und zwar haben ...