submit特定元素的資料

有時候因為某些不可抗拒的因素，而只能將某些html元素寫在某個form當中

例子如下：

<form id="form1" method="post" action="post_target.html">

<input id="txtName" type="text" name="Name">

<input id="txtTel" type="text" name="Tel">

<input id="txtAddr" type="text" name="Address">

<input id="btnSend" type="submit" value="送出">

</form>

此時一按下送出，就會將整個form1的資料送出去

如果希望只送出Name欄位的資料出去該怎麼做呢?

以下為了程式碼的精簡，使用了jQuery來處理dom物件，改寫後的code如下

<form id="form1"> // 將 method="post" action="post_target.html"拿掉

<input id="txtName" type="text" name="Name">

<input id="txtTel" type="text" name="Tel">

<input id="txtAddr" type="text" name="Address">

<input id="btnSend" type="button" value="送出" onclick="doPost();" />

</form>

<script type="text/javascript">

function pay() {

var name= $('#txtName').val();

var form = $('<form method="post" action="post_target.html"></form>');

form.append('<input type="hidden" name="Name" value="' + name + '" />"');

$('body').append(form);

form.submit();

}

</script>

圖片被AdBlock隱藏了 =.= 換個方式顯示吧

在設計網頁的時候 因為瀏覽器裝了 adblock 套件
當路徑含有ad or ads 等廣告字樣 圖片就顯示不出來了

後來發現當html tag 為 <img>的時候會有這個問題

引此將圖片改為用 <input type="image" style="cursor:default" onclick="return false;"> 顯示就可以了

style="cursor:default" //因為用input type=image表是為圖示按鈕，所以由標會以手指顯示，加入這行讓游標變成箭頭

onclick="return false;" //因為用input type=image表是為圖示按鈕，為了防止點了圖片就做出submit動作，加入這行讓submit事件無效

讓螢幕呈現Windows畫面關機時, 無法操作背景

要實現此效果
我們可以使用一個＜DIV＞物件
重點在於將此物件, 加上半透明背景, 並且放大至全畫面

需要設定的地方如下：

WIDTH：100%; //設定寬度
HEIGHT：100%; //設定高度
POSITION：absolute; //設定為"絕對位置"
LEFT：0px; //設定X座標
TOP：0px; //設定Y座標
BACKGROUND-COLOR：#000000; //設定背景色
FILTER：alpha(opacity=50); //半透明(for IE)
MOZ-OPACITY：0.5; //半透明(for FireFox)
OPACITY：0.5; //半透明(CSS 3標準)

＜DIV＞ 與 ＜SPAN＞

這兩個標籤的用途是將標籤內的東西,
如：文字、圖片、表格等 包成一個物件
可以把它想成是一個panel

與 不同之處在於

會將打包後的物件獨立於一個區域

例如：
原始碼：Hello ＜DIV＞ JIM ＜/DIV＞ !!
顯示結果：
Hello
JIM
!!

原始碼：
Hello ＜SPAN＞ JIM ＜/SPAN＞ !!
顯示結果：
Hello JIM !!