Writing /volume1/Web/Public/dokuwiki/data/log/deprecated/2024-11-15.log failed

現在位置: start » study » javascript » positioning

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

次のリビジョン		前のリビジョン
study:javascript:positioning [2008/02/03 16:41] – created bananastudy:javascript:positioning [2011/08/04 02:13] (現在) – [Fixed Layer] banana
行 30: 行 30:
 </code> </code>
 여기서 눈여겨 볼 부분은 * html body부분이다. 이부분은 IE만 해석할 수 있는 데, 화면 떨림방지를 위한 hack이다. 여기서 눈여겨 볼 부분은 * html body부분이다. 이부분은 IE만 해석할 수 있는 데, 화면 떨림방지를 위한 hack이다.
-자세한 것은 forum의 javascript관련 post를 참고하기 바란다.+자세한 것은 forum의 javascript관련 [[http://ria-web.info/forum/post/2|post]]를 참고하기 바란다.
  
 다음은 javascript부분으로 이부분은 설명없어도 이해할 것으로 생각한다. setTimeout대신에 window.onresize = function(){ }을 사용하여도 무방하다. 아래가 관련 javascript code snippet이다. 다음은 javascript부분으로 이부분은 설명없어도 이해할 것으로 생각한다. setTimeout대신에 window.onresize = function(){ }을 사용하여도 무방하다. 아래가 관련 javascript code snippet이다.
行 36: 行 36:
 function adjust(){ function adjust(){
         var screenWidth=0;         var screenWidth=0;
- var screenHeight=0;+ var screenHeight=0;
  
- if(window.innerWidth){    //FireFox, NN + if(window.innerWidth) {    //FireFox, NN 
- screenWidth = window.innerWidth; + screenWidth = window.innerWidth; 
- screenHeight = window.innerHeight; + screenHeight = window.innerHeight; 
- }else{    //IE + } else {    //IE 
- if(document.compatMode && document.compatMode=='CSS1Compat'){ //Strict Mode + if(document.compatMode && document.compatMode=='CSS1Compat') { //Strict Mode 
- screenWidth = documentElement.clientWidth; + screenWidth = documentElement.clientWidth; 
- screenHeight = documentElement.clientHeight; + screenHeight = documentElement.clientHeight; 
- }else{  //Quirks Mode + } else {  //Quirks Mode 
- screenWidth = document.body.clientWidth; + screenWidth = document.body.clientWidth; 
- screenHieght = document.body.clientHeight; + screenHieght = document.body.clientHeight;
- }//end if~else+
  }//end if~else  }//end if~else
 + }//end if~else
   
- var contentWidth = screenWidth - 180; + var contentWidth = screenWidth - 180; 
- if(contentWidth<0) contentWidth =0; + if(contentWidth<0) contentWidth =0; 
- if(screenHeight<0) screenHeight = 0;+ if(screenHeight<0) screenHeight = 0;
  
- //set the content's width and height + //set the content's width and height 
- document.getElementById("content").style.width=contentWidth; + document.getElementById("content").style.width=contentWidth; 
- document.getElementById("content").style.height=screenHeight;+ document.getElementById("content").style.height=screenHeight;
  
- setTimeout("adjust()", 50); + setTimeout("adjust()", 50); 
- }//adjust+}//adjust
 </code> </code>
 +
 +{{keywords>fixed layer without frame}}
 +
 +
 +===== See the sample =====
 +
 +<html>
 +<head>
 +<script type="text/javascript">
 +function open_win()
 +{
 +window.open("./test/js/fixed_layer.html","_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes");
 +}
 +</script>
 +</head>
 +
 +<body>
 +<a href="#" onclick="open_win()" style="text-decoration:underline;color:#900B09">fixed layer whitout frame</a>
 +
 +</body>
 +
 +</html>
 +
 +~~DISCUSSION~~

トレース:

QR Code
QR Code study:javascript:positioning (generated for current page)