AOK's Blog
http://aok.cocolog-nifty.com/diary/
不定期に更新しています。MFC がメインです。
ja-JP
2009-07-31T15:57:31+09:00
-
指定したオブジェクトを取得
http://aok.cocolog-nifty.com/diary/2009/07/post-a941.html
JQuery もどきの関数を書いてみました。 /****************...
<p>JQuery もどきの関数を書いてみました。</p>
<pre><span style="color: #c00000;">/***************************************************
指定したオブジェクトを取得する
#id, .class, それ以外はタグ名と看做す。
id の場合はオブジェクトを、
それ以外はオブジェクトの配列を返す。
***************************************************/</span>
<span style="COLOR: blue">var</span> $ = <span style="COLOR: blue">function</span>(selector) {
<span style="COLOR: blue">if</span> (selector.charAt(0) == <span style="COLOR: teal">'#'</span>)
<span style="COLOR: blue">return</span> document.getElementById(selector.substring(1));
<span style="COLOR: blue">else</span> <span style="COLOR: blue">if</span> (selector.charAt(0) == <span style="COLOR: teal">'.'</span>) {
<span style="COLOR: blue">var</span> elems = <span style="COLOR: blue">new</span> Array();
<span style="COLOR: blue">var</span> all = document.getElementsByTagName(<span style="COLOR: teal">'*'</span>);
<span style="COLOR: blue">var</span> re = <span style="COLOR: blue">new</span> RegExp(<span style="COLOR: teal">"\\b"</span> + selector.substring(1) + <span style="COLOR: teal">"\\b"</span>);
<span style="COLOR: blue">for</span> (<span style="COLOR: blue">var</span> i = 0; i < all.length; i++) {
<span style="COLOR: blue">if</span> (re.test(all[i].className))
elems.push(all[i]);
}
<span style="COLOR: blue">return</span> elems;
}
<span style="COLOR: blue">return</span> document.getElementsByTagName(selector);
};</pre>
JavaScript
AOK
2009-07-31T15:57:31+09:00
-
jQuery.validator.addMethod
http://aok.cocolog-nifty.com/diary/2009/06/jqueryvalidator.html
①半角カタカナでの入力を強制する。 jQuery.validator.addMe...
<p>①半角カタカナでの入力を強制する。</p>
<pre>jQuery.validator.addMethod(<span style="COLOR: teal">"hankaku"</span>, <span style="COLOR: blue">function</span>(value, element) {
<span style="COLOR: blue">return</span> <span style="COLOR: blue">this</span>.optional(element) || <span style="color: #ff00cc;">/^[｡-ﾟ]+$/</span>i.test(value);
}, <span style="COLOR: teal">" 半角カタカナで入力して下さい"</span>);</pre>
<p>②全角カタカナでの入力を強制する。</p>
<pre>jQuery.validator.addMethod(<span style="COLOR: teal">"zenkaku"</span>, <span style="COLOR: blue">function</span>(value, element) {
<span style="COLOR: blue">return</span> <span style="COLOR: blue">this</span>.optional(element) || <span style="color: #ff00cc;">/^[ァ-ヾ]+$/</span>i.test(value);
}, <span style="COLOR: teal">" ※全角カタカナで入力して下さい"</span>);</pre>
JavaScript
AOK
2009-06-23T09:46:03+09:00
-
フレーム内のスクロール
http://aok.cocolog-nifty.com/diary/2009/06/post-0454.html
window.onload = function() { /* 配置した画像の年...
<pre>window.onload = <span style="COLOR: blue">function</span>() {
<span style="color: #c00000;">/* 配置した画像の年月 */</span>
<span style="COLOR: blue">var</span> m = <span style="COLOR: blue">new</span> Array(<span style="COLOR: teal">'2009.5'</span>, <span style="COLOR: teal">'2009.6'</span>, <span style="COLOR: teal">'2009.7'</span>, <span style="COLOR: teal">'2009.8'</span>, <span style="COLOR: teal">'2009.9'</span>);
<span style="color: #c00000;">/* 画像の幅 */</span>
<span style="COLOR: blue">var</span> w = 300;
<span style="color: #c00000;">/* フレームのスクロール */</span>
<span style="COLOR: blue">var</span> d = <span style="COLOR: blue">new</span> Date();
<span style="COLOR: blue">var</span> s = d.getFullYear() + <span style="COLOR: teal">'.'</span> + (d.getMonth() + 1);
<span style="COLOR: blue">for</span> (<span style="COLOR: blue">var</span> i = 0; i < m.length; i++) {
<span style="COLOR: blue">if</span> (m[i] == s) {
window.frames[0].scrollTo(w * i, 0);
<span style="COLOR: blue">break</span>;
}
}
};</pre>
JavaScript
AOK
2009-06-04T13:22:40+09:00
-
イベントハンドラの登録
http://aok.cocolog-nifty.com/diary/2009/04/post-03c9.html
function addEvent(obj, ev, handler) { if (obj.addEventListener) obj.addEventListener(ev, handler, false); else if (obj.attachEvent) obj.attachEvent(on + ev, handler); else /* Caution! Override */ obj[on + ev] = handler; } function onEventHandler(e) { if (e == null) e = window.event; var obj...
<pre><span style="COLOR: blue">function</span> addEvent(obj, ev, handler) {
<span style="COLOR: blue">if</span> (obj.addEventListener)
obj.addEventListener(ev, handler, <span style="COLOR: blue">false</span>);
<span style="COLOR: blue">else</span> <span style="COLOR: blue">if</span> (obj.attachEvent)
obj.attachEvent(<span style="COLOR: teal">'on'</span> + ev, handler);
<span style="COLOR: blue">else</span> <span style="color: #c00000;">/* Caution! Override */</span>
obj[<span style="COLOR: teal">'on'</span> + ev] = handler;
}
<span style="COLOR: blue">function</span> onEventHandler(e) {
<span style="COLOR: blue">if</span> (e == <span style="COLOR: blue">null</span>) e = window.event;
<span style="COLOR: blue">var</span> obj = e.srcElement || e.target;
<span style="color: #c00000;">/* ... Insert user code here ... */</span>
}</pre>
JavaScript
AOK
2009-04-24T14:52:37+09:00
-
Excel → 加工しやすい HTML
http://aok.cocolog-nifty.com/diary/2009/04/excel-html-4487.html
Microsoft Excel 2000 から「Web ページとして保存」した ...
<p>Microsoft Excel 2000 から「Web ページとして保存」した HTML ファイルは、不要なタグが多過ぎて正直あまり使えません。そこで、<a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=209ADBEE-3FBD-482C-83B0-96FB79B74DED&displaylang=JA">Microsoft Office HTML Filter 2.1</a> を使って Office 独特のタグを取り除きますが、さらに、邪魔なものを <a href="http://homepage3.nifty.com/aokura/jscript/regexp_js.html">JavaScript の正規表現置換</a>を使って削除します。</p>
<p>【ルビの削除】</p>
<pre><ruby>([^<]+)<rt>([^<]+)</rt></ruby> → $1</pre>
<p>【幅と高さの指定の削除】</p>
<pre>\s*height=\d+ → （削除）
\s*width=\d+ → （削除）</pre>
JavaScript
AOK
2009-04-17T10:18:37+09:00