エクセルの表をHTML保存したとき出力されるソースには属性・スタイル・ルビ・フォントタグなどが多量に含まれている。
それら不必要なHTMLソースをDreamweaverの正規表現置換で一掃する。
月: 2010年9月
[css3+MooTools] gradientで自爆ボタン
JAMのお題がボタンと聞いて思い浮かんだネタの中で一番汎用性ありそうだった自爆ボタンをMooTools用プラグインとして作ってみた。
勢いのままFirefoxでガッと組んだので他のブラウザは順次対応予定です…。
Webkitも見れるようにした。※Chromeはバグで角が四角くなる。
自爆ボタン – jsdo.it – share JavaScript, HTML5 and CSS
JavaScriptで要素を作成して制御、見た目は全てCSS。
Canvasじゃないのはその方がデザイン変えやすいかなと思ったのと、CSS3が使いたかったからです。
ストライプ部分にだけbase64化した画像使っています。
爆破までは ピン上げる→カバー外す→ボタン押す っていう流れです。
カバー外すとonReadyイベントを、ボタン押した時にonStartイベントが実行されます。
[gmap] ‘document.body’ は Null またはオブジェクトではありません。
Google MapsのIE6～IE7で発生する事があるエラー。 APIローダーからV3を呼び出そうとしていたときに出た。 メッセージ: ‘document.body’ は Null またはオブジェクトではありません。 … 続きを読む
[CSS3] マウスオーバーでリンク画像の透明度とかを変更する
JavaScript版があるのでCSS版も書いておく。 この手法はマウスオーバー画像用意しなくていいから重宝する。 CSS3対応しているブラウザであれば、transitionプロパティでJavaScript版と同じような … 続きを読む
[js] iframeからのアクセスかブラウザでの直アクセスか判別する
同タイトルの質問より。 もうちょっと具体的にソースを書いてみる。 index.html（フレームを呼び出すページ） iframeのsrc属性で、ファイル名に続けて適当にパラメーターをつける。 inner.html（フレー … 続きを読む
第壱話 HTML5、襲来
なんとなく思いついたネタ。
[html5] canvasでテキストのコピペ防止
Web2.0的にHTMLソースを隠す方法を修正しているときに思ったんだけど、 単純に小説とかのコピーブロックならCanvas使う手もあるよね。ってことでデモ書いてみた。 Canvas novel – jsdo … 続きを読む