教學 程式

【jQuery】網頁外部連結警告實作教學

本篇文章將教您如何實作網頁外部連結警告，使用 jQuery。 以下教學假設 example.com 為網站網域。 當使用者點擊網頁內外部連結時，都是直接轉跳開啟第三方網頁，有些網站卻是會先跳到警告頁面詢問是否前往，本篇文章就是要教您如何實作外部連結警告這功能。 使用 jQuery 寫出判斷，當使用者點擊連結時判斷是否為本站網域，…

閱讀更多

教學 程式

jQuery Ajax 實現不刷新頁面提交資料 (後端使用 PHP 處理回傳 json)

本篇文章交教您如何使用 jQuery Ajax 提交表單資料達到不刷新頁面的需求！ 介紹 首先我們先來了解什麼是 Ajax，AJAX 即「Asynchronous JavaScript and XML」 (非同步的JavaScript與XML技術)，指的是一套綜合了多項技術的瀏覽器端網頁開發技術。 傳統的 Web 應用允許用戶端填寫表單 (form)，當送出表單時就向網頁伺服器傳送…

閱讀更多

教學 程式

【JavaScript】JS 判斷使用者是否安裝應用程式 App 並啟動

本篇文章將教導如何利用 JavaScript 寫出當使用者裝置有安裝那應用程式時，就啟動應用程式，否則前往指定網頁的功能！ 文章使用 Line 做示範。 關於 URL scheme 的解釋請看 https://zh.wikipedia.org/wiki/%E7%BB%9F%E4%B8%80%E8%B5%84%E6%BA%90%E6%A0%87%E5%BF%97%E7%AC%A6 開始教學 首先我們先寫入 JavaScript，創一個 f…

閱讀更多

教學 程式

【PHP】實作 Facebook 登入功能

本篇文章將教您如何在網頁新增 Facebook 登入功能！ PS：Facebook 新規定要求網頁網址必須要是 https，並且強制開啟對重新導向 URI 使用 Strict 模式，隱私政策網址也必須新增。 在開始教學前我們必須先在 Facebook for Developers 新增一個應用程式 (點我) 進入到頁面後點擊 Add a New App 接下來輸入資料，並按下建立應…

閱讀更多

教學 程式

【JavaScript】實作網頁一鍵複製內容功能，使用 clipboard.js

本篇文章將教您如何在網頁讓使用者快速複製內容！ 您的網頁是否需要讓使用者複製內容，這時候可以使用 clipboard.js，我來教一下基本用法 首先下載 clipboard.js (點我下載)，解壓縮後資料夾內有一個 dist 資料夾，我們要裡面的 clipboard.min.js，在您的專案目錄新增 js 資料夾，把剛剛的 clipboard.min.js 複製進去。 接…

閱讀更多

Minecraft (當個創世神) 教學 程式 遊戲

【PHP】網頁顯示 Minecraft 伺服器狀態 (PC、PE 平台通用)

本篇文章將教您如何在網頁上顯示 Minecraft 伺服器狀態！ 在教學開始前，先下載我寫的範例專案吧！(點我前往 GitHub) 下載完解壓縮資料夾內應該有一個 src 資料夾，這資料夾內的檔案都很重要，我也寫好了 data.php 程式碼，要調用狀態顯示比較方便。 伺服器記得要啟用 Query 查詢，否則部分內容會無法取得，在 server.prop…

閱讀更多