くまきち

山と旅と家族が大事。
でも激しい物欲が理性と財布のタガを飛ばす
最近は自転車も乗ってる

qTipで（2）

2009-09-01 23:47:38 | SEまわり
○qTip でツールチップが逃げ回る

と言う件について、HTML ソース中の div タグに style 属性で border: 1px solid をつけてやったら、ツールチップのところまでめいっぱい領域が広がっていることが分かった。

そこで、style に width: 100px として固定にしてやったら、ツールチップがようやく引きずり出されてきた

もしかして、div タグって、初期値は100% で広がるの？

今回のソースには特別にスタイルシートを読み込んだり、中で指定していないので、初期値が適用されると思うのだが、 Firefox でも IE でも Opera でも見栄え（ツールチップが逃げ回ること）は同じだった。

明日はここらへんをはっきりさせるとしよう。



今日は山岳会の例会に寄って帰ったので、西大分から自転車で帰って疲れた。

Google Map で距離を測ってみたら、会社からだと 16km、西大分から自宅までは 13km だった。　距離は普通の通勤距離（自宅から会社直行）と1㎞しか変わらないが、アップダウンが多くてへろへろだった。

が、金谷迫（大分IC付近）から賀来に向かって下るのはらくちんだった（暗い中で車に迫られながら車と同じスピードで下るのはちょっと怖かったけど）。

qTip でツールチップが逃げ回る

2009-09-01 18:54:46 | SEまわり
　Tip を使って、ツールチップを表示させようとしているんだけど、どうもおかしい。

　前に使ったときはすんなりできたんだけど、今回はどうシンプルにしてもおかしい。

　ソースは次の通り。

<html>
　<head>
　<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
　<script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script>
　<script type="text/javascript" src="/js/jquery.qtip-1.0.0-rc3.min.js"></script>
　<title>test</title>
　</head>
　<script type="text/javascript">
　　$(document).ready(function(){
　　　$("#id").qtip({
　　　　content:'ぽっぽー'
　　　});
　　});
　</script>
　<body>
　　<div id="id">ハトが出ますよ</div>
　</body>
</html>


　これを表示させ、文字のところにマウスカーソルを重ねると、こう表示される。

　　

　ウィンドウを横に広げてみると、ツールチップ「ぽっぽー」が一瞬見えるが、さっと逃げてまた隠れる。

　どうやっても、ウィンドウの右端に、少しだけ姿を見せるようになっているらしい。

　原因がさっぱり分からない。
　以前試したときのソースが残ってれば良かったんだけど、残念ながら見当たらない。