2009-05-01から1ヶ月間の記事一覧

スロットマシーンのように数字が回転する、指定日までのカウンター!

<title>Counter</title> <style type="text/css"> #waku div { float:left; } </style> <body> <div id="waku"> <div id="counter0"></div> <div id="counter1"></div> <div id="counter2"></div> <div>日</div> <div id="counter3"></div> <div id="counter4"></div> <…</div></body>

インスタントコーヒーばっかり

先日、親戚の葬式に呼ばれた。手土産に粉末タイプのインスタントコーヒーが入っていた。 しかもデカい瓶に入っているやつ。毎日そのおかげで、飲み放題である。 砂糖もミルクも入れないので、飲むのだが、すでに・・・・ まだまだ、コーヒーはある。 ついで…

調子こいて、敵機多数! 著作権って関係ないよね〜

<title>Game</title> <style type="text/css"> #waku { width:480px; height:640px; border :2px #888 inset; position:relative;} #waku img { position:absolute; } #TAMA, #TEKI { display:none; } </style> <body> <div id="waku"> </div></body>

タイマンのインベーダーゲーム!ってこれが? でもこれで連射可能!

きもちよく連射できます。 当たり判定は組み込んでないのですが・・・。 <title>Game</title> <style type="text/css"> #waku { width:480px; height:640px; border :2px #888 inset; position:relative;} #waku img { position:absolute; } #TAMA { display:none; } </style> <body> <div id="waku"> </div></body>

複数の画像をスロットマシーンの用に横に回転させる

回転させるアルゴリズムがよくない。 あとで、なおそうっと! <title>Images</title> <style type="text/css"> #waku0 { overflow:auto; width:600px; height:90px; border:1px red solid;} #waku0 img { border:0px none; width:120px; height:90px; } </style> <div id="waku0"> </div>

ノードの子を全て削除する

function clearChildNodes(node) { while (node.hasChildNodes()) node.removeChild(node.firstChild); return node; }

1つ次のノードを取得する

function getNextNode (node) { var n; if (n = node.firstChild) return n; do if (n = node.nextSibling) return n; while (node = node.parentNode); return null; }

1つ前のノードを取得する

function getPreviousNode (node) { var n; if (n = node.previousSibling) { while (n.hasChildNodes()) n = n.lastChild; return n; } return node.parentNode; }

要素のテキストを取得する

//@cc_on function getElementText (e) { return e./*@if (@_jscript) innerText @else@*/ textContent /*@end@*/; } function getNodeText(node) { return node.firstChild.nodeValue; }

指定した条件で、親の要素を取得する

function getParent(node, type, val) { return node ? (val == node[type]) ? node: arguments.callee(node.parentNode, type, val): null; }

Cookieを取得する

function getCookie(name) { var value; name = encodeURIComponent( name ).replace( /([.*()])/g, '\\$1' ); value = document.cookie.match( RegExp ( name + '\\s*=\\s*(.*?)(?:[\\s;,]|$)' ) ); return value ? decodeURIComponent( value[1] ) : ''; }

Cookieを保存する

function setCookie(name, value, day, path, domain) { return document.cookie = encodeURIComponent( name ) + '=' + encodeURIComponent( value ) + '; ' + 'expires=' + new Date( (new Date) - 86400000 * -day ).toUTCString() + '; ' + ( path ? 'pa…

要素の座標を取得する

function getPosition(node) { var x = 0, y = x; do { x += node.offsetLeft; y += node.offsetTop; } while (node = node.offsetParent) return {x: x, y:y}; }

テーブルの行をランダムに並び替える

function randomRows(tableId) { var i = 0 var o; var table = document.getElementById(tableId) var tbody = table.getElementsByTagName('tbody')[0]; var r; while (o = tbody.childNodes[i]) { if (3 == o.nodeType) { tbody.removeChild(o); } else {…

そういえば炎上すれすれ?!

そこのブログのアドレスを書くつもりは無いが、気になってみてる。過去に、JavaScriptの事で、そいつに回答したことがあるんだよなぁ〜。IT関連の仕事をしているというのだが、なんというか・・・・それで飯をくっているってのが、信じられない。レベルが上…

なんとなく、心機一転

どんな記事から書き始めよう? ■簡単な自己紹介。OKWaveのJavaScriptの板に出没している。腕前は、下から2番目くらい。<なにを基準にしてだ!?無駄口を書くと、警告がくるので、ここに書き込もうかなぁ〜。でも警告覚悟で、書いてみた。http://okwave.jp/…

JavaScriptの書き出しは

<html lang="ja"> <head> <title>TEST</title> <style type="text/css"> </style> </head> <body> <h1></h1> <script type="text/javascript"> //実行時には、全角空白文字は、半角に変換して下さい。 /*@cc_on @set @V = (@_jscript_version >= 5.5) @if(@V) attachEvent ('on' + @else@*/ addE…</body></html>