 |
|
| |
|
   홈페이지 |
19년 전
|
<HTML>
<HEAD>
<TITLE>해상도별 웹페이지 테스트</TITLE>
<!-- <head>태그 안에 다음 스크립트를 삽입한다. -->
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var testWin;
function resTest(w,h) {
frm = document.forms[0];
urlF = frm.testURL.value;
if(urlF == "" || urlF == "http://") {
alert('테스트할 웹페이지 URL를 입력하십시오');
frm.testURL.focus();
return false;
}
if(w == null) {
w = frm.customw.value;
if(w == "" || !Number(w) || w < 100) {
alert('Please enter a valid Width');
frm.customw.value = "";
frm.customw.focus();
return false;
}
}
if(h == null) {
h = frm.customh.value;
if(h == "" || !Number(h) || h < 100) {
alert('Please enter a valid Height');
frm.customh.value = "";
frm.customh.focus();
return false;
}
}
properties = "width=" + w;
properties += ",height=" + h;
properties += ",scrollbars=1,toolbar=1,location=1";
properties += ",directories=1,status=1,menubar=1";
properties += ",resizable=1,left=0,top=0";
if(testWin && !testWin.closed) {
testWin.close();
}
testWin = window.open(urlF,"TestRes",properties);
if(navigator.appName.indexOf("Netscape") != -1) {
testWin.outerWidth = w;
testWin.outerHeight = h;
}
frm.innerDim.value = "현재 테스트 해상도 : " + w + "x" + h + "\n";
if(navigator.appName.indexOf("Netscape") != -1) {
frm.innerDim.value += "Window Inner Width: " + testWin.innerWidth + "\n";
frm.innerDim.value += "Window Inner Height: " + testWin.innerHeight + "\n\n";
}
else {
frm.innerDim.value += "해상도 에서 25x166를 빼면 실제문서 크기가 나옵니다.\n"; //
frm.innerDim.value += "해상도 실제문서\n"; //
frm.innerDim.value += "640x480 -> 615x314\n";
frm.innerDim.value += "800x600 -> 775x434\n";
frm.innerDim.value += "1024x768 -> 999x602\n";
frm.innerDim.value += "1280x1024 -> 1255x999\n\n";
this.focus();
}
this.focus();
}
// End -->
</script>
</HEAD>
<body>
<!-- <body>와 </body>사이에 다음을 삽입한다 -->
<form>
<CENTER>
해상도별 웹페이지 테스트
<p>URL: <input type=text name="testURL" SIZE="49" value="http://www.daum.net">
<br><br>
Width: <input type=text name="customw" SIZE="4">
Height: <input type=text name="customh" SIZE="4">
<input type=button value="Test" onClick="resTest()">
<br>
<br>
<input type=button value="640 x 480" onClick="resTest('640','480')">
<input type=button value="800 x 600" onClick="resTest('800','600')">
<input type=button value="1024 x 768" onClick="resTest('1024','768')">
<input type=button value="1280 x 1024" onClick="resTest('1280','1024')">
<br><br>
<TEXTAREA NAME="innerDim" rows="10" cols="53" wrap="physical">
웹페이지 제작시 해상도에 따라 다르게 보이죠..
그때 해상도별로 웹페이지를 테스트할수 있는 소스입니다.</TEXTAREA></p>
</form>
</CENTER>
</BODY>
</HTML> |
|
 추천 : 264 |
추천
목록
|
|
| |
|
