VECTOR COOL 威得數位行銷 - 第 28 頁，總計 44 頁

JQuery AJAX 送出表單資料 jQuery AJAX Form Submit

HTML 表單

jQuery

延伸閱讀
http://hayageek.com/jquery-ajax-form-submit/

[……]

PHP SQL 篩選時間

需要用日期來篩選指定日期區間的資料，剛好看到艾倫郭寫的這一篇，用了BETWEEN我覺得還蠻好用的，此篇文章也寫了好幾種方式，十分受用~

若SQL Server裡的 table 裡有一個日期欄位,只會放日期,那麼您可以寫成

SELECT …. FROM xxx WHERE xxx=’2008/1/15′SELECT …. FROM xxx WHERE xxx BETWEEN ‘2008/1/15’ AND ‘2008/1/20’

若日期欄位有包含時間, 由於時間可能值為 2008/1/15 23:59:59.50 如果您想找 2008/1/15 這一天裡的所有記錄(不拘時間), 卻將篩選條件寫成

SELECT …. FROM xxx WHERE xxx=’2008/1/15′ –>會找不到符合的記錄
SELECT …. FROM xxx WHERE xxx BETWEEN ‘2008/1/15’ AND ‘2008/1/16’ –>會連 2008/1/16 的記錄也被找到
SELECT …. FROM xxx WHERE xxx >= ‘2008/1/15’ AND xxx<= ‘2008/1/15 23:59:59’ –>若記錄值是2008/1/15 23:59:59.50 ,會找不到

因此,可以寫成

SELECT …. FROM xxx WHERE xxx >= ‘2008/1/15’ AND xxx < ‘2008/1/16’

就沒什麼問題了

本文出自
http://www.allenkuo.com/EBook5/view.aspx?TreeNodeID=13&id=374[……]

.htaccess 限制允許ip存取指定目錄

# 限制ip 放在指定目錄裡
<Limit GET POST PUT>
order deny,allow
deny from all
allow from 114.32.147.146, 119.77.220.104
</Limit>

把上面這堆字放到.htaccess檔案中，
放到要限制僅允許ip可存取的目錄下就可以了[……]

CSS background-image 背景由下往上&由右往左定位

/* 背景由下往上定位&由右往左定位 */
div{
background-image:url(test.jpg);
background-repeat:no-repeat;
background-position:right 50px bottom 50px;
}[……]

CSS 垂直水平居中最簡單的解決方案

垂直水平居中 ie9+

.child {
    position: absolute;
    top: 50%;  /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */

    transform: translate(-50%, -50%); /* This is a shorthand of
                                         translateX(-50%) and translateY(-50%) */
}

沿伸閱讀

http://stackoverflow.com/questions/8508275/how-to-center-a-position-absolute-element

[……]

Pixabay 超過三十萬張免費相片、向量圖與藝術插圖素材圖庫，可用於商業用途(轉)

http://free.com.tw/pixabay/[……]

PHP 版本判斷

if (version_compare(phpversion(), ‘5.3.10’, ‘<‘)) {
//版本不足
}

http://php.net/manual/zh/function.phpversion.php[……]

PHP imagettftext(): Could not find/open font 解決方法

新的主機PHP版本換成5.5.9版本
原本可用的驗証碼圖驗程式跑出 E_WARNING 的 error reporting如下

imagettftext(): Could not find/open font

無法開啟字型檔，導致圖片無法正常顯示，解法如下：
在imagettftext()前加入putenv(‘GDFONTPATH=’ . realpath(‘.’));

putenv(‘GDFONTPATH=’ . realpath(‘.’));
imagettftext( … );

搞定!!

參考網址

http://stackoverflow.com/questions/6089393/imagettftext-cannot-open-font-file

[……]

CKEditor 4 粗體、斜體、底線、顏色沒有效果的原因及解決方案

在CKEditor 4 編輯器中，設定粗體，回到前端秀出來的文字粗體、斜體、底線都沒有效果，
應該是在做前端網站設計，都習慣用reset.css來重新設置每個標籤的樣式
而在CKEditor 4 我們將某段文字設定為粗體，
切到原始碼來看，CKEditor預設將該用包裹，用HTML標籤產生粗體效果，

HELLO WORLD!!

不過已經被reset.css重設了，所以在前端並起不了粗體作用，
在網路上找到一個方法，在CKEditor 4 的config.js設定檔中加上

config.coreStyles_bold = { element: ‘span’, styles: { ‘font-weight’ : ‘bold’ } };

這時候粗體就會用來包裹透過CSS來產生粗體效果，而不是標籤：

HELLO WORLD!!

這樣就正常顯示了粗體了，粗體、斜體、底線方法同理：

config.coreStyles_bold = { element: ‘span’, styles: { ‘font-weight’ : ‘bold’ } };
config.coreStyles_italic = { element: ‘span’, styles: { ‘font-style’ : ‘italic’ } };
config.coreStyles_underline = { element: ‘span’, styles: { ‘text-decoration’ : ‘underline’ } }

若有更好的作法再請各位大大提出囉~^^

自己的題目自己解

使用reset.css來重設所以HTML預設樣式
有reset就有unreset就是反重設HTML預設樣式
跟reset.css一樣，網路上有流傳很多版本，
可以參考一下下列網址版本。
https://github.com/binarystash/unreset-css
其優點是他有設定class，也就是說我可以指定容器的去做反重設HTML預設樣式的動作

例：
<div class=”unreset”>
HELLO WORLD!!
</div>

這樣就OK囉~這樣即使是使用<stong>也一樣有效果

針對顏色的部份，如果你有習慣下列這方式設定整個網頁的預設樣式

body *{

color:#000;

text-decoration:none;

font-family: “微軟正黑體”,Arial, “新細明體”;

}

可能要建議你把color這樣式拿掉，才不會影響CKEditor編輯好的文字秀在前端
顏色不會變的問題

[……]

PHP 判斷是否為行動裝置

因為目前裝置已經不只有電腦，可能有電腦、平板及手機，如何去判別user的瀏覽器然後給予不同內容，這樣的功能變得非常重要，今天發現了一個很簡單的方法~用網友寫好的Mobile Detect class來做判斷，官網在下方，
http://mobiledetect.net/;
那斷的方式也很簡單~
範例如下~

view plaincopy to clipboardprint
require_once(“Mobile_Detect.php”);   
$detect = new Mobile_Detect;   
$deviceType = ($detect->isMobile() ? ($detect->isTablet() ? ‘tablet’ : ‘phone’) : ‘computer’);  

view plaincopy to clipboardprint
<?php $check = $detect->isMobile(); if($check): ?>    
    是的話做的事   
<?php else: ?>  
    不是的話做的事   
<?php endif; ?>  

延伸閱讀
http://blog.wingzero.tw/2014/09/php.html

[……]