2011-01-01から1年間の記事一覧
目的はcanvas描画の際、制作者が毎回記述する「canvas生成・図形描画・アニメーション(タイマー)」を簡略化することです。 サンプルはこちら→W7工廠分室|トップページ(最終バージョン:2.4.2(2012-01-06)) 別企画「canvasflash」に移行しました(canvas…
最近JavaScriptについて書いているのですが・・・canvasでアニメーションを作ろうと思っているんです。 記事はこちら→canvasでアニメーションを作ってみた(未完成)とか〜 - w7工廠 思いつくままプログラム作っていたのですが・・・どうもうまく動かないw …
canvasでいろいろ作っているのですが、まだ完成に至りません。 その過程でできたタイマーを掲載します。 サンプルはこちら→W7工廠分室|トップページ (サンプルと以下の例は微妙に違います。) function play(a,s,e,f){//a:したいこと,s:開始時間,e:終了時間…
■基本編 忘れないうちに・・・っと。 (2012-01-16) ・④を訂正しました。 ①基本 function Class(value){ //コンストラクタ this.property=value; //インスタンスプロパティ this.method=function(){alert(this.property);} //インスタンスメソッド } var c=ne…
ほぼ使っていないのですがw 初めて買ってもらったものです。 大学で情報科に入ったので親に買ってもらいました。 当時50万位したとおもいます。 これです↓ まえよこうしろ お布施のようにバージョンアップを重ねたり。 メモリ・外付けHDD・プリンタなどを…
私事で作りました。 サンプルはこちら→W7工廠分室|トップページバージョン2になりました ディレクトリ内のファイルのソース閲覧・ブラウザ表示(指定のもの)・ダウンロードができます。 まあブラウザだけでできる事なのですが・・・ 応募(←何のことかな?(…
・2012-03-06 記事修正しました。 簡易メールフォームについてです。 サンプルはこちら→W7工廠分室|トップページ ただし、サンプルでは部分的にコメントアウトしてメール送信はできないようにしています。 (匿名メールフォームにも自分宛にもしたくないので…
ソースはここjQueryを使って指定サイズに画像均等縮小みたいな〜 - w7工廠に追記しています。 サンプルはこちら→W7工廠分室|トップページ(タイトルが「jQueryを使って指定サイズに画像均等縮小みたいな〜」のものです。) どちらを使っても同じ結果になるの…
リンク元の内容によってお問い合わせページのラジオボタンを切り替えるのに使いました。 (こちらを参考にさせていただきました。http://trackback.blogsys.jp/livedoor/zasso77/51444767) っていうか・・・以下の使い方は違うような気がw(別に?でなくて…
HTMLロード時になく、プログラム処理で追加した要素に対して必死でイベント処理しようとしていましたw $(function(){ $("input[name=rbtn]").click(function(){ //処理 }); }); 後付・・・つまりまだ存在していない要素に対してイベントを設定するのはbind…
月のところって01でなくて1になるんですね・・・10以上判断のほうが処理って早いでしょうか? JavaScript function nowYMD(){ var now=new Date(); return now.getFullYear()+'-'+('0'+(now.getMonth()+1)).slice(-2)+'-'+('0'+now.getDate()).slice(-2); }
チェックボックスでチェックして、その後チェック部分だけ行の値がほしいときにつくりました。 とはいってもjavascriptで処理してるんですがw 追記(2011-12-15):下記サンプルを掲載しました。→W7工廠分室|トップページ ←この本もってたらたぶんjQueryで困…
開始と終了があり、今日以降から予約みたいなもののために考えました。 HTML <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <script type="text/javascript" src="inputYMDCheck.js"></script> </head> <body> </body></html>
必要があって作ったものですが1日はかかっています(遅w) マークアップ上はリストなんだけれど見せ方はテーブルがいいみたいな時のことです。 しかも今気がついたけれど・・・IEで崩れてるw(XHTMLでないとだめでした) HTML <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>
2012-06-06 Jaxer関係の記事をここにまとめました。 ■はじめに ・WEBの勉強し始めるとデザイン・プログラミングと大変なので言語をJavaScriptに絞りました。 ・Aptana JaxerだけならJavaScriptだけでいけるし面倒な設定もないので楽です。 設置 ・http://jax…
なんかこんなところで時間かかってしまいました。 HTML <input type="radio" name="type" value="a" checked="checked"/> //要素0 <input type="radio" name="type" value="b" checked="checked"/> //要素1 <input type="radio" name="type" value="c" checked="checked"/> //要素2これからvalue="b"を取得するには JavaScript var dataB = $("input[name=order]:che…
■2012-03-16 1. 2. 3. 4. 5. 1は何かと辞書を引くのに便利。前の版のも持っていますが両方あったほうがいいかも(削除された部分があるので) 2は細かい点について分かりやすく書いてありました 3は記事の読みやすさ・本の質感がいいです。内容もメリット・…
日付処理ってFireFoxでは2010-01-01でIEでは2010/01/01でないとNaNになる?のかな? ということで function dateCalc(beforeYMD,afterYMD){ var isMSIE = /*@cc_on!@*/false; if(isMSIE){ var afterYMD=afterYMD.replace('-','/'); var beforeYMD=beforeYMD.…
サンプルはこちら→W7工廠分室|トップページ ■目的 イメージマップってマウス乗っても色変わらないし〜、ロールオーバー時の画像を1つずつ用意するのって面倒だし〜 ・・・とかそういう場合にどうぞ。 図で表すとこうなります。既存のイメージマップの下にca…
テーブルの中に画像を表示させる際、幅か高さをぴったりあわせて均等縮小でおさめたいときに。 (追記:記事と別コード追加 2011-12-15) サンプルはこちら→W7工廠分室|トップページ サイズを変更できるようにしました。(変更の必要がない場合はinputとか不…
HTML ※id=***がposition:absolute指定されていること <div id="***" class="positionCenter"></div> JavaScript (jq_setPositionCenter.js) /* jq_setPositionCenter.js 2010-09-11 */ function setPositionCenter(){ var wWidth=null;//ウインドウ幅取得 /*@cc_on wWidth=document.body.clientWidth;//I…
2012-06-06 簡易版をこちらに移転しました サンプルはこちら→W7工廠分室|トップページ HTML <div class="slideShow"></div> JavaScript (jq_slideShow.js) /* jq_slideShow.js 2010-9-11 */ function slideShow(){ var t=5000; //表示時間 var c=300; //切替時間 var d="./jstester/img/";…
今までもやりかけたことはありましたが、批判や愚痴というネガティブな文章になり その日に「こんなのやめてしまおう」ということで繰り返してきました。今回は素人なりの努力でも公開していこうかと思いはじめましたよ〜(´・ω・`)ノ コードについては初…