タグ

2009年7月3日のブックマーク (4件)

  • 二度押し防止の onsubmit で disable にするやつ :: Drk7jp

    もう2年ほど前に話題になったアレなんですけど、今更ながらあるサービスでこの仕組みの導入を検討しています。 onsubmit で submit ボタンを disable にしてユーザビリティを良くする - naoyaのはてなダイアリー submit ボタン disable 技の罠 - naoyaのはてなダイアリー onsubmit で submit ボタンを < disable にしてユーザビリティを悪くするのはやめてください - のヮの うんこ♥ onsubmit で disable にするやつ - 鷹の島 onsubmit の disable 化ですが既に議論が終わっているように、onsubmit disable の実装方法として、 onsubmit イベント発生時に submit 要素を disable にして値をサーバへ渡すための hidden 要素を生成する方法 setTimeou

  • [JS]これ最強かものツールチップスクリプト -BeautyTips

    シンプルなツールチップも簡単に実装できるだけなく、デザインのカスタマイズが可能で、対応トリガーも豊富なツールチップのスクリプト「BeautyTips」を紹介します。 BeautyTips demo BeautyTipsは機能が豊富というだけでなく、テキストや画像、AJAXコンテンツの表示、ツールチップの表示位置の自動補正など基性能もしっかりと抑えられており、フォームエレメントへの表示、ツールチップ元の変更なども可能です。 ツールチップはcanvasで描かれており、画像は必要ありません。 対応ブラウザはIE6.x+, Fx3.x, Op8+, Safari3.xとのことで、canvas非対応ブラウザにはExplorerCanvasが使用されています。また、IE6のz-indexへの対応にbgiframe、ホバー処理にhoverIntentが使用されています。 ※Chrome 1, Fx2で

  • FirefoxでTITLE属性のツールチップ内改行を有効にしたい

    さて趣味でプログラミングをしているわけですが最近は専らPHPのそれにかかりきりです(1.4.0がリリース間近ということもあり)。でも,たまにはJavaScriptのスクリプトも書いてみたくなります。 IMGタグにはALT属性がありますが,これは画像の代替テキストの役目を果たします。XHTMLでは必須の項目です。このALT属性なんですが,ホームページ作りに励んでいる方々はお気付きかもしれませんが,インターネットエクスプローラー(IE)とFirefoxでは,挙動が違います。IEでは,画像にALT属性があるとマウスのカーソルを重ねたときに,ツールチップ(バルーンヘルプ)が表示されます。でも,Forefoxでは何も表示されません。これはFirefoxのバグというわけではなくて,単にブラウザ間の実装(解釈)の違いに基づくものです。じゃ,Firefoxでもツールチップを出すにはどうしたらいいかというと

  • 小人さんへの置き手紙: title 属性のツールチップ内で改行

    カテゴリ html title 属性のツールチップ内で改行 2004-01-03 14:38 更新 多くのウェブブラウザは、HTML の title 属性の内容をツールチップとして表示する。内容が長い場合は適当に改行して表示することもある。では、任意の位置に改行を入れることはできないのだろうか? WinIE では title="1行目 2行目" 実は、これで Windows IE はツールチップ内で改行してくれる。つまり、改行コードを空白扱いせず、改行として扱ってくれるのだ。しかし、妙な位置で改行すると、可読性が落ちるし、気持ち悪い。もうちょっとマシな方法はないものだろうか。 Windows での改行コードは CR+LF で、10 進表記コード番号は CR が 13 、LF が 10 だ。そこで、先程の例を次のように書き換えてみる。なお、 は数値文字参照で、先程の改行コードの番号に対