Запись [z:html_pack.dev.sky.] < dev.sky.1.001

Версия 1.001

N1: DATA: etc
001
002
003
004
005
006
007
008
009
010
011
012
013
014
015
016
017
018
019
020
021
022
023
024
025
026
027
028
029
030
031
032
033
034
035
036
037
Chars count: <span id="cnt">0</span>
<a href="javascript:;" onclick="r.lt()">L2spt</a>
<a href="javascript:;" onclick="r.tr()">Rtrim</a>
<br>
<textarea id="area" rows="29" cols="100"></textarea>
~js~
var ar = $('area');
r.tr = function () {
  var s = ar.value;
  ar.value = s = s.replace(/[ ]+[\r\n]/g, "\n");
  text('cnt', '' + s.length);
}
r.lt = function () {
  var s = ar.value;
  ar.value = s = s.replace(/\n /g, "\n");
  text('cnt', '' + s.length);
}
ar.onpaste = ar.onkeyup = function () {
  text('cnt', '' + ar.value.length);
}
~
<div style="background:lightyellow; height:500px; width:2500px; position:absolute">
  <div class="wh" style="background:blue"></div>
  <div class="wh" style="background:red"></div>
</div>
<style>
  .wh {width:150px; height:150px; position:absolute}
</style>
~js~
setTimeout(function() {
  $().$$('div', 'wh', 0).$({left:10, top:10})
  $().$$('div', 'wh', 1).$({left:20, top:20})
}, 1000)
~
<div id="el1" style="background:yellow">string</div>
~js~
$('el1').contentEditable=true;
N2: DATA: button
001
002
003
004
005
<button>TEST</button>
~
<input type="button" value="test">
~
<input type="image" value="test">
N3: DATA: picture
001
002
003
004
005
006
007
008
009
010
011
<img src="?img=13.pic1.png" />
~
<img src="?img=13.pic2.png" />
~
Picture:
<img src="?img=13.pic3.png" />
~
<iframe src="?img=13.+rectangle.svg"
frameborder="0"></iframe>
~
<img src="_dev/favicon.ico" />
N4: END: