mit javascript eine Tabellenhöhe bestimmen

biffi1983 · #1 (**permalink**) 20.06.2008, 20:37

Hallo,

Ich habe eine Grafik die unten am Bildschirmrand mit scrollt, deshalb will ich mit Javascript die vorhandene Explorer höhe -150 rechnen und dann meine tabellen Höhe bestimmen.

Geht das?

Code:

<script type="text/javascript">
screen.availheight-150;
</script>

1. Das mit - geht nicht im Script wieso nicht?
2. Wie bekomme ich den wert in meiner Tabelle?

mfg
Stefan

cgdesign · #2 (**permalink**) 23.06.2008, 11:42

Ich verstehe ziemlich Null. Du willst die Bildschirmgröße errechnen, dann mit -150px dividieren und dann deiner Tabelle den Wert zuweisen oder wie?

biffi1983 · #3 (**permalink**) 23.06.2008, 12:50

Zitat:

Zitat von cgdesign

Ich verstehe ziemlich Null. Du willst die Bildschirmgröße errechnen, dann mit -150px dividieren und dann deiner Tabelle den Wert zuweisen oder wie?

jupp genau das will ich erreichen

sry wenn ich mich unklar ausgedrückt habe

mfg
Stefan

protonenbeschleuniger · #4 (**permalink**) 23.06.2008, 13:02

Aber was bringt dir denn die Bildschirmgröße?

biffi1983 · #5 (**permalink**) 23.06.2008, 13:11

Zitat:

Zitat von protonenbeschleuniger

Aber was bringt dir denn die Bildschirmgröße?

oh jetzt erst gelesen "cgdesign" hat mich falsch verstanden und ich habs falsch gelesen

screen.availheight <<< die vorhandene explorer grösse

diese ist wichtig für mich nicht die bildschrimauflösung

mfg
Stefan

protonenbeschleuniger · #6 (**permalink**) 23.06.2008, 13:18

Zitat:

Zitat von biffi1983

screen.availheight <<< die vorhandene explorer grösse

diese ist wichtig für mich nicht die bildschrimauflösung

screen.availheight ist aber die Bildschirmauflösung - zumindest eher als die Größe des Browserfensters, diese läßt sich zuverlässung erst nach dem laden des dokumentes ermitteln:

PHP-Code:


			
window.onload = function() {

var body = window.document.compatMode == "CSS1Compat" ? window.document.documentElement : document.body;

alert([ body.clientHeight,body.clientWidth]);

}

biffi1983 · #7 (**permalink**) 23.06.2008, 13:23

Zitat:

Zitat von protonenbeschleuniger

screen.availheight ist aber die Bildschirmauflösung - zumindest eher als die Größe des Browserfensters, diese läßt sich zuverlässung erst nach dem laden des dokumentes ermitteln:

PHP-Code:


			
window.onload = function() {

var body = window.document.compatMode == "CSS1Compat" ? window.document.documentElement : document.body;

alert([ body.clientHeight,body.clientWidth]);

}

ok kann es erst morgen abend ausprobieren aber wie bekomme ich den body.clientHeight wert -150 und dann als wert in die tabellenhöhe?

wenn man das nicht verstehen kann melde ich mich erst morgen abend mit einen beispiel wieder

mfg
Stefan

cgdesign · #8 (**permalink**) 23.06.2008, 14:23

Du könntest es z.B. so machen:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<script type="text/javascript">
var ua = navigator.userAgent;
var height;
if(ua.indexOf("MSIE") >=0) 
{
	height = document.documentElement.clientHeight - 150; 
}
else
{
	height = window.innerHeight - 150;
}
window.onload = function()
{
	document.getElementById("tabelle").style.height = height+"px";
}
</script>
</head>
<body>

<table style="background:#233454;" id="tabelle">
<tr>
	<td>Test</td>
</tr>
</table>

</body>
</html>

protonenbeschleuniger · #9 (**permalink**) 23.06.2008, 14:37

Warum prüfst du auf einen String, der einen x- beliebigen Wert enthalten kann, um eine Eigenschaft zu ermitteln?
Auch andere Browser kennen clientHeight. Wenn du sicher bist, dass du das Skript nur auf Seiten verwendet im Standardmode, dann reicht das aus:

PHP-Code:


			
var height  =  window.document.documentElement.clientHeight;

cgdesign · #10 (**permalink**) 23.06.2008, 15:00

Ah ja? Dann probier es doch mal im FF aus...

Übrigens hatte ich extra geschrieben, dass es nur ein Beispiel ist.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Erkennen ob JavaScript deaktiviert ist und anderen Inhalt anzeigen	Ares	Javascript & Ajax	7	02.02.2011 12:45
Wort in Javascript Code einfügen; dann Javascript Code ausgeben	Sp33dy G0nz4l3s	Javascript & Ajax	1	23.05.2008 09:37
Impressumsaufruf mit Javascript	Sinclair	Javascript & Ajax	6	19.05.2008 15:41
JavaScript Dateien dynamisch nachladen	Dave.ch	Javascript & Ajax	1	07.12.2007 00:16
Javascript und Sicherheit	Kirsten	Javascript & Ajax	2	26.03.2007 10:13