發表文章

目前顯示的是有「html」標籤的文章

Excel 的資料貼到 gmail 的結果不太一樣 在 edge 會貼上圖檔寄出

-
 如果你把 Excel 做好的表格用 email 寄出，使用不同的瀏覽器，貼上的表格，得到的結果不太一樣。 工作環境：     Windows 10 Pro     Gmail 網頁     Edge 瀏覽器     Chrome 瀏覽器     Firefox 瀏覽器 如果你想把表格用圖的方式寄出，請用 Edge  如果你想把表格用 HTML 方式寄出(可以編輯文字)，請用 Chrome 或是 Firefox 收工！
張貼留言
閱讀完整內容

再試 php 輸出 pdf

-
PHP 在輸出 pdf 的時侯有幾個網站上很有名的函式或說是工具，一個是 tcpdf ，姑且把它和 fpdf、dompdf、html2pdf 之類的工具歸在同一類，雖然除了 tcpdf 之外的我都沒試，因為太多人提到有字碼支援問題了；另一個是 wkhtmltopdf 這是 cli 終端機下的指令，用來將網頁轉成 pdf ，雖然個人並不喜歡這種工具用在網頁程式中，但是它的效果用起來真的很不錯，所以，這次先裝它來用，程式能動之後要改別的方式還不遲。 照著股溝大神指示的網站，很快就裝好這個 wkhtmltopdf ，指令很簡單， wkhtmltopdf.sh Input.html Output.pdf ，馬上就得到想要的 pdf 檔，眼都還沒眨呢！ But... 又是那個 But ...，是的，中文亂碼又來攪局了，好在這次不是 tcpdf 上的空白，也不是方格，看起來就是字型的問題，檢查一下網頁，有指定是 utf-8 編碼(content="text/html; charset=utf-8")，問過大神之後，說要給個正確的字型檔，試著餵了幾個中文繁體的字型檔到 /usr/share/fonts/truetype/ 底下，挑個網頁長得美的就行。 終於收工了！ 在被 tcpdf 搞了一天和 wkhtmltopdf 搞了半天之後…
張貼留言
閱讀完整內容

網頁分頁列印

-
之前找分頁列印的語法時，好開心，一下子就找到了，就是沒辦法分頁，語法很簡單，用 CSS 的 page-break-after:always ，那天那時，怎麼找都是 <br style="page-break-after:always" />，實驗後發現，換行用的 br 就是沒效果，奇怪，一堆人分享說是可以，也發現與瀏覽器無關，過2天再搜一次，很多人都用p，後來找到用 div 的，之前找不到是遮眼了嗎？ 總之 p div 2個標籤可以，夠用了，呼~ =============== 測試例 =============== <HTML><HEAD><TITLE>自動分頁列印！</TITLE></HEAD> <BODY onLoad='printPage()'> <SCRIPT LANGUAGE='JavaScript'> <!--// 跳出印表機交談視窗 function printPage() {   window.print(); } //--> </SCRIPT> <CENTER>這是列印的第一頁！</CENTER> <P style='page-break-after:always'></P> <CENTER>這是列印的第二頁！</CENTER> <div STYLE="page-break-after: always;"> 這個區塊之後要換頁 </div> 第三頁 <P style='page-break-after:always'> </P> 新頁（第四頁）第一行 </BODY> </HTML> =============== 測試例 =============== 俺要來改列印頁面了~~ 收工！
張貼留言
閱讀完整內容

為儀表板加上標題

-
上次在 網頁儀表板輪播筆記 提到集成多個網頁來製作儀表板，實測時發現有些訊息來源是沒有標題的，也就是說，在還沒有熟悉儀表板內容的情況下，所顯示的內容，可能會漏掉一些重大訊息，例如，監看多種儀器的溫度，每個輸出的畫面都是溫度計，但卻不知道各個畫面所代表的儀器是哪一個，如果發生問題了，才來查找，會浪費很多寶貴的應變時間，也失去監看的意義。 可以使用巢狀的 Frameset 架構來處理。 <frameset name="cluster">     <frame src="1.html">     <FRAMESET frameborder="0">         <FRAME SRC="2_title.html">         <FRAME SRC="2.html">     </FRAMESET> </frameset> 在2_title.html放上標題的內容，例如︰XX儀器。 收工！
張貼留言
閱讀完整內容

網頁儀表板輪播筆記

-
通常儀表板是固定顯示在特定的螢幕上，如果儀表板多到一定程度，你可能會被很多電磁波（誤！螢幕）包圍，從不同的訊息來源集成的儀表板（dashboard），儀表板會隨著時間及業務發展更動。 這次遇到螢幕有限， 監看的訊息可以允許一些時間間隔， 監看的訊息可以允許一些時間間隔， 監看的訊息可以允許一些時間間隔， 想利用廣告的概念來輪播，一般廣告多是影像輪播，而這次要輪播網頁。 所以這次要處理2件事情︰         1、儀表板集成︰用 Frameset 以及 Frame         2、輪播儀表板︰改輪播圖片用的 Javascript 範例筆記︰ 1、儀表板集成︰（1.html） <FRAMESET ROWS="97%,*"> <FRAMESET COLS="50%,*" ROWS="50%,50%"> <FRAME SRC="http://www.aaa.com/index.html#reference" NAME="AAA" class="zoom"> <FRAME SRC="http://www.bbb.com/index.html" NAME="BBB"> <FRAME SRC="http://www.ccc.com.tw/index.html" NAME="CCC"> <FRAME SRC="http://www.ddd.com.tw/#otherRef" NAME="DDD"> </FRAMESET> <FRAME SRC="footer.html" NAME="注意事項" class="zoom"> </FRAMESET> 2、輪播︰ <script> var lnks = new Array("1.html","2.html","3.htm...
張貼留言
閱讀完整內容