luckstar.com.tw
FAVLink
http://www.luckstar.com.tw//cmn/FAVLink.htm
ant2legs.blogspot.com
兩隻腳的螞蟻: HTML 的 textarea 標籤不能有多層巢
http://ant2legs.blogspot.com/2008/10/html-textarea.html
螞蟻用兩隻腳走路，挺累人的，所以我都騎單車，也可稱為單車上的螞蟻。 HTML 的 textarea 標籤不能有多層巢. 來排表格』還學到一個新的經驗，就是 HTML. 標籤不能有多層巢（nest）。例如下面的例子：. Textarea textarea /textarea 一些文字 /textarea. Textarea 標籤原本是用來作多行文字輸入的。由於此標籤也可以用來顯示預設的文字，尤其是可以放一段 HTML 標籤或 javascript 程式，卻不會被瀏覽器執行，而以文字視之。 這個問題，可以用 /textarea 取代第一個 /textarea 。 Textarea textarea /textarea 一些文字 /textarea. Textarea 會被瀏覽器忽略，而以文字模式繼續讀下去，直到第二個 /textarea 。這樣就能顯示原先設計的結果。 Textarea - 一些文字 /textarea. 在 Internet Explorer 與 Firefox 瀏覽器上， 註解行. 訂閱： 張貼留言 (Atom). 65290; CSS 參數表. 65290; 男抖賊，女抖賤.
ant2legs.blogspot.com
兩隻腳的螞蟻: javascript 的 innerText 與 textContent
http://ant2legs.blogspot.com/2008/10/javascript-innertext-textcontent.html
螞蟻用兩隻腳走路，挺累人的，所以我都騎單車，也可稱為單車上的螞蟻。 Javascript 的 innerText 與 textContent. 現今的網路世界有多種瀏覽器：Microsoft 出版的 Internet Explorer（ie），自由軟體組織出版的 Firefox（ff），蘋果電腦出版的 Safari，還有 Google 也出版了 chrome 瀏覽器。雖然 javascript. 有一個標準組織在維護其標準，可是廠商在發展瀏覽器時都有一些差異，因此在撰寫 javascript 程式時必須考量這些不同。 此處要談的就是 javascript 在處理物件的內文時，其屬性名稱在 ie 是用 innerText. 65292;在 ff 是用 textContent. 65292;而 safari 及 chrome 可以使用 innerText 與 textContent。如下表：. Safari 3.1.2. Chrome 0.2.149.30. 民國九十七年十月二十七日，用 Win/XP 測試。 宣告 javascript 區塊。 Var s='Hello world';.
ant4css.blogspot.com
螞蟻的 CSS: 區塊的高度與視窗相同
http://ant4css.blogspot.com/2009/03/h100.html
65311;這種情形常常發生在 DIV CSS 的佈局法：一個 DIV 區塊. 的內容太少，不能填滿視窗，下半部空空的，顏色不搭，影響到整體的美感。可以在風格表作如下的設定：. Style type='text/css' * {height:100%} DIV * {height:auto} P * {height:auto} PRE * {height:auto} BODY {margin:0} /style. 第一行 * {height:100%}，會使所有區塊元素的高度都與視窗一樣高。包括 DIV , P. 65292;雖然 IMG 是文字行元素。第二行 DIV * {height:auto} 會將 DIV 區塊內的所有元素的高度都調回 auto。這兩行合起來，結果是最上層的 DIV 元素的高度與視窗相同。使用時要注意，P 元素區塊中不能放有區塊元素。最後一行 BODY {margin:0} 則可以適度調整最上層區塊的邊緣寬度。 12299;border art 的應用：背景圖. 12299;DIV CSS 網頁佈局. 12299;用 javascript 設定風格表檔案.
ant2legs.blogspot.com
兩隻腳的螞蟻: 換行符號（new line \n）在各種瀏覽器的差異
http://ant2legs.blogspot.com/2008/10/new-line-n.html
螞蟻用兩隻腳走路，挺累人的，所以我都騎單車，也可稱為單車上的螞蟻。 換行符號（new line n）在各種瀏覽器的差異. 來排表格』，其中還附了一個小程式。原先我是在 Ubuntu 系統上，用 Firefox（ff） 瀏覽器。小程式測試一切正常；然後我又用 Internet Explorer（ie）測試，結果不能正常顯現結果。辛苦抓虫，抓了一個晚上，終於找到問題所在。原因是 ie 在處理換行符號（ new line, n. 65289;與其它瀏覽器不同所致。下面的表格是我測試的結果。 Safari 3.1.2. Chrome 0.2.149.30. 連續的多個空白（ n t space 等）轉換成 一個 space。 連續的多個空白（ n t space 等）轉換成 一個 space。 民國九十七年十月二十七日，用 Win/XP 測試。 t 為 tab. Safari 3.1.2. Chrome 0.2.149.30. N 轉換成 r n. N 轉換成 r n. 民國九十七年十月二十七日，用 Win/XP 測試。 r 為 carriage return. 訂閱： 張貼留言 (Atom).
ant4css.blogspot.com
螞蟻的 CSS: focus 第一頁
http://ant4css.blogspot.com/2009/02/focus.html
元素被聚焦時，會應用此設計的風格。可以用滑鼠點選，或用 TAB 輪選元素而聚焦。:focus 用在 TAB 輪選的效果最明顯，筆者就常遇到 TAB 失蹤的情形。 IE6 沒有支援 :focus。Firefox 除了 FILE 都可以用。Safari, Chrome 有兩種情形：（一）使用滑鼠點選，只能用在 TEXT 與 PASSWORD。（二）使用 TAB 輪選，則都可以選；而 Chrome 可選 ANCHOR 元素 ，Safari 則不能。狀況蠻多的，使用時最好多測試。 在 Safari, Chrome 中，RADIO 不能用 TAB 選；Firefox 則可以。 12290;只能用在 BUTTON 元素. 遊戲樂園 好玩遊戲，射擊遊戲，賽車遊戲。 上例，Firefox 成功；IE6, Safari, Chrome 失敗。Safari, Chrome 不能在 BUTTON 元素使用 :focus。 Focus（你正在看 第一頁）. 12299;border art 的應用：背景圖. 12299;DIV CSS 網頁佈局. 12299;用 javascript 設定風格表檔案.
ant4css.blogspot.com
螞蟻的 CSS: position 第一頁
http://ant4css.blogspot.com/2009/02/position.html
Bottom, left, right, top. 設定元素的矩形格子（box）之位置，通常會配合 top, bottom, left, right 四個特徵使用。可設為 static, relative, absolute, fixed：. 65288;一）static：. 依照正常流程佈局，top, bottom, left, right 四個特徵失效。此為預設值。 好玩遊戲，射擊遊戲，益智遊戲，賽車遊戲，武打遊戲，線上遊戲，戰爭遊戲。 65288;二）relative：. 先計算元素矩格的正常位置，再加上 top, right, bottom, left 設定的相對距離，而得到最後的位置。請參考各特徵的詳細說明。其後的元素矩格會忽略它，而依原有的流程佈局，所以 relative 的矩格可以重疊。 好玩遊戲，射擊遊戲，益智遊戲，賽車遊戲，武打遊戲，線上遊戲，戰爭遊戲。 65288;三）absolute：. 好玩遊戲，射擊遊戲，益智遊戲，賽車遊戲，武打遊戲，線上遊戲，戰爭遊戲。 Position（你正在看 第一頁）. 12299;border art 的應用：背景圖.
ant4html.blogspot.com
螞蟻的 HTML: 屬性與事件
http://ant4html.blogspot.com/2008/10/blog-post.html
Firefox 瀏覽器的快速鍵用法是 alt shift 'm'。Internet Explorer, Safari, chrome 三個瀏覽器，則可用 alt 'm'，也可用 alt shift 'm'。 Top：指定物件的頂部，要對齊現行的基準線。 Middle：指定物件的垂直中央，要對齊現行的基準線。 Bottom：此為 ALIGN 的內定值。指定物件的底部，要對齊現行的基準線。 Left：物件向現行的左邊緣靠攏，後續的文字由物件的右邊通過。 Right：物件向現行的右邊緣靠攏，後續的文字由物件的左邊通過。 用在 IMG, APPLET, OBJECT，指定前述元件的顯示區域外，左右兩邊的空白寬度。數值單位為像素。 使用 TAB 鍵選取元件時，可用 TABINDEX 決定選取的順序。按 TAB 鍵時，向前選取；按 shift TAB 時，向後選取。TABINDEX 可設定值 0 至 32767，數值小的先選取。設為負值時，該元件不能用 TAB 選取。 Blank：開一個新的視窗，然後將連結的網頁，展現在新的視窗。 Self：將連結的網頁，展現在當下的框架中。 8251; CSS 參數表.
ant4html.blogspot.com
螞蟻的 HTML: 新手第一頁
http://ant4html.blogspot.com/2009/01/blog-post.html
HTML 是很簡單的標誌語言。如果你是新手，完全沒有寫過 HTML 文件，可以從下面的例子開始。 先說明下面這個簡單的例子。一個 HTML 文件必須以 html . /html 包夾；你可以在例子的首尾找到這兩個元素。HTML 文件可分為兩區：. Head /head ：此區放文件資訊，其中 title . /title 之間的文字，會被放在瀏覽器的頂端行。 Body /body ：此區放你的文章內容，凡是你要顯示給別人看的文章，照片，錄影，音樂等等，都放在此。此例只有簡單的一行”這是我的初頁”。 Html head title 新手第一頁 /title /head body 這是我的初頁。 /body /html. 12308;開始〕－＞〔程式集〕－＞〔附屬應用程式〕－＞〔記事本〕。 將例子中的 HTML 文件（由 html 到 /html ），完全拷貝到文字編輯器（記事本）中。你可以在 BODY 區間，加入你自己的文章。 12308;檔案〕－＞〔儲存檔案〕。 然後在檔名欄輸入： "檔名.html". 8251; CSS 參數表. 8251; 螞蟻的 CSS. 8251; 螞蟻的 JavaScript.
ant4css.blogspot.com
螞蟻的 CSS: bottom, left, right, top
http://ant4css.blogspot.com/2008/11/bottom.html
Bottom, left, right, top. 設定元素的矩形格子（box）之位置。用在 position 特徵設為 relative, absolute, fixed 時使用。 65288;一）當元素的 position 設為 absolute 或 fixed 時，此特徵指定元素外緣（margin）的底邊，距離包納區塊（containing block，通常是父矩格或是視窗）底邊的長度。也就是底邊到底邊的距離。 65288;二）當元素設為 position:relative 時，會先計算元素的正常位置，再向上移動 bottom 的值。此特徵可為負值。可設為：. 65306;相對於包納區塊的高度的百分比。如果包納區塊沒有設定高度，而由內容決定高度，則百分比法如同 auto。 Auto：依據其它特徵決定高度，此為預設值。 12290;父元素高度的 4%。 65288;一）當 position 設為 absolute 或 fixed 時，此特徵指定元素外緣的左邊，距離包納區塊左邊的長度。也就是左邊到左邊的距離。 Auto：依據其它特徵決定寬度，此為預設值。 HOVER, :ACTIVE 的應用.
