在要顯示 PDF 型式檔案的 HTML 頁面加入這麼一段程式碼
<iframe src="http://docs.google.com/gview?url=http://YOUR REFERENCE SITE/YOUR PDF FILE NAME.pdf&embedded=true" style="width:100%; height:100%" frameborder="0"></iframe>Done and it's easy :D
2016年6月30日 星期四
[HTML 5] 如何在網頁中顯示 PDF 型式的檔案？
最近開發專案的過程中，需要將 PDF 型式的檔案顯示於網頁之中。經過一連串的搜尋，發現一個相當簡單的解決方法：利用 Embeddable Google Document Viewer。
在要顯示 PDF 型式檔案的 HTML 頁面加入這麼一段程式碼
Done and it's easy :D
在要顯示 PDF 型式檔案的 HTML 頁面加入這麼一段程式碼
Done and it's easy :D
2016年5月30日 星期一
[Facebook, HTML5] 分享至 FB 功能設定
原以為開發分享至 FB 會是相當繁瑣的一件事情，經過 google，沒想到竟是如此簡單！
STEP 1 設定分享內容文字
利用 The Open Graph protocol 設定分享的資訊。
STEP 2 加入分享至 FB 的連結
設定完成，接著就分享內容至 FB 吧！XD
STEP 1 設定分享內容文字
利用 The Open Graph protocol 設定分享的資訊。
<head>
<!-- 分享至 FB 的標題 -->
<metadata property="og:title" content="YOUR_TITLE" />
<!-- 分享至 FB 的內容敘述 -->
<metadata property="og:description" content="YOUR_DESCRIPTION" />
<!-- 分享至 FB 的內容連結 -->
<metadata property="og:url" content="YOUR_URL" />
<!-- 分享至 FB 的圖片 -->
<metadata property="og:image" content="YOUR_IMAGE_URL" />
<metadata property="og:type" conetnet="website" />
</head>STEP 2 加入分享至 FB 的連結
<a href="javascript: void(window.open('http://www.facebook.com/share.php?u='.concat(encodeURIComponent('YOUR_URL'))''))">分享至 FB</a>設定完成，接著就分享內容至 FB 吧！XD
2012年11月2日 星期五
[HTML 5] 兩種不同的 form SUBMIT
話說 HTML 5 推廣一陣子囉！我還是只會使用舊有方法編輯 html 檔案。直到最近，公司的專案請外包廠商編寫 CSS + html，我才發現一個 form submit 可以有兩種不同寫法。
首先，介紹舊有寫法：
<form name="example" method="post (get)" action="form action">
<!-- FORM 內容 -->
<input type="submit" name="btn_name" value="Submit" />
</form>
最近學到的新方法：
<form id="example" method="post (get)" action="form action">
<!-- FORM 內容 -->
</form>
<button type="submit" form="example">Submit</button>
有沒有發現什麼不一樣呢？
答案是 HTML 5 的 button 標籤可以寫在 from 的外頭，透過 button 標籤裡的 form 參數作為按鍵與表單的連結。請注意， button form 參數的值必須等同於表單的 id。
想更了解 <button> 如何使用嗎？請參考這裡。
首先，介紹舊有寫法：
<form name="example" method="post (get)" action="form action">
<!-- FORM 內容 -->
<input type="submit" name="btn_name" value="Submit" />
</form>
最近學到的新方法：
<form id="example" method="post (get)" action="form action">
<!-- FORM 內容 -->
</form>
<button type="submit" form="example">Submit</button>
有沒有發現什麼不一樣呢？
答案是 HTML 5 的 button 標籤可以寫在 from 的外頭，透過 button 標籤裡的 form 參數作為按鍵與表單的連結。請注意， button form 參數的值必須等同於表單的 id。
想更了解 <button> 如何使用嗎？請參考這裡。
訂閱：
文章 (Atom)