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