彰化一整天的blog: 網頁工具

顯示具有 網頁工具 標籤的文章。顯示所有文章

2021年7月31日星期六

【網頁工具教學】如何快速產生google訂購單的顯示欄位及產品價格

寫了一個用google表單製作的產品訂購單並會將購買金額寄給購買者，原本只是設了一個價格對照的欄位,因為使用for each去讀取會每次欄位順序都不一樣,所以又增加一個顯示的欄位,看網友在使用產品的欄位都很多,每次問題大部分都是雙引號沒有成對,所以就寫了這支自動產生這二個欄位的功能.

線上網頁工具

http://bestdaylong.com/tools.htm

將要轉換的欄位放在[來源]

按下下方的[轉換成google表單欄位]、[轉換成google表單價格]

就會在[結果]看到轉換後的結果，再將它複製回試算表的程式碼

2020年9月23日星期三

【網頁工具教學】自動將資料分組加上並加上分號

會寫這支程式主要原因是寄送email時會有每封只能寄幾個的限制，您可以輸入您要自動分組的數字，就會自動幫您分組方便您寄送，若沒有輸入數字就會幫全部的資料加上分號。

將要處理的資料放在【來源:】點選底下【Email自動分組(加分號)】後就可以再【目的:】看到處理過的資料

若要依數量分組，可以在【變數名稱:】輸入要分組的數字

http://bestdaylong.com/tools.htm

或是

http://bestdaylong.com/

【工具】/【網上網頁工具javascript】

2019年2月11日星期一

【網頁工具教學】如何將word或Excel表格轉換成HTML語法

若您要寄一份DM的表格給客戶，存成Excel客戶還要開啟附檔才可以使用，若是把它轉換成HTML語法，則可以直接使用寄信的email直接寄送，客戶可以直接由信件內容就可以看到。

1.連結到https://summernote.org/
2.將表格貼上(會發現框線及格式不見)
3.將表格貼到word，再從word複製貼上(框線就會出來）
4.點選＜/＞(Code View)查看原始碼

寄信檔案下載 :
http://download.bestdaylong.com/f7.htm
Excel中自動寄送Email(進階版)

2018年12月5日星期三

【網頁工具教學】如何抓取youtube播放清單內的影片內容

因為上課時都會錄影成一小段影片，上傳到youtube後，若想要把它的連結複製到網頁上，只能一個一個貼，所以就寫了一支自動轉取的網頁。

1.在youtube輸入彰化一整天/查詢
2.點選【播放清單】
3.選一個您要看的清單
4.再點選右上角的清單名稱
5.複製網址
6.連結到http://bestdaylong.com/get_youtube.php
7.貼上網址，按下轉換。

網站連結:
http://bestdaylong.com/get_youtube.php

2017年11月21日星期二

如何解決jsbin網站上執行沒有結果

最近看六角學院的youtube上Vue.js的JavaScript框架教學，想說在jsbin的網址只輸入一個簡單{{1}}，結果執行結果還是輸入{{1}}，將所有的內容放在godaddy上是可以執行，到最後才發現在jsbin網站上javascript不能放在
之後，把它改在之前就正常。

1.執行還是出現{{1}}

2.將js移到

之前就可以正常無法正常的網址:http://jsbin.com/boqidez/1/edit?html,js,output

2016年8月5日星期五

同事在做即測即評業務，常常會到外交部查詢學生的英文名字，但是外交部的查詢系統，不是把名字複製貼上就可以，是要在每個名字的字與字中間加上逗號，若是多筆查詢要在每個姓名加上分號，每次只可以查詢100個姓名，整批的最後一筆又不能加上分號，對於懂程式的人要轉換成這種格式是沒什麼問題，但是不懂的人就很麻煩，所以就寫了這支線上轉換程式，只要將要轉換的姓名複製貼上，按下【外文姓名中譯英批次系統格式轉換】轉換按鈕，就會轉換成外交部查詢的格式，並每一百筆為一個單位，方便您複製貼上。

1.連結到

http://www.boca.gov.tw/sp.asp?xdURL=E2C/c2102-5.asp&CtNode=677&mp=1&type=B

有查詢說明

2.連結到

http://bestdaylong.com/tools.htm

將整批要查詢的姓名貼在來源

按下下方的【外文姓名中譯英批次系統格式轉換】轉換按鈕

3.目的區就是轉換後結果

2016年6月25日星期六

如何快速將半型數字轉換成全型數字

同事報私校退撫資料時，裡面規定地址的數字必須是全型的，我跟他說可以用取代的，只要10次取代就完成，但是每次要取代從0取代到9也是不太理想，所以就寫了這個半型數字轉換成全型數字的網頁工具。

1.連結到http://bestdaylong.com

點選【工具】/【線上網頁工具(javascript)】

2.將要處理的資料放在【來源】

點選底下【半型數字轉換全型】

3.轉換後的資料會在下方

2015年7月23日星期四

自動產生流水號的線上工具

會寫這支程式是因為在excel中，如果數字是在中間，例如image01.jpg,image02.jpg，這樣往下複製時就不會自動增加，因為在轉換圖片時，檔案名稱都是image開頭，我想把image01改成有意義，例如sing_001開頭，在excel可以用公式來解決，因為很常會用到，就用javascript寫了一個線上工具來做這件事。

1.到http://bestdaylong.com點選【工具】/【線上網頁工具(javascript)】

2.在來源輸入您要顯示的文字要被取代的文字用%

在變數名稱輸入【開始,結束,每次增加,顯示長度】

按下【自動加流水號】

3.結果會顯示在目的視窗

4.每次增加2的範例

5.若數字不用有固定長度，最後一碼設為0

2015年7月6日星期一

sublime安裝Package Control 套件

使用notepad++有一段時間，它的程式碼顏色比較少，最近看到同學用sublime，一樣的程式碼到sublime就顏色就比較多，下載sublime安裝後，因為安裝套件都要用指令，第一個就先安裝Package Control 套件，以後安裝其他套件就可以直接用選的。

1.到【view】/【Show Console】

2.連結到https://packagecontrol.io/installation

選取您的版本，並複製底下程式碼

3.到Console模式貼上/按下Enter

4.提示您要離開sublime並再進入才算完成安裝

5.在【Preferences】/【Package Control】

6.選【Install Package】/就會出現可以選套件的安裝畫面

7.php程式碼在Notepad++顯示結果

8.php程式碼在Sublime顯示結果

2014年12月18日星期四

在Notepad++如何讓xml文件格式化

word中可以將檔案另存成xml檔案，但是用notepad+開啟xml檔案，會發現全部都在一行沒有斷行及內縮，這時候就可以使用notepad++的外掛工具xml tools來解決問題。

1.word另存成xml檔沒有格式化很難看懂

2.[外掛模組]/[Plugin Manager]/[Show Plugin Manager]

3.找到XML Tools將它打勾/[Install]

4.[是]

5.[外掛模組]/[XML Tools]/[Pretty Print(XML only - with line breaks)

6.有段落符號更容易編修

2014年6月9日星期一

線上網頁測驗系統

會寫這個是因為自己本身記憶不太好，每次考試都覺得準備好了，都是考試出來的成績都不太理想，於是就寫了這個可以自己訂題目來測驗，題目及答案都可以設定是否亂數出現，並把每一題的答案設為平均，所以全部都填一樣，就是1/4的分數，因為最早版本只可以在用輸入1,2,3,4的方式填寫，但是為了可以在手機上測試，把網頁改成RWD響應式網頁設計，所以在手機上也可以用手直接點選答案，最後會幫您算出您的得分，還會將您錯的答案都顯示出來，並用顏色藍色表示正確答案，紅色是您輸入並答錯的選項。