PoPo Planet

2019-10-04

CKEditor：網頁文字編輯器

【使用方法】
下載相關檔案放到 ckeditor 目錄中，引用 ckeditor.js。
https://ckeditor.com/ckeditor-4/download/

<script src="/ckeditor/ckeditor.js"></script>

<textarea name="editor1" id="editor1">......</textarea>

<script>
    CKEDITOR.replace( 'editor1' );
</script>

【取得資料的方式】
JavaScript

<script>
    var data = CKEDITOR.instances.editor1.getData();
</script>

PHP

<?php
    $editor_data = $_POST[ 'editor1' ];
?>

ASP.NET

Request.Unvalidated.Form["editor1"];

【載入資料的方式】

<script>
    CKEDITOR.instances.editor1.setData( text, function()
    {
        this.checkDirty();  // true
    });
</script>

<script>
    $('#editor1').html(text);
</script>

ASP.NET，可透過 hidden 傳給前端。(ValidateRequestMode="Disabled")

<input="hidden" id="hid01" runat="server" />

//hid01.Value = System.Net.WebUtility.HtmlEncode(text);
hid01.Value = text;

Label1.Text = @"
    <script>
        $('#editor1').html(document.getElementById('" + hid01.ClientID + "').value);
    </script>
";

【官網文件】
https://ckeditor.com/docs/ckeditor4/latest/guide/dev_savedata.html
【簡介文章】
https://www.wfublog.com/2017/11/web-wysiwyg-text-editor-ckeditor.html
【PHP範例】
https://pjchender.blogspot.com/2015/11/ckeditor.html
【調教】
https://blog.user.today/setting-ckeditor/

2019-05-30

jQuery：Ajax 呼叫 Server 端 Function

Server 端 (AjaxTestPage1.aspx.cs)
Function 需為靜態，且標示為 [WebMethod]

    using System.Web.Services;  //[WebMethod]

    protected void Page_Load(object sender, EventArgs e)
    {
    }

    [WebMethod]
    public static string getHello(string str)
    {
        return str;
    }

Client 端 (AjaxTestPage1.aspx) 引用 jQuery (使用 Google CDN)

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

用來呼叫 Server 端的函數 (使用 ajax)。

<script>
function CallServerFunction(StrPriUrl, ObjPriData, CallBackFunction) {
    $.ajax({
        type: "post",
        url: StrPriUrl,
        contentType: "application/json; charset=utf-8",
        data: ObjPriData,
        dataType: "json",    //"text"
        async: true,    //true (非同步執行)  false(同步執行)
        success: function (result) {
            if (CallBackFunction != null && typeof CallBackFunction != 'undefined') {
                CallBackFunction(result);
            }
        },
        error: function (result) {
            alert('error occured');
            alert(result.responseText);
        },
    });
}
</script>

呼叫方法：CallServerFunction("[網址路徑] / [Server端函數名稱]", [Server端Function的接收參數], [接收回傳值的函數])

<script>
function test() {
    CallServerFunction("AjaxTestPage1.aspx/getHello", "{'str':'123'}", function (myresult) {
        alert(JSON.stringify(myresult));
        alert(myresult.d);
    });
}
</script>

呼叫的方式

2019-05-26

雜記：WIN10

Windows 鎖定畫面的背景桌布：
在命令列輸入「C:\Users\%UserName%\AppData\Local\Packages\Microsoft.Windows.ContentDeliveryManager_cw5n1h2txyewy\LocalState\Assets」再將裡面檔案的附檔名改成 jpg 即可。(PS：裡面還有包含其它圖片)

「我的電腦」不見了：
桌面按右鍵 →「個人化(R)」→「佈景主題」→ 往下捲「桌面圖示設定」→ 把「電腦(M)」打勾
儲存後桌面就會跑出電腦圖示了。

2019-03-03

ETC：走ETC車道，通過時，時速須低於20公里。人工收費：走一般車道，在閘門前按鈕取票，下高速公路時，將票卡及費用一起交給收費員。收費處有一塊電子看板，會自動顯示你須繳交的費用，所以毋需自行計算喔。

【租車】
教學影片1：https://www.youtube.com/watch?v=p9Wv3nCZ9uM
教學影片2：https://www.youtube.com/watch?v=LfaAjU9WxmU

【加油】
先付款：操作加油機台時就必須先付款，然後加油、找零。
後付款：先自己加完油後，拿收據去找店員結帳，有時須告知加油機的號碼。

教學網站：http://airainjoey.pixnet.net/blog/post/425327504-沖繩自由行攻略18-日本開車與加油注意事項

教學影片(簡易)：https://www.youtube.com/watch?v=iBt5z6_LXlY
教學影片(有找零機1)：https://www.youtube.com/watch?v=dUXM7Amgnxs
教學影片(有找零機2)：https://www.youtube.com/watch?v=wl1GKQ3kxNg

教學影片(會話)：https://www.youtube.com/watch?v=Lyge83-UZ8I

開車潛規則：https://www.youtube.com/watch?v=qhUB9zv-rUk

美國村 http://ectomy.pixnet.net/blog/post/43833477-美國村平價好吃海鮮市場%26超好逛藥妝那霸歌町大和ROYNET酒店 http://bajenny.com/blog/post/43109527-《沖繩自助行-小姑遊記》沖繩飯店住宿推薦-

2019-03-02

雜記：有的沒的網站

產業價值鏈資訊平台 可查詢各產業間的上下游供應的關係。
》https://ic.tpex.org.tw/