Vidimaja ploshad ekrana
Ja znaju sho jest funkcija s kotoroi mozna uznath razreshenije ekrana. No jest li sposob uznasth vidimuju oblasth brousera? Veth bivajut raznije brouseri i sootvetstveno raznije visoti u zagalovkov.
Zarane sposibo.
Zarane sposibo.
Вот пример из книжки JavaScript & DHTML Cookbook издательства O'Reilly:
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
// Определяем, находиться ли IE6 в режиме совместимости со стандартами
var isIE6CSS;
isIE6CSS = (document.compatMode && document.compatMode.indexOf("CSS1") >= 0) ?
true : false;
// Возвращает высоту доступной области окна
function getInsideWindowHeight( ) {
if (window.innerHeight) {
return window.innerHeight;
} else if (isIE6CSS) {
return document.body.parentElement.clientHeight;
} else if (document.body && document.body.clientHeight) {
return document.body.clientHeight;
}
return 0;
}
// Возвращает ширину доступной области окна
function getInsideWindowWidth( ) {
if (window.innerWidth) {
return window.innerWidth;
} else if (isIE6CSS) {
// measure the html element's clientHeight
return document.body.parentElement.clientWidth;
} else if (document.body && document.body.clientWidth) {
return document.body.clientWidth;
} else {
return document.body.parentElement.clientWidth;
}
return 0;
}
function ol()
{
sTempStr = "windowInnerHeight = " + getInsideWindowHeight() + "\n" +
"windowInnerWidth = " + getInsideWindowWidth() + "\n" ;
oPre.innerHTML = sTempStr;
}
</script>
</head>
<body onload="ol();">
<pre id="oPre"></pre>
</body>
</html>
<html>
<head>
<script type="text/javascript">
// Определяем, находиться ли IE6 в режиме совместимости со стандартами
var isIE6CSS;
isIE6CSS = (document.compatMode && document.compatMode.indexOf("CSS1") >= 0) ?
true : false;
// Возвращает высоту доступной области окна
function getInsideWindowHeight( ) {
if (window.innerHeight) {
return window.innerHeight;
} else if (isIE6CSS) {
return document.body.parentElement.clientHeight;
} else if (document.body && document.body.clientHeight) {
return document.body.clientHeight;
}
return 0;
}
// Возвращает ширину доступной области окна
function getInsideWindowWidth( ) {
if (window.innerWidth) {
return window.innerWidth;
} else if (isIE6CSS) {
// measure the html element's clientHeight
return document.body.parentElement.clientWidth;
} else if (document.body && document.body.clientWidth) {
return document.body.clientWidth;
} else {
return document.body.parentElement.clientWidth;
}
return 0;
}
function ol()
{
sTempStr = "windowInnerHeight = " + getInsideWindowHeight() + "\n" +
"windowInnerWidth = " + getInsideWindowWidth() + "\n" ;
oPre.innerHTML = sTempStr;
}
</script>
</head>
<body onload="ol();">
<pre id="oPre"></pre>
</body>
</html>
IE, Opera i Netscape 8 vozvrashajut znachenija a Firefox net.
I jesho odin vopros. Ja vobshe neznaju java poetomu neznaju kak znachenije iz funkciji 'getInsideWindowHeight' dastavith vo vnutr tega <table>.
<table width="100%" height=" = ? = " border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
Цитата:
<table width="100%" height=" = ? = " border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
Цитата:
Originally posted by phoeniX79
IE, Opera i Netscape 8 vozvrashajut znachenija a Firefox net.
IE, Opera i Netscape 8 vozvrashajut znachenija a Firefox net.
Не знаю, у меня в FF1.0PR все работает.
Цитата:
I jesho odin vopros. Ja vobshe neznaju java
Пора учить ;-)
Цитата:
poetomu neznaju kak znachenije iz funkciji 'getInsideWindowHeight' dastavith vo vnutr tega <table>.
Код:
function ol()
{
document.getElementById("tt").style.height=getInsideWindowHeight( )+"px";
}
</script>
</head>
<body onload="ol();" style="margin: 0; padding: 0;" >
<table style="background-color: #69a;" id="tt" width="100%" height="" border="1px" cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: center">Test</td>
</tr>
</table>
{
document.getElementById("tt").style.height=getInsideWindowHeight( )+"px";
}
</script>
</head>
<body onload="ol();" style="margin: 0; padding: 0;" >
<table style="background-color: #69a;" id="tt" width="100%" height="" border="1px" cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: center">Test</td>
</tr>
</table>