Active Server Pages 事件

你會發現上面例子的文字會重疊在一起！這是什麼原因呢？

由於.detail-content 中的 p 元素繼承了默認設置的全局樣式 line-height:17px，而自定義區塊又是由商家自定義，其內字體被設置為了 font-size:30px;（可能為任意值），根據 Inline formatting model，得知該文字的 line-box 高為 17px，多出的字體部分上下溢出，所以會出現字體重疊的現象。

那這個問題如何解決呢？

解決方案：我們給 .mdse-detail 下的 p 元素設定樣式屬性 line-height:1.4。

為什麼解決方案裡的 1.4 不帶單位？

元素的 line-height 屬性值會繼承父元素（或祖先元素）的 line-height 屬性值，如果屬性值有單位，則繼承的值是換算後具體的 px 值而非原始的值（比如：em、%），而如果屬性值沒有單位，則瀏覽器會繼承數值（無單位），然後根據該元素的 font-size 值重新解析得到新的 line-height 值。這個和 table 的 tr 設置 display 屬性有一點點類似（tr.style.display = 」;，IE 顯示 block，而 Firefox 等標準瀏覽器顯示 table-row）。

還有另外一個相對低效的方法，但也不失為一個快捷的解決方案：

程序代碼

.mdse-detail p * {
line-height:140%;
}

參考閱讀：《Unitless line-heights》http://www.blueidea.com/tech/web/2008/6014.asp

個人會建議使用em這個單位來解決，例如：1.6em，另外關於繼承的問題，始於文字屬性的部份都是會繼承的，好比文字大小、字型、顏色、行距、字元間距等，這些都是會繼承的，其他屬性是不可以繼承的，好比寬度，一個DIV裡面又包了幾個DIV，外面DIV(父)設定寬度100PX，裡面(子)也繼承為100PX，這樣不就天下大亂了！

分類:CSS | 固定鏈接 | 評論: 0 | 引用: 0 | 查看次數: 4123

Google 地圖API 實作範例 (教你回何將Google地圖放到網頁中.)

作者:admin 日期:2008-07-14

今天興致來朝玩了一下Google的Map，覺得還真的不錯，尤其開放了API之後，受益最多的應該是牽涉到旅遊、休閒..等涉及地圖服務相關網站，真的挺方便的喔！小弟就簡單的介紹一下如何利用Google所提供之 Maps API 將 Google 地圖服務內嵌到你的網頁中，並且將座標定至你所要標記的地點......

分類:JavaScript | 固定鏈接 | 評論: 0 | 引用: 0 | 查看次數: 8806

輸入框高度自動增加

作者:admin 日期:2008-07-14

一個文字輸入框，若輸入內容超過寬度換行後，輸入框的高度隨之改變，增加一行高，像gtalk的輸入框一樣。
想了想用css的overflow控制<textarea>，好像不能達到這效果。不知各位能否用js做出來？

HTML代碼

[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

[/html]

分類:JavaScript | 固定鏈接 | 評論: 0 | 引用: 0 | 查看次數: 4316

如何將全形英文字、數值轉半形

作者:admin 日期:2008-07-11

最近有網友詢問如何將全形英文字、數值轉成半形(作為使用者資料輸入之驗證)
提供以下函數供需要的網友直接使用

程序代碼

Function ChgToHalfStr(strInput)
strFullshape="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890-_~+, ?!@#$%^&*()."
  strHalfshape="ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺａｂｃｄｅｆｇｈｉｊｋｌｍｎｏｐｑｒｓｔｕｖｗｘｙｚ１２３４５６７８９０－＿～＋，　？！＠＃＄％︿＆＊（）‧"
  For Subi=1 To len(strFullshape)
    strInput=Replace(strInput,Mid(strHalfshape,Subi,1),Mid(strFullshape,Subi,1))
  Next
  ChgToHalfStr=strInput
End Function

這是我的作法，如果格友有更具效率的寫法，歡迎分享喔~
那如果是要將半形轉全形呢？聰明的您~應該不難反解了吧....

分類:ASP | 固定鏈接 | 評論: 0 | 引用: 0 | 查看次數: 7027