BloggerADS

2013年5月23日 星期四

固定置頂Menu

經常看到有些網站能把Menu都頂置在頁面上方
往下滑動頁面時Menu會跟着視窗走
其實這個功能很簡單 只要簡單css就可以設定成功
把menu設定id為header(或其他名字)

加入以下css
.menufixed{ z-index: 999; position: fixed; top: 0; width: 100%;}


然後加入以下程式碼就可以了

$(document).ready(function()

{

    $(window).scroll(function () {

        if ($(this).scrollTop() > 10) {

            $('#header').addClass("menufixed");

        }

        else {

            $('#header').removeClass("menufixed");

        }

    });

});

2013年5月13日 星期一

使用curl經由https傳遞資料遇到的問題

利用curl經由https傳遞資料會發生錯誤 回傳空值
輸出curl_error為
Curl error: error:14077458:SSL routines:SSL23_GET_SERVER_HELLO:reason(1112)

目前找到的解決方法是
在curl_get() 這個function裏加入
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE);
curl_setopt($ch, CURLOPT_SSLVERSION, 3);

就能解決此問題

2013年5月6日 星期一

網站設計 - 繁簡轉換方法


網路上有很多網站繁簡轉換的方法
但部分已經不能下載或不能使用
以下提供一個利用include js檔去做到此效果的方法
檔案以及方法由網路上找到再加以改版 目前測試chrome,ff,ie都能使用
(如有版權問題請告知會自行刪掉)

前置工作:

首先請在下方網址下載js檔
http://www.sendspace.com/file/ypnhit

把檔案放在你的網站目錄下
因這個檔案必須在每個頁面都include到才有效
如果不想做苦工的話
建議在其中一個每頁都已include到的js檔中
利用jQuery動態include js檔
加下以下語法

$(document).ready(function(){
    $.getScript("JF_cn.js", function() {
        convertWholePageAtEnd();
    });
});

如網址本來沒有使用jQuery
則必須在每一頁加入
<script src="JF_cn.js"></script>
<script>convertWholePageAtEnd();</script>

使用方法:

最後在頁面中加入這句就可以由使用者選取所需的語言
<a href=javascript:TSC("big5")>繁體</a> <a href=javascript:TSC("gb")>簡體</a>
點選後會自動把這個選項記錄在COOKIES裏 這樣就不會使用者每次都做選語系的動作

備註:
JF_cn.js中有一個參數convertWhenClientBrowserLang
如果設定成"both" ; //不理網站內容的語系,而是根據用戶瀏覽器語系一律都做轉換.
如果設定成"big5";  //網站內容預設全是簡體
如果設定成"gb";    //網站內容預設全是繁體
如果想測試"both"
先把Chrome程式關閉
然後在你電腦中放置Chrome的位置中
找Chrome\User Data\Local State

   "intl": {
      "app_locale": "zh-tw"
   },
改成
   "intl": {
      "app_locale": "zh-cn"
   },
然後再重啟這樣就可以把你的Chrome瀏覽器語言轉換成簡體版

2013年5月5日 星期日

Javascript window.close() 小事紀錄


當使用window.open()去開啟新視窗時

window.open('test.php,'test_window','toolbar=no,location=no,directories=no,status=no,bar=no,scrollbars=no,resizable=yes,copyhistory=no,width=300,height=350,screenX=150,screenY=150,top=150,left=150')

執行完動作希望關閉視窗和Reload原視窗時可使用以下指令
window.opener.location.reload();
window.close();