今天因為項目加班,需要解決兩個問題
1. 動態改變DIV高度的問題,於是在Google上搜了一番,找到幾個有用的連結並解決了我的需求.
- 有時候你為一個DIV定義了樣式,比如width=50%,可是並不知道到底這個div的真正寬度是多少.那麼你可以通過以下方式來獲得:
x = document.getElementById('testDiv');
var xHeight = x.offsetWidth;
javascript一共有四個這樣的屬性,其餘三個是offsetHeight,offsetLeft,offsetTop. 要注意的是這些屬性是唯讀read-only的.
- 設定DIV高度,寬度:
x = document.getElementById('testDiv');
x.style.height = 100;
以上這兩點正好協助解決了我的需求.
以下是我參考的其中一個文檔連結:
Get Styles
http://www.quirksmode.org/dom/getstyles.html
2. 通過javascript在頁面上顯示一些tool tips
- 這個相對來說就更容易了,以前曾經看到過一個網站
http://www.walterzorn.com/tooltip/tooltip_e.htm
按照上面的文檔下載之後寫了一個靜態html測試,tips卻怎麼也顯示不出來.
後來重新仔細閱讀了文檔中紅色標註的文字
Insert the following lines into the <body> section or your html file, preferably immediately before the closing </body> tag, but in any case after the last tag containing a tooltip:
<script language="JavaScript" type="text/javascript" src="wz_tooltip.js"></script>
原來要把<script language="JavaScript" type="text/javascript" src="wz_tooltip.js"></script>放到頁面最後再引入,或者至少在最後一個使用tooltips之後.
總算又解決一個問題.
下面還有一個連結,上面有不少其他tooltips實現的連結,可以參考選擇:
http://www.blinklist.com/tag/tooltip/