Запись [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: