jqueryとjquery uiを使ったマウスオーバーによるポップアップ

水色のボックスにマウスをのせるとポップアップが出ます。
ツールチップ的な使い方もできます。
jquery uiのpositionを使って、ポップアップの位置をマウスのポジションからの相対的に決めています。

Twitter Bootstrap - tabの中のdropdown menuの表示問題

bootstrap v2.0.4での問題

bootstrapのtabの中にdropdownを置くとはみ出す部分が切り取られてしまう。Stack overflow 再生ボタンをおして、Actionsボタンを押してみてほしい。（+ボタンを押すとソースを見れるページに飛びます）

とりあえずの解決方法

bootstrap.jsの中身を見ていると.tab-contentにはoverflow:auto;が設定されている。 .tab-contentにoverflow:visible;を上書き設定すると直った。

何か他のところで問題がでるかもしれない。 とりあえず、Chrome、Firefox、Safariでちゃんと動いている。

SyntaxHighlighterのテスト

Bloggerにソースコードを載せてハイライトするためのSyntaxHighlighter をテストしてみる。

HTMLエスケープする場合はこれ、
HTMLエスケープはこちらのサイト様でできます。 ちなみに平文はこれ

HTML, JavaScript, CSS をお手軽に試せるサービスjsFiddle

jsFiddle

これすごいっすね。知らなかったす。
↓
 


その場でHTML、CSS、Javascriptを書いてすぐ結果が見れるなんて。
検証にも使えるし、ブログに載せるにもページ右上のshareってボタン押してフレームの埋め込みタグをコピるだけ。