Библиотека Javascript. SE@RCHER

смотреть оглавление

примерразмер кода

<head>
  <title>Блок открывается от щелчка. Повторно-закрытие (уменьшение)</title>
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<style>
a {text-decoration:none; }
.msrhTitle   {position:relative;left:20px;top:0px;font-size:19px;cursor:hand; }
.msrhSTitle   {position:relative;left:40px;top:0px;font-size:16px;cursor:hand; }
.msrhSSTitle   {position:relative;left:60px;top:0px;font-size:16px;cursor:hand; }
.msrhTxtArea {width:500px;font-size:12px;background-color:#F8F4F8;border:solid black 0px;overflow:auto;text-align:center; }
.msrhTxtAreaL {width:500px;font-size:12px;background-color:#F8F4F8;border:solid black 0px;overflow:auto; }
</style>

</head>

<body bgcolor="#D3D3D3">
<br>
<div class="msrhTitle" style="font-size:22px;" >miniScreenRuler Help</div>
<br>
<div class="msrhTitle" onclick="javascript:msrhCloseDrop('msrhDummy');msrhCloseTB('msrhPurposeTB');msrhDisplay('msrhPurposeTB');" >Purpose</div>
<textarea class="msrhTxtArea" id="msrhPurposeTB" rows="10" >

'miniScreenRuler' is to assist in positioning or
measuring objects in an HTML document.

A larger file size than 'miniScreemMarker',
it has the same two Position Markers
plus the additional features of X & Y Rulers and a Grid.

Tested Compatible with IE4+, NS7, MozillaFirefox

Implementation

General

Part 1 & External JavaScipt Call

Display Minimised

General

Click & Drag

Maximise

Exit

Display Maximised

General

Minimise

Mark

Help

Display More

Less

Note (IE4+ Only)

Fade & Bold

Scroll

X Rule

Y Rule

Grid