2015年11月12日 星期四

[javascript]取得螢幕&瀏覽器寬度高度

//取得螢幕寬度
function getScreenWidth() {
return screen.width;
}
//取得螢幕高度
function getScreenHeight() {
return screen.height;
}
//取得瀏覽器視窗寬度
function getBrowserWidth(){
return jQuery(window).width();
}
//取得瀏覽器視窗高度
function getBrowserHeight() {
return jQuery(window).height();
}

2015年10月13日 星期二

[wordpress]在子主題新增jQuery plugin

參考官方建議使用wp_enqueue_script()用來載入 javascript 檔,wp_enqueue_style()用來載入css檔,使用方式如下
wp_enqueue_style( $handle, $src, $deps, $ver, $media );
wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );


wp_enqueue_script() 使用說明:
$handle:用於區別 script 名稱(string);
$src:javascript 檔案位置(string);
$deps:相關性,指此 javascript 必須在此 javascript 之前載入(array,非必需的);
$ver:幫 javascript 加註版本,留空白則使用當前 wordpress 版本號碼(string,非必需);
$in_footer:是否放置到網頁HTML底部載入(boolean,非必需)。

wp_enqueue_style() 使用說明:
$handle:用於區別 CSS 的名稱(string);
$src:CSS 檔案位置(string);
$deps:相關性,指此 CSS 必須在此 CSS 之前載入(array,非必需);
$ver:幫 CSS 加註版本,留空白則使用當前 wordpress 版本號碼(string,非必需);
$media:用於 CSS 的 media 參數值(string,非必需)。

使用範例:
function add_pluginname_scripts() {
    wp_enqueue_style( 'style', get_stylesheet_uri() );
    wp_enqueue_script( 'script', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'add_pluginname_scripts' );

注意事項:
1.請將jQuery plugin放置子主題的資料夾內
2.必須寫在function.php這隻檔案。
3.若是在子主題新增的話,$src的部分請改寫成get_stylesheet_directory_uri()←用來取得子主題的url

2015年9月29日 星期二

[CSS]input 標籤 type number

HTML5 input type number 預設會有上下按鈕加減數字

要關掉這項功能可以下css style關閉

input[type='number'] {
    -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

2015年9月14日 星期一

[nas]Synology NAS修改檔案上傳上限

1.先下載putty終端機連線工具
2.連線帳號必須是root,否則無法修改檔案
   密碼為當初設定的密碼
3.登入後修改php.ini檔
   DSM 5.0 之前, php.ini 在 /usr/syno/etc
   DSM 5.0 之後, php.ini 在 /etc/php
4.輸入vi 路徑/php.ini後進入文字編輯模式(按I)
5.修改以下數據
max_execution_time = 600
max_input_time = 600
post_max_size = 210M
upload_max_filesize = 200M
6.修改完後按下esc 再輸入 :wq儲存後離開
7.重新啟動server
   網頁應用程式->啟動web station 勾選取消->套用->再次勾選->套用
   套件中心->phpMyAdmin->啟用

[PHP]取得檔案的目錄與上層目錄

取得現在的檔案、目錄與上層目錄
假設目前的檔案路徑為public_html/project/myphp.php

1.取得路徑+檔名
<?php
           echo __FILE__;
?>
輸出:public_html/project/myphp.php

2.取得檔名
<?php
          echo basename(__FILE__);
?>
輸出:myphp.php

3.取得不含副檔名的檔名
<?php
          echo basename(__FILE__, '.php');
?>
輸出:myphp

4.取得完整目錄路徑但不含檔名
<?php
          echo dirname(__FILE__);
?>
輸出:public_html/project

5.取得上層目錄前完整的路徑
<?php
          echo dirname(dirname(__FILE__));
?>
輸出:public_html

[Wordpress]trailingslashit用法

<?php trailingslashit( $string ) ?>
在字串末尾添加"/"符號
在添加之前會刪除字串末尾已經有的"/"符號避免發生添加兩個"/"的錯誤
ex.

<?php
           $path = trailingslashit( 'http://mywebsite.com' );
?>

$path輸出
http://mywebsite.com/

2015年8月18日 星期二

[xampp]設定mysql密碼後phpmyadmin無法登入的解決方法

使用xampp控制台"Shell"按鈕打開Dos視窗
輸入 mysqladmin --user=root password "你要設定的密碼"
後即修改root的密碼
之後登入phpMyAdmin會出現以下畫面

接下來回到xampp控制台按下Apache config選擇PhpMyAdmin(config.inc.php)
找到$cfg['Servers'][$i]['password'] = '';
把修改的密碼填上如下圖
紅色框為修改的密碼
回到phpmyadmin後重新整理即可

[Laravel]環境架設,使用docker + laradock

1.選擇使用docker + laradock在windows10的環境使用 先至 docker官方網站 下載 docker for windows   2.依照執行程式下載安裝 這邊我的電腦有遇到一些問題順便記錄下來, 在下載啟動docker時發生錯誤   Hardw...