pascal
/
lazarus.fresnel
зеркало из https://gitlab.com/freepascal.org/lazarus/fresnel


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041
							<!doctype html>
<html lang="en">
<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <title>Project1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style>
  div {
    padding: 5px;
    border: 2px solid blue;
    margin: 4px;
  }
  span {
    padding: 5px;
    border: 2px solid red;
    margin: 4px;
  }
  </style
</head>
<body>
  <script>
    function Show(){
      var El = document.getElementById('Div1-1');
      console.log('Client: '+El.id+' l='+El.clientLeft+' t='+El.clientTop+' w='+El.clientWidth+' h='+El.clientHeight+' Scroll: Left='+El.scrollLeft+' Width='+El.scrollWidth+' Top='+El.scrollTop+' Height='+El.scrollHeight);
    }

    window.addEventListener("load", (event) => {

      var El = document.getElementById('Div1-1');
      console.log('left='+El.offsetLeft+' top='+El.offsetTop+' Client: '+El.id+' l='+El.clientLeft+' t='+El.clientTop+' w='+El.clientWidth+' h='+El.clientHeight+' Scroll: Left='+El.scrollLeft+' Width='+El.scrollWidth+' Top='+El.scrollTop+' Height='+El.scrollHeight);
    });
  </script>
  <div id="Div1">
    <div id="Div1-1">Div1-1</div>
    <span>Span1</span><span><span>Span2</span></span><span>Span3</span><span>Span4</span>
    <span> Span5.1 <span> Span6 </span> <span> Span7 </span> Span5.2 </span>
    <div>Div1-2</div>
    <span><div>SpanDiv</div></span>
  </div>
</div></body>
</html>