必要あってつくりました。 サンプルはこちら→W7工廠分室|トップページ 最新バージョンは2.1です 流れ ・通常時は画像(ほとんどPNG用)として表示し、作業をcanvasで行い、作業後に作業前の画像と入れ替える ・読み込んだ画像全てに対して同じ操作を適用する …

サンプルはこちら→W7工廠分室|トップページ 以前ファイル内容を閲覧できるものを作ったのですが（jQueryとPHPとその他色々を使ってディレクトリ構造をツリー表示とか内容表示みたいな〜 - w7工廠） 肝心のサイトマップがないｗ どうせならPHP使いたくないし…

サンプルはこちら→W7工廠分室|トップページ イメージマップ(map area要素)を作るより、イラレで直接SVG出力したほうが簡単かなと思って作りました。 いいえ。半分は嘘ですｗ roomx氏に<map>と<area>で画像内にリンク配置。ソレにhoverで変色効果…

目的はcanvas描画の際、制作者が毎回記述する「canvas生成・図形描画・アニメーション（タイマー）」を簡略化することです。 （ActionSctipt3.0とjcottonの中間のイメージです） サンプルはこちら→W7工廠分室|トップページ（「canvasでアニメーションを作っ…

以前作ったもの（jQueryとcanvasを使ってイメージマップでhoverすると色かわるみたいな〜 - w7工廠）をクラスっぽくしてみました。 サンプルはこちら（W7工廠分室|トップページ）、設置方法は以前と同じです。 タイトルもついでに変えてみました。（目的と異…

目的はcanvas描画の際、制作者が毎回記述する「canvas生成・図形描画・アニメーション（タイマー）」を簡略化することです。 サンプルはこちら→W7工廠分室|トップページ（最終バージョン：2.4.2(2012-01-06)） 別企画「canvasflash」に移行しました（canvas…

私事で作りました。 サンプルはこちら→W7工廠分室|トップページバージョン2になりました ディレクトリ内のファイルのソース閲覧・ブラウザ表示（指定のもの）・ダウンロードができます。 まあブラウザだけでできる事なのですが・・・ 応募(←何のことかな？(…

ソースはここjQueryを使って指定サイズに画像均等縮小みたいな〜 - w7工廠に追記しています。 サンプルはこちら→W7工廠分室|トップページ（タイトルが「jQueryを使って指定サイズに画像均等縮小みたいな〜」のものです。） どちらを使っても同じ結果になるの…

リンク元の内容によってお問い合わせページのラジオボタンを切り替えるのに使いました。 （こちらを参考にさせていただきました。http://trackback.blogsys.jp/livedoor/zasso77/51444767） っていうか・・・以下の使い方は違うような気がｗ（別に?でなくて…

HTMLロード時になく、プログラム処理で追加した要素に対して必死でイベント処理しようとしていましたｗ $(function(){ $("input[name=rbtn]").click(function(){ //処理 }); }); 後付・・・つまりまだ存在していない要素に対してイベントを設定するのはbind…

チェックボックスでチェックして、その後チェック部分だけ行の値がほしいときにつくりました。 とはいってもjavascriptで処理してるんですがｗ 追記(2011-12-15)：下記サンプルを掲載しました。→W7工廠分室|トップページ ←この本もってたらたぶんjQueryで困…

なんかこんなところで時間かかってしまいました。 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…

サンプルはこちら→W7工廠分室|トップページ ■目的 イメージマップってマウス乗っても色変わらないし〜、ロールオーバー時の画像を１つずつ用意するのって面倒だし〜 ・・・とかそういう場合にどうぞ。 図で表すとこうなります。既存のイメージマップの下に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/";…