技術提供:Blogger.

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


生活實用網站







"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

控制產品庫存量的php語法

php語法:
<?php
   $colname_web_shop2017 = "-1";
if (isset($_GET['p_id'])) {
  $colname_web_shop2017 = $_GET['p_id'];
}
mysql_select_db($database_conn_web, $conn_web);
$query_web_shop2017 = sprintf("SELECT shop2.p_id, shop2.p_name, shop2.p_price, shop2.p_open, shop2.p_pic, shop2.inventory,  orderlist.p_name,orderlist.odlist_ok, orderlist.odlist_qty, SUM(  `orderlist`.`odlist_qty` ) AS orderlistNum ,shop2.inventory AS inventory , orderlist.odlist_ok AS odlist_ok ,orderlist.odlist_qty AS odlist_qty
FROM shop2
LEFT JOIN orderlist ON shop2.p_name = orderlist.p_name  and  orderlist.odlist_ok='y'
GROUP BY  `orderlist`.`odlist_ok` ,  `shop2`.`p_id` , `shop2`.`p_name` ,  `orderlist`.`p_name`
HAVING  p_id = %s ", GetSQLValueString($colname_web_shop2017, "int"));
$web_shop2017 = mysql_query($query_web_shop2017, $conn_web) or die(mysql_error());
$row_web_shop2017 = mysql_fetch_assoc($web_shop2017);
$totalRows_web_shop2017 = mysql_num_rows($web_shop2017);//段落

?>

<?php
$a=$row_web_shop2017['inventory'];
$b=$row_web_shop2017['orderlistNum'];
$c=$row_web_shop2017['op_name'];
$d=$row_web_shop2017['odlist_ok'];

?>



內文:
 <?php if ($b == NULL    ){ ?>
 已購數量 <?php echo 0 ?>
 <?php } // Show if recordset not empty ?>

  <?php if ($b !== NULL   ){ ?>
  已購數量 <?php echo $b ?>
 <?php } // Show if recordset not empty ?>


<?php if ($b == NULL  ){ ?>
  &nbsp;&nbsp;&nbsp;庫存 <?php echo $a; ?>

 <?php } // Show if recordset not empty ?>

 <?php if ($b !== NULL  and $a-$b>=0){ ?>
  &nbsp;&nbsp;&nbsp;庫存 <?php echo $a-$b; ?>

  <?php } elseif ($b !== NULL  and $a-$b<0){ ?>
   &nbsp;&nbsp;&nbsp;庫存 <?php echo 0 ?>
 <?php } // Show if recordset not empty ?>



"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

文章點閱率及瀏覽量的php語法

php語法文章點擊率、點閱率如下

先新增一個 updatehits_news.php檔案填入下面語法
<?php require_once('Connections/conn_myweb.php'); ?>//連結資料庫

<?php

if (!function_exists("GetSQLValueString")) {

function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")

{

  if (PHP_VERSION < 6) {

    $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;

  }



  $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);



  switch ($theType) {

    case "text":

      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";

      break;  

    case "long":

    case "int":

      $theValue = ($theValue != "") ? intval($theValue) : "NULL";

      break;

    case "double":

      $theValue = ($theValue != "") ? doubleval($theValue) : "NULL";

      break;

    case "date":

      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";

      break;

    case "defined":

      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;

      break;

  }

  return $theValue;

}

}



if ((isset($_GET['p_id'])) && ($_GET['p_id'] != "")) {

  $deleteSQL = sprintf("update  shop2 set blog_hits=blog_hits+1 WHERE p_id=%s",

                       GetSQLValueString($_GET['p_id'], "int"));



  mysql_select_db($database_conn_myweb, $conn_myweb);

  $Result1 = mysql_query($deleteSQL, $conn_myweb) or die(mysql_error());



  $deleteGoTo = "news_detial.php?p_id=" . $row_Recordset1['p_id'] . "";

  if (isset($_SERVER['QUERY_STRING'])) {

    $deleteGoTo .= (strpos($deleteGoTo, '?')) ? "&" : "?";

    $deleteGoTo .= $_SERVER['QUERY_STRING'];

  }

  header(sprintf("Location: %s", $deleteGoTo));

}



$colname_Recordset1 = "-1";

if (isset($_GET['p_id'])) {

  $colname_Recordset1 = $_GET['p_id'];

}

mysql_select_db($database_conn_myweb, $conn_myweb);

$query_Recordset1 = sprintf("SELECT * FROM shop2 WHERE p_id = %s", GetSQLValueString($colname_Recordset1, "int"));

$Recordset1 = mysql_query($query_Recordset1, $conn_myweb) or die(mysql_error());

$row_Recordset1 = mysql_fetch_assoc($Recordset1);

$totalRows_Recordset1 = mysql_num_rows($Recordset1);

?>

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

讓iframe自動調整高度 響應式

讓iframe自動調整高度

<style type="text/css">
#video-wrapper{
    position: relative;
    padding-bottom: 56.25%;  //16:9
    overflow: hidden;
}
#video-wrapper iframe{
    position: absolute;
    top: 10px;
    left: 5%;
    bottom:5px;
    width: 90%;
    height: 90%;

}</style>
<div id="video-wrapper" style="text-align:center;">
<iframe frameborder="0" scrolling="no" src="#" style="border:none;overflow:hidden;"></iframe></div>
-------------------------------------------------------------------------------------------------------------------------------------------------

找了好幾個方法,就以這個方法簡單又有效~~

首先,加入iframe的語法。
<iframe src="./source"(欲連結的網頁) name="mainframe" width="98%" 
marginwidth="0" marginheight="0" scrolling="No" 
frameborder="0" id="mainframe" margin-left="20" ></iframe>

在到欲連結的網頁裡,在head下面加入以下程式碼。
<head>  
   <script>
      function resize(){
       parent.document.getElementById("mainframe").height=document.body.scrollHeight;    
     }
   </script>
</head>

並在body裡加入:
<body onload="resize();" > 

這樣就可以嚕~~

還有另一個方法也不錯。只要在同一個檔案內編寫就好。在有iframe的頁面的head之下加入以下程式碼。
<script type="text/javascript">
function SetCwinHeight(){
var iframeid=document.getElementById("iframeid"); //iframe id
if (document.getElementById){
   if (iframeid && !window.opera){
   if (iframeid.contentDocument && iframeid.contentDocument.body.offsetHeight){
   iframeid.height = iframeid.contentDocument.body.offsetHeight;
   }else if(iframeid.Document && iframeid.Document.body.scrollHeight){
   iframeid.height = iframeid.Document.body.scrollHeight;
   }
   }
}
}
</script>

iframe內加入onload="Javascript:SetCwinHeight()"
<iframe src="./NEWS" name="mainframe" width="98%" 
height="300" marginwidth="0" marginheight="0" 
onload="Javascript:SetCwinHeight()" 
 scrolling="No" frameborder="0" 
id="mainframe" margin-left="20" ></iframe>

因為我的iframe是包在contentRight裏,若contentRight的高度設為自動,則contentRight一開始的高度會很小,所以將contentRight 設一個 min-height:700px 就可以嚕。
~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

實用 好用網站連結

好用的網站連結
上網服務
搜尋引擎
新聞網站趣味網站生活資訊
1. HiNet1.雅虎奇摩1.東森新聞報1.美人魚的海灣1.中央氣象局
2..Seednet2.蕃薯藤2.中時電子報2.千慈小魔女2.車輛.車牌失竊
3..東森寬帶3.新浪網3.民視新聞網3.好友報報3.警察法規查詢
4..GiGaGa寬頻超網站4.網路家庭4.聯合新聞網4.開罵王4.地址英譯
5.台灣MSN5.Google5.台視新聞網5.3D摺紙模型網5.中華歷史資料
6..IS.net6.Openfind6.華視新聞網6.MTV下載6.免費線上掃毒
7.SO-net7.哇塞中文網7.香港__明報7.E_CUP趣味收集7.農民曆
8.阿波羅資訊網8.酷站8.廣州__大洋新聞8.電子廟8.台北市票據交換所
9.亞太線上9.華揚搜尋器9.上海_新華社9.金氏世界紀錄9.公路監理站
A.新絲路A.悠遊A.北京_人民網A.世界大不同
B.易達網B.怪獸搜尋引擎B.日本__朝日新聞B.熱帶魚寫真
C.285導覽網C.GAIS網路搜尋C.新加坡_亞州新聞
人力銀行
網路購物
大哥大
電話通信動畫漫畫
1.104人力銀行1.金石堂書店1.中華電信1.中華104查號1.詌譙龍
2.1111人力網2.拍賣王2.台灣大哥大2.中華電信話費查詢2.阿貴網站
3.超人氣3.博客來書店3.遠傳電信3.112網路障礙台3.蕃薯藤卡通
4.中時人力網4.全球華人網4.和信電訊4.網易動畫站
5.Myjob人力網5.酷必得5.泛亞電信5.蠢動網
6.聯合線上6.摩比家6.東信電信6.地心網路
金融理財
算命星座
偶像明星
1.智富網1.非常姓名網1.MTV中文網
2.精業金融網2.線上神算2.劉德華網
3.e-stock發財網3.科技紫微網3.星光大道
4.哈網4.侯德健網站4.星貝達
5.HOYA精業5.易經40965.天王星
6.GoGofund6.iFate生活易6.電你網
網路社群
女性網站
軟體下載
連線遊戲
聊天交友
1.戀愛天堂1.e美人網1.史萊姆的家1.遊戲橘子1.0204聊天室
2.網路同學會2.美人胚子2.軟體王2.魔力寶貝2.尋夢園
3.智邦生活館3.酷咪線上3.ICQ大補帖3.中華遊戲網3.UT網際空間
4.優仕網4.丹堤美人網4.老伯硬體站4.宏碁戲谷4.080聊天室
5.章魚網5.iRose女性網5.中央大學5.華義遊戲網5.6k聊天聯盟
6.Club10696.QueenNet6.ToGet6.iGame6.MyChat
進口汽車
國產汽車
交通資訊
旅遊網站
票務訂購
1.中華賓士1.豐田汽車1.台北市路況影像1.旅遊王1.元碁售票網
2.BMW泛德2.裕隆日產汽車2.中山高即時路況2.神遊網2.開眼電影網
3.凌志汽車3.福特FORD汽車3.北市捷運路線圖3.ezfly易飛網3.ERA年代售票
4.富豪VOLVO4.歐寶OPEL4.中正機場班機4.eztravel4.KingNet電影時刻
5.奧迪AUDI5.本田HONDA5.松山機場航班5.KingNet5.火車訂票網
6.通用汽車6.6.高雄機場時刻表:6.電子地圖6.
精品百貨
百貨公司
百貨公司
量販賣場
購物中心
1.三商百貨1.太平洋SOGO1.遠東FE21'1.愛買吉安量販1.晶華城
2.寶雅生活館2.統領百貨2.中友百貨2.高峰量販2.微風廣場
3.屈臣氏3.廣三SOGO3.明曜百貨3.大潤發量販3.大江購物中心
4.康是美4.紐約紐約4.大葉高島屋4.中興批發倉儲4.台茂購物中心
5.全家福鞋店5.衣蝶生活館5.高雄漢神百貨5.大峰量販百貨5.新光三越
6.東森購物6.德安百貨6.中興百貨6.頂好惠康6.統一超商

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

Html語法之打勾隱藏選單效果

請打勾看範例 <!--點擊式開關選單_開始-->
<input value="on" type="checkbox" onclick="aaa.style.display=aaa.style.display=='none'?'':'none'" /> 
請打勾看範例<div id="aaa" style="DISPLAY: none">我是範例不是飯粒</div>
<!--點擊式開關選單_結束-->
~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

響應式網頁的優點

認識Viewport,Viewport的作用是告訴瀏覽器,目前的裝置是多寬及多高,以便讓訪客透過不同瀏覽裝置瀏覽網站時,不需要透過手指頭來進行放大或縮小的動作閱讀網頁。
語法為
〈meta content="width=device-width, initial-scale=1.0, minimum-scale=0.8,maximum-scale=2.0,user-scale=no" name="viewport"〉
width:使用device-width來做為可視區的寬度
initial-scale:表示初始化的比例,1表100%,範圍從0.1~1可任填。
minimum-scale=0.8:表最小可縮放到0.8比例
maximum-scale=2.0:表最大可縮放到2.0比例
user-scale:是否允許使用者縮放,no是不允許,yes是允許。
由於響應式網頁是建立在css3的基礎下,因此要體驗響應式網頁之前必須要有HTML5與CSS3的瀏覽器
目前支援的瀏覽器版本為
  • IE9以上
  • Chrome、Firefox、Opera、Safari使用自動更新版本即可
開發本與時間比往頁APP成本低
因可搭配CSS3的Media Query來撰寫支援行動裝置尺寸的css內容,已應負各種媒介的瀏覽器,若是網頁型的APP則必須各自開發IOS版本及Android板兩個版本,一個版本皆數萬十元起跳,開發時間加上審核上架時間相當長,因此開發成本和時間上明顯優於APP。
不需下載APP就能使用
APP若要更新,必須重新審核過後,再通知所有用戶下載更新;而響應式網頁,只要管理者更新網站資訊,訪客就會瀏覽到最新的資訊版本。
維護成本比APP低
響應式網頁不需要在另寫一份HTML,只需要用CSS屬性針對不同的瀏覽裝置調整即可。然而APP完成後要不定期根據手機的作業系統或新的瀏覽規格做調整,才能確定APP在各種行動載具上都能順利運作。
品牌形象一致
同一個網站適用於各種裝置,自然不需要針對不同版本來設計不同的視覺效果。
符合使用者習慣
不論是電腦PC或行動裝置,瀏覽器的搜尋功能仍以「網頁」為主,例如,當搜尋「艋舺古蹟」時,只會呈現關於「艋舺古蹟」的相關內容,並不會搜尋帶有艋舺古蹟名稱的APP內容。
利於SEO(搜尋引擎最佳化)
響應式網頁在SEO方面顯然優於APP,響應式網頁可避免重複性的內容,保持一致性的連結與使用者習慣性,所以響應式網頁在SEO方面則比APP占優勢。
~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

響應式網頁的媒體查詢 Media Queries 及嵌入內容的設定

Media Query的使用方式:
  1. 在CSS檔案中用@media來判斷使用者螢幕寬度,來選擇載入哪一種CSS樣式
  2. 在HTML文件中media屬性判斷使用者裝置寬度,來選擇載入哪一種CSS檔案
@media screen and (min-width:1024px) { css設定1 } 畫面寬度1024以上採用css設定1
@media screen and (min-width:768px) { css設定2 } 畫面寬度768以上採用css設定2
@media screen and (min-width:480px) { css設定3 } 畫面寬度480以上採用css設定3
@media screen and (min-width:600px) and  (max-width:800px)  { css設定4 } 畫面寬度600~800px之間採用css設定4
@media only screen and (min-width:600px) { css設定5 } only是用來針對那些不支援Media Queries,卻需要Media Type的設備隱藏樣式使用的。

可新增一個div標籤並加入 embed-responsive
〈div class="embed-responsive embed-responsive-16by9"〉
〈iframe src="http://hala999.com" width="560" height="315" marginwidth="0" marginheight="0" frameborder="0" allowfullscreen 〉〈/iframe〉
〈/div〉
16by9表示影片是 16:9,若是4:3則要更改為4by3
~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

「立即打造您的行動專屬行動網頁 架站快速,開店成本低廉, 網路無國界,賺進全世界!」


【888專案】 孟甲商行 高CP質 RWD響應式網頁設計
6888元起



響應式購物網站

「延齡全人健康醫療集團」:醫療器材販售

線上閱讀(另開視窗)

台北市骨節整復職業工會

中華海峽兩岸交流總會

sample
線上閱讀(另開視窗)

雅奕國際有限公司:外勞人力仲介

sample
線上閱讀(另開視窗)更多案例

為何要做公司網站

[伸縮自如]的響應式網頁購物車,結合部落格、手機及平板電腦[RWD]響應式網站,自適應網頁,讓SEO搜尋引擎最佳化你的網站

隨著智慧型手機的普及網頁的技術近年來也開始重視手機上的視覺效果,響應式網頁設計概念,簡而言之,就是整個網頁頁面會對應不同的解新度,而有不同的呈現方式。 隨著移動平台手機的用戶大量增加,己經正式超越了PC,成為不可忽略的新興力量,所以響應式網頁當然以移動手機優先設計。 網路無國界,賺進全世界!」 閱讀全文

公司形象網站,達到宣傳產品或服務的最佳效果

「立即打造您的行動專屬網頁 架站快速,開店成本低廉, 網路無國界,賺進全世界!」閱讀全文更多案例
孟甲商行
連絡電話:0952916626     信箱:roberchen3@gmail.com

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

室內設計 101時尚舍 happy玩家 中華民國兩岸消費者權益保護協會 孟甲部落格 孟氏洋行 AMCT 骨節 雅弈 統愛眼鏡大批發