技術提供:Blogger.

創意網頁設計,響應式網頁,部落格版型,資料庫,購物車,Bootstrap,RWD,html,css,php,jquery,MySQL,專營綠茶,紅茶,高山凍頂烏龍,阿里山杉林溪梨山大禹嶺茶及茶葉罐杯壺禮盒批發零售,兼營艋舺快遞,汽機車外送,中央果菜市場,環南市場,迪化街等地代購採買及各項代理服務! 孟甲服務專線:0952-916626
E-mail:roberchen3@gmail.com


[回到上一頁]及跳頁 input及JavaScript 語法

<input type ="button" onclick="javascript:location.href='http://hala999.net'" value="回到 孟甲商行 首頁"></input>


<input type ="button" onclick="history.back()" value="回到上一頁"></input>

~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

[ PHP ] 歐付寶金流串接範例

假設你的主機網址為 http://192.168.1.1
1.下載歐付寶 SDK PHP版本
https://github.com/allpay/PHP
開啟頁面後 點選右方 Download ZIP
下載後本機端解壓縮 開啟資料夾 AioSDK
複製該資料夾中的 AllPay.Payment.Integration.php
到你的主機中
例如放在這裡
http://192.168.1.1/AllPay.Payment.Integration.php
2.產生訂單 order_add.php
程式碼如下
<?php
header("Content-Type:text/html; charset=utf-8");
include_once('./AllPay.Payment.Integration.php');
/*產生訂單範例*/
try
{
$oPayment = new AllInOne();
/* 服務參數 */
$oPayment->ServiceURL ="http://payment-stage.allpay.com.tw/Cashier/AioCheckOut ";
$oPayment->HashKey = "5294y06JbISpM5x9";//這是測試帳號專用的不用改它
$oPayment->HashIV = "v77hoKGq4kWxNNIS";//這是測試帳號專用的不用改它
$oPayment->MerchantID = "2000132";//這是測試帳號專用的不用改它
$time=time();
/* 基本參數 */
$oPayment->Send['MerchantTradeNo'] = $time;//這邊是店家端所產生的訂單編號
$oPayment->Send['MerchantTradeDate'] = date("Y/m/d H:i:s");
$oPayment->Send['TotalAmount'] = "1000";//付款總金額
$oPayment->Send['TradeDesc'] = "年終慶大特賣";//交易敘述
$oPayment->Send['ChoosePayment'] = PaymentMethod::ALL;//付款方式 這邊是開啟所有付款方式讓消費者自行選擇
$oPayment->Send['ReturnURL'] = "http://192.168.1.1/return.php";//請填入你主機要接受訂單狀態回傳的程式名稱 記住 該網址需能對外
$oPayment->Send['IgnorePayment'] ="Alipay";//把不的付款方式取消掉

// 加入選購商品資料。
array_push($oPayment->Send['Items'], array('Name' =&gt; "產品名稱", 'Price' =&gt; (int)"100", 'Currency' =&gt; "元", 'Quantity' =&gt; (int) "1", 'URL' =&gt; "http://TEST.com.tw/"));

/* 產生訂單 */
$oPayment->CheckOut();
/* 產生產生訂單 Html Code 的方法 */
$szHtml = $oPayment->CheckOutString();

}
catch (Exception $e)
{ // 例外錯誤處理。
throw $e;
}
?>

在網址列輸入 http://192.168.1.1/order_add.php
應該就會跳到歐付寶的付款頁面
我們選擇 信用卡付款
信用卡資料填入 (以下皆為 歐付寶提供的 測試資料)
卡號 4311-9522-2222-2222
安全碼 222
到期年月 月隨便填 年也是但要選大於今年
手機請填你真實的手機 等一下要收驗證碼用的
按送出後 會跳到下一頁請你填入手機驗證碼 請等約一分鐘就會收到 驗證碼簡訊
填入驗證碼後 即付款完成
3.查詢訂單是否存在
先登入測試的歐付寶廠商管理後台
http://vendor-stage.allpay.com.tw/Home/Index
帳號 StageTest
密碼 test1234
登入後 點選左方選單 一般訂單查詢->全方位金流訂單
開啟該頁面後 查詢條件 付款方式 請選擇信用卡付款 然後按 查詢
接著在下面應該就能看到剛剛已經付款完成的訂單紀錄
4.接收訂單狀態程式 http://192.168.1.1/return.php
程式碼如下
<?php
header("Content-Type:text/html; charset=utf-8");
include_once('./AllPay.Payment.Integration.php');
try{
$oPayment = new AllInOne();
/* 服務參數 */
$oPayment->HashKey = "5294y06JbISpM5x9";
$oPayment->HashIV = "v77hoKGq4kWxNNIS";
$oPayment->MerchantID = "2000132";
/* 取得回傳參數 */
$arFeedback = $oPayment->CheckOutFeedback();
/* 檢核與變更訂單狀態 */
if (sizeof($arFeedback) &gt; 0) {
foreach ($arFeedback as $key =&gt; $value) {
switch ($key)
{
/* 支付後的回傳的基本參數 */
case "MerchantID": $szMerchantID = $value; break;
case "MerchantTradeNo": $szMerchantTradeNo = $value; break;
case "PaymentDate": $szPaymentDate = $value; break;
case "PaymentType": $szPaymentType = $value; break;
case "PaymentTypeChargeFee": $szPaymentTypeChargeFee = $value; break;
case "RtnCode": $szRtnCode = $value; break;
case "RtnMsg": $szRtnMsg = $value; break;
case "SimulatePaid": $szSimulatePaid = $value; break;
case "TradeAmt": $szTradeAmt = $value; break;
case "TradeDate": $szTradeDate = $value; break;
case "TradeNo": $szTradeNo = $value; break;
default: break;
}
}
// 其他資料處理。
print '1|OK';
} else {print '0|Fail';}
}
catch (Exception $e){
// 例外錯誤處理。
print '0|' . $e->getMessage();
}

?>


~引用自混水摸魚網站,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

導行列 menu jquery 語法


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>UI Elements: Large Drop Down Menu</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="description" content="UI Elements: Large Drop Down Menu" />
        <meta name="keywords" content="jquery, drop down, menu, navigation, large, mega "/>
<style>
ul.ldd_menu{
margin:0px;
padding:0;
display:block;
height:50px;
background-color:#D04528;
list-style:none;
font-family:"Trebuchet MS", sans-serif;
border-top:1px solid #EF593B;
border-bottom:1px solid #EF593B;
border-left:10px solid #D04528;
-moz-box-shadow:0px 3px 4px #591E12;
-webkit-box-shadow:0px 3px 4px #591E12;
-box-shadow:0px 3px 4px #591E12;
}
ul.ldd_menu a{
text-decoration:none;
}
ul.ldd_menu > li{
float:left;
position:relative;
}
ul.ldd_menu > li > span{
float:left;
color:#fff;
background-color:#D04528;
height:50px;
line-height:50px;
cursor:default;
padding:0px 20px;
text-shadow:0px 0px 1px #fff;
border-right:1px solid #DF7B61;
border-left:1px solid #C44D37;
}
ul.ldd_menu .ldd_submenu{
position:absolute;
top:50px;
width:550px;
display:none;
opacity:0.95;
left:0px;
font-size:10px;
background: #C34328;
border-top:1px solid #EF593B;
-moz-box-shadow:0px 3px 4px #591E12 inset;
-webkit-box-shadow:0px 3px 4px #591E12 inset;
-box-shadow:0px 3px 4px #591E12 inset;
}
a.ldd_subfoot{
background-color:#f0f0f0;
color:#444;
display:block;
clear:both;
padding:15px 20px;
text-transform:uppercase;
font-family: Arial, serif;
font-size:12px;
text-shadow:0px 0px 1px #fff;
-moz-box-shadow:0px 0px 2px #777 inset;
-webkit-box-shadow:0px 0px 2px #777 inset;
-box-shadow:0px 0px 2px #777 inset;
}
ul.ldd_menu ul{
list-style:none;
float:left;
border-left:1px solid #DF7B61;
margin:20px 0px 10px 30px;
padding:10px;
}
li.ldd_heading{
font-family: Georgia, serif;
font-size: 13px;
font-style: italic;
color:#FFB39F;
text-shadow:0px 0px 1px #B03E23;
padding:0px 0px 10px 0px;
}
ul.ldd_menu ul li a{
font-family: Arial, serif;
font-size:10px;
line-height:20px;
color:#fff;
padding:1px 3px;
}
ul.ldd_menu ul li a:hover{
-moz-box-shadow:0px 0px 2px #333;
-webkit-box-shadow:0px 0px 2px #333;
box-shadow:0px 0px 2px #333;
background:#AF412B;
}
</style>
<style>
            *{
                padding:0;
                margin:0;
            }
body{
                background:#f0f0f0;
                font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
overflow-x:hidden;

            }
            h1{
                font-size:180px;
                line-height:180px;
                text-transform: uppercase;
                color:#f9f9f9;
                position:absolute;
                text-shadow:0 1px 1px #ddd;
                top:-25px;
                left:-20px;
                white-space: nowrap;
            }
            span.reference{
                position:fixed;
                left:10px;
                bottom:10px;
                font-size:11px;
            }
            span.reference a{
                color:#DF7B61;
                text-decoration:none;
                text-transform: uppercase;
                text-shadow:0 1px 0 #fff;
            }
            span.reference a:hover{
                color:#000;
            }
            .box{
                margin-top:129px;
                height:460px;
width:100%;
                position:relative;
                -moz-box-shadow:0px 0px 10px #aaa;
-webkit-box-shadow:0px 0px 10px #aaa;
-box-shadow:0px 0px 10px #aaa;
            }
            .box h2{
color:#f0f0f0;
padding:40px 10px;
text-shadow:1px 1px 1px #ccc;
            }

        </style>
    </head>
    <body>
<h1>UI Elements</h1>
<div class="box">
<h2>Large Drop Down Menu Demo</h2>
<ul id="ldd_menu" class="ldd_menu">
<li>
<span>Vacations</span><!-- Increases to 510px in width-->
<div class="ldd_submenu">
<ul>
<li class="ldd_heading">By Location</li>
<li><a href="#">South America</a></li>
<li><a href="#">Antartica</a></li>
<li><a href="#">Africa</a></li>
<li><a href="#">Asia and Australia</a></li>
<li><a href="#">Europe</a></li>
</ul>
<ul>
<li class="ldd_heading">By Category</li>
<li><a href="#">Sun &amp; Beach</a></li>
<li><a href="#">Adventure</a></li>
<li><a href="#">Science &amp; Education</a></li>
<li><a href="#">Extreme Sports</a></li>
<li><a href="#">Relaxing</a></li>
<li><a href="#">Spa and Wellness</a></li>
</ul>
<ul>
<li class="ldd_heading">By Theme</li>
<li><a href="#">Paradise Islands</a></li>
<li><a href="#">Cruises &amp; Boat Trips</a></li>
<li><a href="#">Wild Animals &amp; Safaris</a></li>
<li><a href="#">Nature Pure</a></li>
<li><a href="#">Helping others &amp; For Hope</a></li>
<li><a href="#">Diving</a></li>
</ul>
<a class="ldd_subfoot" href="#"> + New Deals</a>
</div>
</li>
<li>
<span>Equipment</span>
<div class="ldd_submenu">
<ul>
<li class="ldd_heading">By Location</li>
<li><a href="#">South America</a></li>
<li><a href="#">Antartica</a></li>
<li><a href="#">Africa</a></li>
<li><a href="#">Asia and Australia</a></li>
<li><a href="#">Europe</a></li>
</ul>
<ul>
<li class="ldd_heading">By Category</li>
<li><a href="#">Sun &amp; Beach</a></li>
<li><a href="#">Adventure</a></li>
<li><a href="#">Science &amp; Education</a></li>
<li><a href="#">Extreme Sports</a></li>
<li><a href="#">Relaxing</a></li>
<li><a href="#">Spa and Wellness</a></li>
</ul>
<ul>
<li class="ldd_heading">By Theme</li>
<li><a href="#">Paradise Islands</a></li>
<li><a href="#">Cruises &amp; Boat Trips</a></li>
<li><a href="#">Wild Animals &amp; Safaris</a></li>
<li><a href="#">Nature Pure</a></li>
<li><a href="#">Helping others &amp; For Hope</a></li>
<li><a href="#">Diving</a></li>
</ul>
<a class="ldd_subfoot" href="#"> + New Deals</a>
</div>
</li>
<li>
<span>Locations</span>
<div class="ldd_submenu">
<ul>
<li class="ldd_heading">By Location</li>
<li><a href="#">South America</a></li>
<li><a href="#">Antartica</a></li>
<li><a href="#">Africa</a></li>
<li><a href="#">Asia and Australia</a></li>
<li><a href="#">Europe</a></li>
</ul>
<ul>
<li class="ldd_heading">By Category</li>
<li><a href="#">Sun &amp; Beach</a></li>
<li><a href="#">Adventure</a></li>
<li><a href="#">Science &amp; Education</a></li>
<li><a href="#">Extreme Sports</a></li>
<li><a href="#">Relaxing</a></li>
<li><a href="#">Spa and Wellness</a></li>
</ul>
<ul>
<li class="ldd_heading">By Theme</li>
<li><a href="#">Paradise Islands</a></li>
<li><a href="#">Cruises &amp; Boat Trips</a></li>
<li><a href="#">Wild Animals &amp; Safaris</a></li>
<li><a href="#">Nature Pure</a></li>
<li><a href="#">Helping others &amp; For Hope</a></li>
<li><a href="#">Diving</a></li>
</ul>
<a class="ldd_subfoot" href="#"> + New Deals</a>
</div>
</li>
</ul>
</div>

        <div>
            <span class="reference">
                <a href="http://tympanus.net/codrops/2010/07/14/ui-elements-search-box/">monga</a>
            </span>
        </div>
<!-- The JavaScript -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(function() {
/**
* the menu
*/
var $menu = $('#ldd_menu');

/**
* for each list element,
* we show the submenu when hovering and
* expand the span element (title) to 510px
*/
$menu.children('li').each(function(){
var $this = $(this);
var $span = $this.children('span');
$span.data('width',$span.width());

$this.bind('mouseenter',function(){
$menu.find('.ldd_submenu').stop(true,true).hide();
$span.stop().animate({'width':'510px'},300,function(){
$this.find('.ldd_submenu').slideDown(300);
});
}).bind('mouseleave',function(){
$this.find('.ldd_submenu').stop(true,true).hide();
$span.stop().animate({'width':$span.data('width')+'px'},300);
});
});
            });
        </script>
    </body>
</html>

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

jquery多種消失方法

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Effects - Hide Demo</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <style>
  .toggler { width: 500px; height: 200px; }
  #button { padding: .5em 1em; text-decoration: none; }
  #effect { width: 240px; height: 135px; padding: 0.4em; position: relative; }
  #effect h3 { margin: 0; padding: 0.4em; text-align: center; }
  </style>
  <script>
  $(function() {
    // run the currently selected effect
    function runEffect() {
      // get effect type from
      var selectedEffect = $( "#effectTypes" ).val();

      // most effect types need no options passed by default
      var options = {};
      // some effects have required parameters
      if ( selectedEffect === "scale" ) {
        options = { percent: 0 };
      } else if ( selectedEffect === "size" ) {
        options = { to: { width: 200, height: 60 } };
      }

      // run the effect
      $( "#effect" ).hide( selectedEffect, options, 1000, callback );
    };

    // callback function to bring a hidden box back
    function callback() {
      setTimeout(function() {
        $( "#effect" ).removeAttr( "style" ).hide().fadeIn();
      }, 1000 );
    };

    // set effect from select menu value
    $( "#button" ).click(function() {
      runEffect();
    });
  });
  </script>
</head>
<body>

<div class="toggler">
  <div id="effect" class="ui-widget-content ui-corner-all">
    <h3 class="ui-widget-header ui-corner-all">Hide</h3>
    <p>
      Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
    </p>
  </div>
</div>

<select name="effects" id="effectTypes">
  <option value="blind">Blind</option>
  <option value="bounce">Bounce</option>
  <option value="clip">Clip</option>
  <option value="drop">Drop</option>
  <option value="explode">Explode</option>
  <option value="fold">Fold</option>
  <option value="highlight">Highlight</option>
  <option value="puff">Puff</option>
  <option value="pulsate">Pulsate</option>
  <option value="scale">Scale</option>
  <option value="shake">Shake</option>
  <option value="size">Size</option>
  <option value="slide">Slide</option>
</select>

<button id="button" class="ui-state-default ui-corner-all">Run Effect</button>


</body>
</html>
~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

jquery拖拉功能

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>孟甲商行</title>
</head>

<body>
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Sortable - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <style>
  #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
  #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
  #sortable li span { position: absolute; margin-left: -1.3em; }
  </style>
  <script>
  $(function() {
    $( "#sortable" ).sortable();
    $( "#sortable" ).disableSelection();
  });
  </script>
</head>
<body>

<ul id="sortable">
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span><a href="#">Item 11</a></li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>
</ul>


</body>
</html>
</body>
</html>

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

jquery 彈出視窗

<script>
function popup(URL) {
w = window.open(URL, "", "toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=1,resizable=0,width=600,height=600,left = 340,top = 212");
}
</script>

<form action="#">
 <input type=button value="Open popup window" onClick="javascript:popup('http://hala999.net')">
</form>
~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

將文字大小Px 轉換成 Em CSS3 圓角 border-radius

要把 PX變成 EM非常簡單,1em=16px
假設字體大小為20px,希望字體大小變為24px,計算公式為24/20=1.2,因此字體大小為1.2em;如果希望字體大小為16px,公式為16/20=0.8,故字體為0.8em


<div style="border:2px #ccc solid;border-radius:10px;width:360px;height:60px;background-color:#eee;">CSS3 border-radius 圓角範例</div>

四個角的語法
  • border-top-left-radius - 設定左上角
  • border-top-right-radius - 設定右上角
  • border-bottom-right-radius - 設定右下角
  • border-bottom-left-radius - 設定左下角
css語法

.abt-left img{
width:100%;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
}

~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

響應式選單menu

<!DOCTYPE html>
<html lang="zh-TW">
    <head>
        <meta charset="utf-8">    
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!--[if IE 7]>
        <link rel="stylesheet" href="/stylesheets/font-awesome-ie7.min.css">
        <![endif]-->
        <!--[if lt IE 9]>
        <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
        <style>
            body {
                margin: 0;
                padding: 10px;
                font-family: 'Open Sans', sans-serif;
                font-size: 18px;
            }
            nav {
                display: block;
                float: left;
                width: 100%;
                margin-bottom: 30px;
             
            }
            .nav ul{
                margin: 0;
                padding: 0;
            }
            .nav li{
                position: relative;
                float: left;
                color: #FFF;
                list-style: none;
                background: #E77C40;
            }
            .nav li a {
                display: block;      
                padding: 15px 30px;
                color: #FFF;
                text-decoration: none;
            }

            .nav li:hover {
                background: #E9905E;
            }
            .nav li ul {
                background-color: rgba(231, 124, 64, 1);
                display: none;
                position: absolute;
                top: 100%;
            }
            .nav li:hover ul {
                display: block;
                right: 0;
                left: 0;
                top: 100%;
            }
            .toggle {
                display: none;
            }
            .arrow-bottom {
                position: absolute;
                top: 25px;
                right: 13px;
                margin-left: 5px;
                border-top: 4px solid #FFF;
                border-right: 4px solid transparent;  
                border-left: 4px solid transparent;      
                width: 1px;
                height: 1px;
            }
            @media (max-width: 640px) {
                .nav {
                    display: none;
                }
                .toggle {
                    display: inline-block;
                    background: #D8540A;
                    padding: 10px 15px;
                    color: #FFF;
                }
                .nav li{
                    float: none;
                }
                .nav li a{
                    padding: 10px 15px;
                }
                .nav li:hover ul {
                    position: relative;
                    display: block;
                    background: transparent;
                }
                .nav li:hover ul li{
                    background: transparent;
                }
                .nav li:hover ul li a{
                    padding-left: 30px;
                }
                .arrow-bottom {
                    top: 20px;
                }
            }              
        </style>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $(".toggle").click(function() {
        $(this).toggleClass("active");
        $(".nav").slideToggle();
    });
    $(".nav > ul > li:has(ul) > a").append('<div class="arrow-bottom"></div>');
});
</script>
    </head>
    <body>
<span class="toggle">Menu</span>
<nav class="nav">
    <ul>
        <li>
            <a href="#">Works</a>
            <ul>
                <li><a href="#">Work1</a></li>
                <li><a href="#">Work2</a></li>
                <li><a href="#">Work3</a></li>
            </ul>
        </li>
        <li><a href="#">Contact</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Links</a></li>
        <li><a href="#">Blog</a></li>
        <li><a href="#">Service</a></li>              
    </ul>
</nav>
    </body>
</html>
~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

Opencart 會員申請退換貨寄信通知管理員 (VQMOD)

開啟 catalog/controller/account/return.php 找出
$this-&gt;model_account_return-&gt;addReturn($this-&gt;request-&gt;post);

下面加入
$message =”您的顧客 <strong>”.$this->customer->getFirstName().” “.$this->customer->getLastName().”</strong> 提出了退換貨申請,請登入後台「訂單與會員管理/退換貨」查看。<br/><br><br>”
.'<a href=”http://’.$_SERVER[“SERVER_NAME”].’/admin”>登入後台</a>’;
$mail = new mail();
$mail->protocol = $this->config->get(‘config_mail_protocol’);
$mail->parameter = $this->config->get(‘config_mail_parameter’);
$mail->hostname = $this->config->get(‘config_smtp_host’);
$mail->username = $this->config->get(‘config_smtp_username’);
$mail->password = $this->config->get(‘config_smtp_password’);
$mail->port = $this->config->get(‘config_smtp_port’);
$mail->timeout = $this->config->get(‘config_smtp_timeout’);
$mail->setTo($this->config->get(‘config_email’)); /* OR setTo(“MYEmail@MYDOMAIN.COM”); */
$mail->setFrom($this->config->get(‘config_email’)); /* OR setFrom(“MYEmail@MYDOMAIN.COM”); */
$mail->setSender($this->config->get(‘config_name’));
$mail->setSubject(($this->config->get(‘config_name’)) . ” – 退換貨申請”);
$mail->setHtml($message);
$mail->send();


文章引述自Meet See網站
~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

不間斷的跑馬燈語法搭配php程式碼

<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<title>孟甲商行</title>
<style type="text/css">
#myDiv {
                overflow: hidden;
                width: 350px;
                background-color: red;
        }
       
        #myDiv img {
                border: 1px solid;
                width: 80px;
        }
</style>
</head>

<body>
<div id="myDiv">
        <table>
        <tr>
                <td id="pic1">
                        //可在紅色字區域將他替換為程式碼
<table>
                        <tr>
                                <td><img src="0.gif" /></td>
                                <td><img src="1.gif" /></td>
                                <td><img src="2.gif" /></td>
                                <td><img src="3.gif" /></td>
                                <td><img src="4.gif" /></td>
                                <td><img src="5.gif" /></td>
                                <td><img src="6.gif" /></td>
                                <td><img src="7.gif" /></td>
                        </tr>
                        </table>
//可在紅色字區域將他替換為程式碼
                </td>
                <td id="pic2"></td>
        </tr>
        </table>
</div>
</body>

<script type="text/javascript">
<!--
        //變數Speed為設定捲軸的速度用 越小越快
        var Speed=1;
        //接受setInterval所回傳的值
        var timer;
        //取得myDiv的參考用的變數
        var myDiv = document.getElementById("myDiv");
        //取得pic2的參考用的變數
        var pic2= document.getElementById("pic2");
        //pic2innerHTML等於pic1innerHTML
        pic2.innerHTML=document.getElementById("pic1").innerHTML;
        //用來捲動myDiv捲軸用的主程式
        function picMarquee(){
                //pic2的寬小於myDivscrollLeft,表示捲軸已經過了第一行
                //所以讓DivscrollLeft再回到原來的位置;反之 則繼續往右跑
                if(pic2.offsetWidth - myDiv.scrollLeft <= 0){
                        myDiv.scrollLeft = 0;
                }else{
                        myDiv.scrollLeft++;
                }
        }
        //Speed毫秒就執行一次pciMarquee()
        timer=setInterval(picMarquee,Speed);
        //當滑鼠在myDiv上時 就停止捲動
        myDiv.onmouseover=function(){
                clearInterval(timer);
        }
        //當滑鼠離開myDiv上時 就繼續往右捲動
        myDiv.onmouseout=function(){
                timer=setInterval(picMarquee,Speed);
        }
//-->
</script>
</html>
<!--Hinet廣告用-->
<script type="text/javascript">
<!--
        //先用Open物件來替代window.open()
        var Open = window.open;
        //覆寫window.open()變成回傳window本身
        window.open = function(){return window;};
//-->

</script>
~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~


"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

php檔案上傳下載功能及語法

<?php
//取得目前路徑
$fileDir = getcwd();
//執行刪除動作
if(isset($_GET["action"])&&$_GET["action"]=="delete"){
unlink($_GET["file"]);
$fileDir =pathinfo($_GET["file"],PATHINFO_DIRNAME);
//重新轉頁到目前目錄中
header("Location: ?dir=".$fileDir);
}
//執行上傳動作
if(isset($_GET["action"])&&$_GET["action"]=="upload"){
if($_FILES["upload"]["error"]==0){
move_uploaded_file($_FILES["upload"]["tmp_name"], $_POST["dir"]."//".$_FILES["upload"]["name"]);
}
//重新轉頁到目前目錄中
header("Location: ?dir=".$_POST["dir"]);
}
?>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<title>檔案管理</title>
</head>
<body>
<?php
//若有URL參數dir,其值即為目前路徑
if(isset($_GET["dir"])&&$_GET["dir"]!=""){
$fileDir = $_GET["dir"];
}
//目前路徑上一層路徑
$fileUplevel = dirname($fileDir);
//取得目前路徑中的內容
$fileResource = scandir($fileDir);
echo '<table width="500" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#000000">';
//顯示目前路徑
echo '<tr><td bgcolor="#FAFAFA"colspan="3">目前路徑:'.$fileDir.'</td></tr>';
echo '<tr><td bgcolor="#FAFAFA"colspan="3" align="center">';
//設定URL參數action為upload
echo '<form action="?action=upload" method="post" enctype="multipart/form-data" name="form1" id="form1">';
//將上一層路徑帶進連結的URL參數dir中
echo '上傳檔案 <input type="file" name="upload" style="height:20px" />';
echo '<input type="submit" name="button" style="height:20px" value="送出" />';
echo '<input name="dir" type="hidden" id="dir" value="'.$fileDir.'" /></form>';
echo '<tr><td bgcolor="#FAFAFA">名稱</td><td bgcolor="#FAFAFA" width="120" align="center">檔案大小</td><td bgcolor="#FAFAFA" width="80" align="center">功能</td></tr>';
//顯示資料夾內容
foreach($fileResource as $fileName){
if(is_dir($fileDir.'\\'.$fileName)){
//不顯示相對路徑「.」及「..」
if($fileName != "." && $fileName !=".."){
//顯示資料夾,並設定該資料夾的路徑帶進連結的URL參數dir中
echo '<tr><td bgcolor="#FAFAFA" width="300"><a href="?dir='.$fileDir.'//'.$fileName.'">&lt;'.$fileName.'&gt;</a></td>';
echo '<td bgcolor="#FAFAFA" width="120">&nbsp;</td><td bgcolor="#FAFAFA" width="80">&nbsp;</td></tr>';
}
}
}
//顯示檔案的內容
foreach($fileResource as $fileName){
if(is_file($fileDir.'\\'.$fileName)){
//計算檔案大小
$fsize = filesize($fileDir.'\\'.$fileName);
//顯示檔案名稱
echo '<tr><td bgcolor="#FAFAFA" width="300">'.$fileName.'</td>';
//顯示檔案大小,並以千位符號格式化顯示
echo '<td bgcolor="#FAFAFA" width="120" align="right">'.number_format($fsize).' bytes</td>';
//在刪除文字上加上連結,並設定該資料夾的路徑帶進連結的URL參數dir、參數action為delete
echo '<td bgcolor="#FAFAFA" width="80" align="center"><a href="?file='.$fileDir.'\\'.$fileName.'&action=delete">刪除</a></td></tr>';
}
}
echo '</table>';
?>




<div style="margin-top:100px;">
<?php
//若有URL參數dir,其值即為目前路徑
if(isset($_GET["dir"])&&$_GET["dir"]!=""){
$fileDir = $_GET["dir"];
}
//目前路徑上一層路徑
$fileUplevel = dirname($fileDir);
//取得目前路徑中的內容
$fileResource = scandir($fileDir);
echo '<table width="500" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#000000">';
//顯示目前路徑
echo '<tr><td bgcolor="#FAFAFA"colspan="3">目前路徑:'.$fileDir.'</td></tr>';
echo '<tr><td bgcolor="#FAFAFA"colspan="3" align="center">';
//設定URL參數action為upload

echo '<tr><td bgcolor="#FAFAFA">名稱</td><td bgcolor="#FAFAFA" width="120" align="center">檔案大小</td><td bgcolor="#FAFAFA" width="80" align="center">功能</td></tr>';
//顯示資料夾內容
foreach($fileResource as $fileName){
if(is_dir($fileDir.'\\'.$fileName)){
//不顯示相對路徑「.」及「..」
if($fileName != "." && $fileName !=".."){
//顯示資料夾,並設定該資料夾的路徑帶進連結的URL參數dir中
echo '<tr><td bgcolor="#FAFAFA" width="300"><a href="?dir='.$fileDir.'//'.$fileName.'">&lt;'.$fileName.'&gt;</a></td>';
echo '<td bgcolor="#FAFAFA" width="120">&nbsp;</td><td bgcolor="#FAFAFA" width="80">&nbsp;</td></tr>';
}
}
}
//顯示檔案的內容
foreach($fileResource as $fileName){
if(is_file($fileDir.'\\'.$fileName)){
//計算檔案大小
$fsize = filesize($fileDir.'\\'.$fileName);
//顯示檔案名稱
echo '<tr><td bgcolor="#FAFAFA" width="300">'.$fileName.'</td>';
//顯示檔案大小,並以千位符號格式化顯示
echo '<td bgcolor="#FAFAFA" width="120" align="right">'.number_format($fsize).' bytes</td>';
//在刪除文字上加上連結,並設定該資料夾的路徑帶進連結的URL參數dir、參數action為下載
echo '<td bgcolor="#FAFAFA" width="80" align="center"><a href="po/'.$fileName.'" target="1_blank">下載</a></td></tr>';
}
}
echo '</table>';
?>
</div>
</body>
</html>


~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

table css樣式 border cellspacing cellpadding 寬高

 cellspacing表示表格間隔寬度,cellpadding表示表格的高度
table border="1" cellpadding="10" cellspacing="10"
艋舺大道 艋舺茶道 猛甲茶道
孟甲商行 夢甲商行 夢假孟真


border="1" cellpadding="5"(表格高度) cellspacing="0"(表格間 間格為0)
艋舺大道 艋舺茶道 猛甲茶道
孟甲商行 夢甲商行 夢假孟真
~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

php 點閱次數統計及點閱率語法

點閱次數:{BlogRec.blog_hits}作法
1.先在資料庫blog_msg資料表新增一個blog_hits欄位名稱  
2.先新增一個updatehits.php/伺服器按加 / 點刪除紀錄
3.
if ((isset($_GET['blog_no'])) && ($_GET['blog_no'] != "")) {
  $deleteSQL = sprintf("DELETE FROM blog_msg WHERE blog_no=%s", GetSQLValueString($_GET['blog_no'], "int"));

  mysql_select_db($database_blogConn, $blogConn);
  $Result1 = mysql_query($deleteSQL, $blogConn) or die(mysql_error());

  $deleteGoTo = "blognew.php";
  if (isset($_SERVER['QUERY_STRING'])) {
    $deleteGoTo .= (strpos($deleteGoTo, '?')) ? "&" : "?";
    $deleteGoTo .= $_SERVER['QUERY_STRING'];
  }
  header(sprintf("Location: %s", $deleteGoTo));
}
DELETE FROM blog_msg WHERE blog_no=%s改成下面語法
update  blog_msg set blog_hits=blog_hits+1 WHERE blog_no=%s

4.blog.php
<h5 style="font-size:20px;color:black;text-align:left"><a style="text-decoration: none;"  href="updatehits.php?blog_no=<?php echo $row_BlogRec['blog_no']; ?>"><?php echo $row_BlogRec['blog_subject']; ?></a> [<?php echo $row_BlogRec['blog_postdate']; ?>]<span style="font-size:14px;"> 點閱次數:<?php echo $row_BlogRec["blog_hits"]+300;?></span></h5>

5.當按下blog.php主題連結到updatehits.php更新資料庫blog_hits+1後馬上跳轉到blognew.php

~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~


"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

設為首頁及加入最愛javascript語法

<a href="index.php">回到首頁</a> ‧<a href="#" onclick="window.external.AddFavorite('http://www.hala999.net/', '孟甲商行')">加入最愛</a>

~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

php檔案上傳表單 類型multipart/form-data

[PHP] 使用 move_uploaded_file 上傳中文檔名的問題

在 PHP 中由網頁上傳檔案的功能,比起很多語法是簡單得太多了!但是如果用來上傳中文檔案名稱的檔案,許多人都會踢到鐵板。不是無法上傳,就上傳後檔名怪怪的。以下我們就針對這個問題來做一些研究。
PHP上傳中文檔案發生錯誤的原因在於中文版的伺服器若是使用 Big5 在編碼,而由網頁送過來資料卻是以 UTF8 來編碼,如此一來在接收時就會產生編碼的錯失,導致檔案上傳的失敗。我們建議您修改的方式,就是將接收到的檔名,由 UTF8 轉為 Big5 的編碼,最後再儲存即可。
說到 PHP 編碼的轉換,就不得不介紹 iconv 這個函數了,在 PHP5 之後這個函數已經內建在系統中。他的基本使用方式如下:
iconv( 原來的編碼 , 轉換的編碼 , 轉換的字串 )
例如我們要將 $tranString 這個變數的字串由 utf8 轉換為 big5 的編碼,方式如下:
iconv( "UTF-8" , "big5" , $tranString )
那回到我們的問題,這裡我們簡單做一個上傳的表單(upload.html)與上傳的程式(upload.php),等一下就是由上傳表單選好要上傳的檔案,再送到上傳的程式進行檔案上傳的動作:
首先是上傳的頁面:upload.html
<form action="upload.php" method="post" enctype="multipart/form-data">
<label for="fileupload">檔案上傳</label>
<input id="fileupload" type="file" name="fileupload" />
<input id="button" type="submit" name="button" value="送出" />
</form>
特別要注意的是在這個表單中 必須要加上 enctype="multipart/form-data" 把上傳的檔案編成表單的資料。
接著是處理上傳的程式:upload.php
<?php
$target_path = "uploadfiles/"; //指定上傳資料夾
$target_path .= $_FILES['fileField']['name']; //上傳檔案名稱

if(move_uploaded_file($_FILES['fileField']['tmp_name'],
iconv("UTF-8", "big5", $target_path ))) {
echo "檔案:". $_FILES['fileField']['name'] . " 上傳成功!";
} else{
echo "檔案上傳失敗,請再試一次!";
}
?>
您可以看到,在 move_upload_file 函數中,已經利用 iconv 將原來上傳檔案的名稱($target_path) 由 utf8 轉為 big5 了,如此在儲存時就能正確的儲存成中文檔名。
~節錄自藏經閣歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...