顯示具有 html 標籤的文章。 顯示所有文章
顯示具有 html 標籤的文章。 顯示所有文章
2023年10月28日 星期六

使用embeddedfolderview把google drive雲端硬碟的資料夾嵌入網頁內

›
如果單純只是要用iframe把google的雲端硬碟嵌入網頁內，可以使用以下語法 語法中的{GoogleFolderShareId}指的就是分享google drive取得的網址內的參數 網址後方接上#grid那麼網頁上瀏覽時就會是以預覽小圖的方式呈現，如果把#grid拿掉那...
2023年9月18日 星期一

再Chrome上關閉單獨input欄位的autocomplete

›
在chorme上 html內的input加上autocomplete=off並不能禁止該欄位不自動輸入， google後得到可解決的方案如下： 只需將自動完成設置為獨特的即可。如："autocomplete="new-user-email" ...
2020年5月26日 星期二

【PHP】關於$_SERVER['HTTP_HOST']在crontab上會失效的問題 Cron Job $_SERVER issue

›
在使用crontab排程時，因為程式內使用到了$_SERVER['HTTP_HOST']來擷取網址段，因而發生錯誤。 當時既透過網址執行時 $_SERVER['HTTP_HOST'] 可以正確取得域名，但是當相同一段程式透過crontab排程運行時...
2020年3月25日 星期三

【css】使用display flex時圖片高度會拉高的問題

›
當某容器(.container)使用display:flex屬性 且容器高度為100% 時，發現內部的<img>標籤圖檔高度也會自動延伸拉高為100%，只要在.container上加上下面標註的兩個屬性就可修正 .container{ width: 970px...
2019年11月27日 星期三

css使用flexbox處理垂直居中的版面

›
使用flexbox處理垂直居中，最快速簡便的模式只要在上層使用display:flex，要置中的子項目加上margin:auto即可 css部分 html,body{ margin: 0; padding: 0; width:100%; height:100%; }...
2019年11月6日 星期三

解決新版google chrome 影片或聲音無法自動播放的問題 (Fix google chrome Autoplay policy)

›
google chrome在76版後把chrome://flags內的autoplay policy移除了 這樣對做單機版或是需要特定網址能執行影片或聲音autoplay的開發者影響很大 經過一番搜尋研究，目前可解決的方式如下： A.經由Chrome的設定 開啟ch...
2019年7月4日 星期四

分享到Line的連結，點擊後用預設瀏覽器開啟 line link open in default browser

›
在Line上面分享的連結，用手機瀏覽點擊後會開啟Line app內的瀏覽器in-app-bbrowser， 以這種UIWebView方式開啟網頁會導致一些javascript語法或功能失效 解決方式： 在分享到line的連結後面加上一段 ?openExternalBrows...
2019年1月23日 星期三

ajax 送出form資料時以javascript語法console.log出FormData用來檢查表單資料的方法

›
以form方式用ajax送出表單時，用以下javascript語法可以console.log要送出的資料，方便做檢查使用： var formid=$('#myForm'); //#myForm是表單的ID var formData = new FormDat...
2018年9月7日 星期五

修改並自定義 mac coding軟體sublime text 及 coda 2的emmet外掛

›
emmet for coda版本的外掛能夠自己定義預設的一些文字  譬如輸入!按下Ctrl+e 通常會出現: <!DOCTYPE html> <html lang=" en "> <head> <m...
2018年7月23日 星期一

用photoshop 壓縮優化png圖檔，減少圖檔大小 避免造成網頁loading過重

›
做網頁儲存png圖檔時，常常檔案很大會造成網頁loading較重 可使用photohsop內的 影像/調整/色調分離 來降低圖檔內的色階 然後再轉存，進而減少檔案的大小。
2018年7月20日 星期五

jquery 算出隨機整數字

›
var randomNum = Math.floor(Math.random() * customVal); //customVal 可以是自訂的參數，譬如以視窗或指定div的高或寬