JavaScript
球体の座標作成と回転できるようになった。 瞬きをした瞬間、逆回転したように見える。 やっつけで書いたと判るレベル <meta charset="UTF-8"> <title>test</title> <body> <h1>Test </h1> <canvas width="1024" height="1024"></canvas> <script> var canvas = document.querySelector ('canvas'); var ctx = canvas.getContext('2d'); var x = 512; var y = 512;…</body></meta>
http://d.hatena.ne.jp/ryamada22/20080831 凄いなぁ〜、さっぱりわからない。OTL これを Javascript に移植したい。やりたいこと、N個の画像を球体上に配置して、ぐるぐる回したい。ダメだ〜もう眠い。続きはまた暇な時 <meta charset="UTF-8"> <title>test</title> <body> <h1>Test </h1> <canvas width="1024" height="1024"></canvas> <script> var canvas = docum</body></meta>…
option要素の移動が遅いhttp://oshiete.goo.ne.jp/qa/8441116.html ちょっと端折りすぎた感。 <meta charset="utf-8"> <title></title> <body> <form action="#" onsubmit="check(event)"> <select id="a" multiple> <option value="a1">移動されない</option> <option value="b2">サンプル2</option> <option value="c3">サンプル3</option> …</select></form></body></meta>
短く書く方法http://oshiete.goo.ne.jp/qa/8404148.html var a = [ 4,5,6,9,10,11,14,15,16,29,30,31,44,45,46,59,60]; function hoge (n) { return [0,30,45,60,5,10,15][--n/15|0||4+n/5|0]+'分程';} alert(a.map (hoge).join ("\n")); 今にして思う、可読…
左から右へ変更する場合はどこを変更したらいいでしょhttp://oshiete.goo.ne.jp/qa/8384796.html <meta charset="utf-8"> <title>動かすぞぉ〜</title> <style> .menu { margin: 1em; width:600px; height:100px; } .menu li { display: inline; } .menu li a img { border: 0px none; } </style> <body> <ul id="menu0" class="menu"> </ul></body></meta>
なんとなく書いた。 もっとリアルにすべきだよな〜。 花火大会を企画した人は、冬は雪をテーマにしてくれないかな？ 春は、桜の花びら。 秋は、紅葉の葉。 <meta charset="utf-8"> <title></title> <style> body { background : #000; color : #ccc; overflow:hidden; } p { text-shadow: 0px 0px 20px #</style></meta>…
IEは、深く考えず。 エンターで次に、SHIFT＋エンターで前に、ボタンは＋CTRLで実行 TEXTAREAの場合はCTRL+Enterで、エリア内の改行。 tagIndex も無視かよ〜。 /* @cc_on*/ (function () { function isFormElement (e) { var n = e.tagName; return 'INPUT'…
<img src="img0.gif" alt="a"> <script> (function(b,c,d){ d = (function A(e){return e.nodeType==1?e:A(e)})( (function A(e){return e.tagName=='SCRIPT'?e:A(e.lastChild)})(document).previousSibling); setInterval(function(){d.alt=b[Math.random()*b.length|0]},c); })([ 'img1.gif', '…
ページの途中などで戻りたいときに「戻る」アンカーでも配置する。 エレベーターは、右下に寄り添う。 スクロールがトップの位置にくると消える。 - ことあるごとに、スクロールイベント処理を追加すのは、イケてない。 (function () { //@cc_on // This Obj…
(function () { function FormController (form) { this.form = form; } var hashTypeCheck = {// bit0: 単数or複数, bit1:input, bit2: select TEXTAREA: { 'textarea': 1 }, SELECT : { 'select-one' : 5, 'select-multiple': 4 }, INPUT : { tel : 1, url…
【JS】phpで作成した多数のdivを操作したいhttp://oshiete.goo.ne.jp/qa/8034381.html FUjillin さんとかぶる。 正規表現のとこは、うっしっし。 スペースが続く場合もあるし。 本日、睡眠時間まじ30分。ほぼ徹夜。テンションが高くてもう眠れない。 なので…
<title>テキストノードを含まない、子要素を探る関数を書く</title> <meta charset="UTF-8"/> <style> textarea { font-size: small; } </style> <body> <h1>テキストノードを含まない、子要素を探す</h1> <p> 基本というか、元が高度なのだけれど。<br> <textarea cols="100" rows="36"> (function (proto, getElement) { proto.__defineGetter__ ('firstElementChild',</textarea></p></body></meta>…
チルダ(\u007e)でハマってしまった。今日の睡眠時間２時間。完全にボケている。 <title>RFC 6901 JSONポインター</title> <meta charset="UTF-8"/> <style> </style> <body> <h1>RFC 6901 JSONポインター</h1> <h2>tools.ietf.org/html/rfc6901</h2> <p> <textarea cols="30" rows="12"> //以下を JSON として扱う { "foo": ["bar", "baz"], "": 0, "a/b": 1, "…</textarea></p></body></meta>
http://oshiete.goo.ne.jp/qa/8007638.html 「JavaScript テキストエリア内のカーソル位置に文字を入力する方法」乱暴だが、Fxなら。てもとにIEが無い！後で勉強しよう http://domes.lingua.heliohost.org/dom/intro-ranges1.html#section-1-5-2 <title></title> <meta charset="UTF-8"> <body> <textarea cols="60" rows="10"> あいう</textarea></body></meta>…
http://oshiete.goo.ne.jp/qa/8007184.htmlで、Firefox の、node.childNodes を、テキストノードを返さないように上書きしようと思ったらできなかった。きっと何か代わりのものがあるかもしれない。 なので名前を変えた。 Element.prototype.__defineGetter_…
思わぬ所でハマってしまった。徐々に進化（退化？）。 function WKNO (month, no, week) { var length = (no - 1) * 7; month--; return function (year) { var date = new Date (year, month, 0); date.setDate (date.getDate () + ((week + 6 - date.getDa…
調べれば、春分の日・秋分の日の計算式がのっている function SHUNBUN (yy) { return new Date (yy, 2, floor (20.8431 + 0.242194 * (yy - 1980)) - floor ((yy - 1980) / 4)); } function SHUUBUN (yy) { return new Date (yy, 9, floor (23.2488 + 0.2421…
function ArySplit (ary, n) { return (n < ary.length) ? Array.prototype.concat.apply ( [ary.splice (0, n)], [split (ary, n)] ) : [ary] } カレンダーを作るhttp://oshiete.goo.ne.jp/qa/7999208.htmlWEB用カレンダーの不具合？について 質問者は、inn…
doc.createDocumentFragment () を配列に格納し、そこに移動。 一気に追加。 <title></title> <meta charset="UTF-8"> <style> tr:nth-of-type(1) { background: #fdd; } td:nth-of-type(1) { background: #fdd; } td { text-align: center; } </style> <body> <table border="1"></table> <script> var ary = [ [ 0, 1, 2, 3, …</body></meta>
absoluteで重なるとき右に避けて表示したいhttp://oshiete.goo.ne.jp/qa/7968322.html おそらく、定形の大きさのタイルを重ならないようにランダム配置したいのだと思う。 なので、与えられた２つの四角形（座標）が重なるか？を調べる関数を書く。 もしくは…
テーブル要素の置き換え方法に。 <title></title> <meta charset="UTF-8"> <body> <table border="1"> <tr id="a"> <td>a <td id="hoge">z </table> <script> var fgm = document.createDocumentFragment (); var td = document.createElement ('td'); 'bcdcdefghijklmnopqrstuvwxy' .split ('') .map (function (str) { t…</body></meta>
その1 function swapNode (a, b) { var c = a.cloneNode (false); var p = b.parentNode; p.insertBefore (c, b); a.parentNode.replaceChild (b, a); p.replaceChild (a, c); } その2 function swapNode (a, b) { var p = b.parentNode; var n = b.nextSibl…
<title></title> <meta charset="UTF-8"> <body> <script type="application/javascript; version=1.8"> var ary = [ [1,2,3], [4,5,6], [7,8,9], ['a', 'b', 'c'] ]; function ArrayRotate (r) { switch ((4 + r % 4) % 4) { case 0 : break; case 1 : default : this.reverse (); var header = this[0]; …</body></meta>
http://oshiete.goo.ne.jp/qa/7954137.html <title></title> <meta charset="UTF-8"> <body> <p id="result"></p> <script type="application/javascript; version=1.8"> function fisherYates (a, b, c, d) a.concat (d.splice (Math.random () * (c + 1) |0, 1)); function fisherYates2 (a, b, c, d) { …</body></meta>
http://oshiete.goo.ne.jp/qa/7913163.htmlリスト要素(ol)の親でoverflow:hidden をすれ！ <meta charset="UTF-8"> <title>ベジェ曲線を利用して動く</title> <style> ol#hoge { width : 800px; height : 82px; overflow : hidden; } #hoge li { width : 198px; border : 1px red solid; height : 80px; </meta>…
フォームの value の変化は拾えないのか・・・ <title></title> <meta charset="UTF-8"> <style> </style> <body> <p> <input type="text" id="hoge" value=""> <input type="button" value="Change Title" onclick="document.getElementById('hoge').title='red'"> </p></body></meta>
じっくり書き直してみたいものだ。 <title></title> <meta charset="UTF-8"> <body> <div><canvas width="400" height="300" id="sample"></canvas></div> <script> // Copyright 2007-2009 futomi http://www.html5.jp/ // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this f…</body></meta>
教えてgoo で使えるくらいにコンパクトにしてみる // ベジェ曲線ジェネレータ // x0=0, y0=0, x1=a, y1=b, x2=c, y2=d, x3=1, y3=1 を通るベジェ曲線の y = f(x) を返す function BezierGenerator (a, b, c, d) { var p = [a || 0, b || 0, c || 1, d || 1];…
日付のカウンターに必要とされるもの。（備忘録） ある基準の時間から (this) 一定の間隔で (arguments[0]) 指定された時間を待って (arg[1]) 指定時間に終わる (arg[2]) そしてそれは、一度切りなのか、それとも繰り返すのか (arg[3]) 以上のことを踏まえて…
addEventListener の第２引数には、 オブジェクト型の handleEvent メソッドは使えるけど、 関数型の handleEvent メソッドは、使えない。 iOS6 touchendイベントが拾えない。しかも他でも報告があるのでバグっぽい。 HTML要素に対してクリックイベントでイ…
