prototype.jsでfillinメッセージ - AUSGANG SOFT
フィルインメッセージって？ ↓こんなやつ。 ブラウザの検索窓などに使われていて、ちょっと使いやすくなるっぽい効果を与えます。 prototype.jsで簡単にこの効果をつけられるライブラリを作ってみました。 ダウンロード http://a-h.panepon.com/einfach/archives/fillin.js 使い方・サンプル <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="fillin.js"></script> prototype.jsのあとにこのライブラリを読み込んで 以下のように書くと <input type="text" id="sample_text1"> <script type="text/javascript"> Eve
私の出会ったバグ達 - ブラウザ依存 - AUSGANG SOFT
最近、Javascriptで開発していて、ブラウザ依存のバグに出会うことが多いので、実例をメモ。 原因と対策は、リンク先を参照されたし。 ifreame上のinput、textareaからキャレットが消えるバグ Windows版Firefoxで発症。 実例 ↑の場合は、背景のオーバレイDIVを消したら、治った。 Bug 226933 - Caret vanishes in input form elements over iframe - lambda {|diary| lambda { diary += 1 } }.call(hatena) http://d.hatena.ne.jp/winebarrel/20070814/p1 透明のオーバレイDIVを表示すると勝手にFlashが消えるバグ Mac版Firefoxのみ発症。 透明度が関連するので、DIVのフェードイン、フェードアウトのエ
TortoiseSVN のTips - AUSGANG SOFT
最近の作業の保存は、サブバージョンにコミットです。 Windowsで、クライアントはTortoiseSVN。 TortoiseSVNをコマンドラインから利用するとマウス作業が減って省力化できます。 サンプル(リポジトリが C:\remix\ という前提) C:\Program Files\TortoiseSVN\bin\TortoiseProc.exe /command:commit /path:"C:\remix\core\views\" /closeonend:1 /notempfile/notempfile は必須。/closeonend:1 は自動的にログを閉じる。 パラメーターの詳細は C:\Program Files\TortoiseSVN\bin\TortoiseSVN_ja.chm 目次の一番最後 "D.1. 使用できるコマンドとオプションの一覧" を参照。 おすすめはBl
AUSGANG SOFT - DOMContentLoadedとGreasemonkey
今ごろ、まるごとJavaScript & Ajax ! Vol.1を読んでいたら、こんな記事が。 [ThinkIT] 第2回：jQueryライブラリの内部とonloadイベント記法 (2/2) http://www.thinkit.co.jp/cert/article/0703/10/2/2.htm 通常のonloadイベントではページ内の全ての画像ファイル等の読み込みも完了してからコードが実行されるのに対し、jquery.jsはHTMLのDOM解析が完了した途端にコードを実行できるアクセラレーション機能を備えています（注4）。 おおすごいなーと。 ライブラリなしでも使いたいなーと思っていたら、 window.onload 前でも DOM 処理が可能なら通知してくれる domready.js - METAREAL http://weblog.metareal.org/2007/07/10/
透過PNGの罠 - AUSGANG SOFT
IE7で透過PNGがサポートされて、以前からもありましたが、透過PNGをIE5.5、6でも表示させるJSライブラリがいくつか出ています。 これらのライブラリは、IE独自のAlphaImageLoaderフィルターを利用して擬似的に透過PNG表示をさせています。 でも、このAlphaImageLoaderフィルターには、癖があって、それで以前にハマったことがあります。 実例 IE6(5.5)で見てください。 吹き出しの中のLingerへのリンクをクリックして移動することができますか？ 原因 原因がさっぱりわからなかったので、ライブラリの中身を見て、AlphaImageLoaderで検索したところ以下の情報が。 PNG ちょっと裏技 (2) http://www.minc.ne.jp/~konda/new/png/urawaza02.html アルファイメージローダーを使用した要素(タグ)の内
これまで作ったGreasemonkeyスクリプト まとめ - AUSGANG SOFT
だいぶ量が多くなったので、現在、動作するものを一度まとめておきます。 Greasemonkeyって？ ページの見た目や機能をブラウザ側でカスタマイズできるFirefoxの機能拡張です。 好みのスクリプトを追加することでページを読みやすくしたり、便利な機能を追加することができます。 インストールの方法・簡単な使い方は以下のページの解説がわかりやすいと思います。 はてなグリースモンキー - グリースモンキーの使い方 他の方が作られたスクリプトを参照するにはGreasemonkey - Mozilla Firefox まとめサイトをご覧ください。 これまで作ったGreasemonkeyスクリプト Google Greasemonkey - Google のラジオボタン押したら検索 http://a-h.panepon.com/einfach/archives/2006/0106171150.ht
prototype.jsでクロスブラウザなWYSIWIGエディタ - AUSGANG SOFT
これは何？ prototype.jsベースで、IE、Firefox、Opera、SafariをサポートするWYSIWYGエディタライブラリです。 車輪の再発明もいいところなのですが、なるべくシンプルなWYSIWYGエディタライブラリが欲しくて作りました。 どんなもの？ ↓使ってみてください。RSSリーダーで購読されてる方は、こちらからご覧ください。 "コードを整える"のチェックをはずすとブラウザ本来のHTMLを出力します。 文字サイズの変更は、Firefoxのみ動作します。 基本コード サンプルはこちらからダウンロードできます。 まだ荒削りなので、実際に使えるかわかりませんけれど。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="crossedit
prototype.js でタブ切り替え - AUSGANG SOFT
たつをさんのCSS と JavaScript でタブ切り替えをprototype.jsを使って書き直しました。 極力、再利用が簡単になるようにしてみました。 ライセンスは本家の「無償・無保証・著作権放棄」に準じます。 ご自由にお使いください。 サンプルはこちらからダウンロードできます。 基本コードは以下のようになっています。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="tabMaker.js"></script> <link href="tabMaker.css" rel="stylesheet" type="text/css" /> <div id="tabContent"> <ul id="tabIndex"> <li class="tab
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
