html javascrip 圖式/連結 按鈕

圖片也是可以當作按鈕，只要將語法改變一下即可，一般要製作表單按鈕時都是使用下列語法：

提交：<input type ="submit" value="確認"> 重置：<input type ="reset" value="重置">

當把按鈕換成圖片時，可使用下列語法：

提交：<input type="image" src="image.jpg" onClick="document.formname.submit();"> 重置：<input type="image" img src="images/image.jpg" onClick="document.formname.reset();">

另一種<a></a>超連結做法：

提交：<a href="javascript:formname.submit();"><img src="image.jpg"></a> 重置：<a href="javascript:formname.reset();"><img src="image.jpg"></a>

PS.formname自行更改為 form 的定義名稱

參考：

http://injerry.pixnet.net/blog/post/29331940-%5Bhtml%5D%E5%9C%96%E7%89%87%E5%9E%8B%E8%A1%A8%E5%96%AE%E6%8C%89%E9%88%95button

PHP 透過 SMTP 發送郵件使用PHPMailer

PHPMailer 是一個功能豐富的函式庫，以下是用 PHPMailer 通過遠端 SMTP 認證發送郵件的例子：

PLAIN TEXT

PHP:

<?php
// 建立 PHPMailer 物件及設定 SMTP 登入資訊
require("../phpMailer/class.phpmailer.php");
$mail = new PHPMailer();
$mail->IsSMTP(); // send via SMTP
$mail->Host = "remote.smtp.server"; // SMTP servers
$mail->SMTPAuth = true; // turn on SMTP authentication
$mail->Username = "me@localhost"; // SMTP username
$mail->Password = "123456"; // SMTP password
 
$mail->From = "myemail@localhost";
$mail->FromName = "My Name";
 
// 執行 $mail->AddAddress() 加入收件者，可以多個收件者
$mail->AddAddress("to@email.com","Josh Adams");
$mail->AddAddress("to2@email.com"); // optional name
 
$mail->AddReplyTo("jyu@aemtechnology.com","AEM");
 
$mail->WordWrap = 50; // set word wrap
 
// 執行 $mail->AddAttachment() 加入附件，可以多個附件
$mail->AddAttachment("path_to/file"); // attachment
$mail->AddAttachment("path_to_file2", "INF");
 
// 電郵內容，以下為發送 HTML 格式的郵件
$mail->IsHTML(true); // send as HTML
$mail->Subject = "testing email";
$mail->Body = "This is the <b>HTML body</b>";
$mail->AltBody = "This is the text-only body";
 
if(!$mail->Send())
{
    echo "Message was not sent <p>";
    echo "Mailer Error: " . $mail->ErrorInfo;
    exit;
}
 
echo "Message has been sent";
?>

參考：
http://yoonow.pixnet.net/blog/post/11618092-%E8%BD%89%E8%BC%89%EF%BC%9Aphp-%E9%80%8F%E9%81%8E-smtp-%E7%99%BC%E9%80%81%E9%83%B5%E4%BB%B6%E4%BD%BF%E7%94%A8phpmailer

input[type="text"]

input {
        width: expression((this.type=="checkbox" || this.type=="radio") ?"20px":"style");
}




input[type="text"] {
width:200px
}


參考：
http://bbs.blueidea.com/thread-2677721-1-1.html

PHP date()

PHP Date 函數使用介紹

使用 date() 函數取得伺服器的日期與時間，並格式化。date() 函數必須根據伺服器的設定取值，也就是說取得的日期與時間決定於你的伺服器時間設定。date()函數是 PHP 內建好的函式，也是非常普遍使用的函式，不需要和外安裝就可以使用囉！

PS.通常台灣網友在使用美國虛擬主機會碰到時區不同的問題，這個解決方式後面再介紹，先來了解如何使用此函數。

string date ( string $format [, int $timestamp ] )

• format：必填，用來規定時間格式。
• timestamp：非必填，預設為當時的日期與時間。

timestamp 時間戳代表的是從1970 年 1 月 1 日（00:00:00 GMT）開始到現在的時間，以秒為計算單位。有時候也被稱為 Unix 時間戳（Unix timestamp），在 PHP Date() 函數中，timestamp 是可以不一定需要填寫的。

format 常用參數與代表的意義

與日相關的參數
d：取得以月份為統計方式的日期，寫法：date("d");
D：取得當天是星期幾的簡單表示法，如：Mon，寫法：date("D");
j：取得當天的日期，1~31日，前面有零不補零，寫法：date("j");
l ：取得當天是星期幾的完整寫法，如：Monday，寫法：date("l");
w：以數字表示當天的星期幾，例如星期日則為 0，寫法：date("w");

與週相關的參數
W：以數字表示當年的第幾週，例如第五週則為 5，寫法：date("W");

與月相關的參數
F：以英文字完整表示當月的月份，例如：January。寫法：date("F");
m：以數字表示當月的月份，例如：01。寫法：date("m");
M：以簡短的三個英文字母表示當月的月份，例如：Jan。寫法：date("M");
n：數字表示月份，前面沒有零。寫法：date("n");
t：當月天數，1~31。寫法：date("t");

與年相關的參數
Y：四位數年，例如 2011。寫法，date("Y");
y：二位數年，例如 99 或 11。寫法，date("y");

Time 相關參數
a：顯示 am 或 pm。寫法：date("a");
A：顯示 AM 或 PM。寫法：date("A");
g：顯示12小時格式，前方不帶零。寫法：date("g");
G：顯示24小時格式，前方不帶零。寫法：date("G");
h：顯示12小時格式，前方帶零。寫法：date("h");
H：顯示24小時格式，前方帶零。寫法：date("H");
i：分，00~59。寫法：date("i");
s：秒，00~59。寫法：date("s");

PHP 利用 Date 取得時間的一些範例

年-月-日 時:分:秒的寫法：date("Y-m-d H:i:s");

echo date("Y-m-d H:i:s");
輸出 2011-01-24 08:14:19

echo date("m.d.y");
輸出 01.24.11

echo date('Y年 m月 d日');
輸出 2011年 01月 24日

echo date("Ymd");;
輸出 20110124

echo date('h-i-s, j-m-y, it is w Day');
輸出 08-18-50, 24-01-11, 1831 1850 1 Monam11

echo date('\i\t \i\s \t\h\e jS \d\a\y.');
輸出 it is the 24th day.

echo date("D M j G:i:s T Y");
輸出 Mon Jan 24 8:20:45 UTC 2011

日期格式

<?php

$time = '2011-12-29 12:21';

$reg = "/^[0-9]{4}(\-|\/)[0-9]{1,2}(\\1)[0-9]{1,2}(|\s+[0-9]{1,2}(:[0-9]{1,2}){0,2})$/";

if (preg_match($reg,$time)){

echo 1;

}else{

echo 0;

}

?>

http://blog.upall.cn/779.html

參考：

http://www.webtech.tw/info.php?tid=25

http://www.wibibi.com/info.php?tid=282

javascript eval()

document.order.T1.value=document.order.Q1.value*document.order.P1.value;
document.order.T2.value=document.order.Q2.value*document.order.P2.value;
document.order.T3.value=document.order.Q3.value*document.order.P3.value;

等同

var form=document.order;
for (var i=1;i<=3;i++){

• eval('form.T'+i+'.value=form.Q'+i+'.value(form.P'+i+'.value');

}  




http://audi.tw/Blog/Javascript/javascript.eval.asp

jquery slideDown延遲展開，排除反覆顯示

$(document).ready(function(){
     var mouseover_tid = [];
     var mouseout_tid = [];






     $('ul.main_menu>li').hover(//第一層
           function(event){  //滑入

                var _self = this;
                // 停止卷起事件
                clearTimeout(mouseout_tid[$(this).index()]);
                // 當滑鼠滑入超过 0.4 秒, 即展開,並紀錄陣列 ID 中
                mouseover_tid[$(this).index()] = setTimeout(function() {
                      $(_self).find('ul.submenu').slideDown('fast');  //第二層展開
                }, 400);
           },
           function(event){    //滑出
                var _self = this;
                // 停止展開事件
                clearTimeout(mouseover_tid[$(this).index()]);
                // 當滑鼠離超過 0.4 秒, 即收起, 並記錄陣列 ID 中
                mouseout_tid[$(this).index()] = setTimeout(function() {
                      $(_self).find('ul.submenu').slideUp('fast'); //第二層收起
                }, 400);
          }
});










參考/延伸資料:


var t = setTimeout( function(){   m動作    }, n毫秒 );   達n秒執行m    只執行一次
clearTimeout(t);  停止執行m
Note: To be able to use the clearTimeout() method, you must use a global variable when creating the timeout method


http://www.cnblogs.com/ishibin/archive/2013/01/30/2883822.html  
http://www.w3schools.com/jsref/met_win_settimeout.asp
http://www.w3schools.com/jsref/met_win_cleartimeout.asp




var s = setInterval(function, 1000) 每秒執行
window.clearInterval(s); 
http://yiyingloveart.blogspot.tw/2013/04/settimeout-setinterval.html
http://www.w3school.com.cn/htmldom/met_win_setinterval.asp

下拉選單 某值 不可選

標題群組

<SELECT>
	<OPTGROUP label="麵包">
	<OPTION selected>起司麵包</OPTION>
	<OPTION>菠蘿麵包</OPTION>
	<OPTION>草莓麵包</OPTION>
	<OPTION>布丁麵包</OPTION>
	</OPTGROUP>
	<OPTGROUP label="蛋糕">
	<OPTION>奶油布丁蛋糕</OPTION>
	<OPTION>冰淇淋蛋糕</OPTION>
	<OPTION>水果蛋糕</OPTION>
	</OPTGROUP>
	</SELECT>

參考: http://www.blueshop.com.tw/board/FUM20041006152641OLG/BRD20091007215357WBF.html








特定選項不能選
<script type="text/javascript">
function treat(sel)
{ nochoice = [0,1,4,5]
  for ( var num in nochoice )
    sel.options[nochoice[num]].selected = false
}
</script>

<select name="select2" size="5" multiple class="p12" id="select2" onchange="treat(this)">
<option selected>-------------------------------</option>
<option>[標題一]</option>
<option>aaa</option>
<option>bbb</option>
<option>----------------------------------------</option>
<option>[標題二]</option>
<option>ccc</option>
<option>ddd</option>
</select>




參考: http://tw.knowledge.yahoo.com/question/question?qid=1009100708010