jQuery- 捲軸底部距離視窗底部的高度 (scrollBottom)

jQuery 使用 $(selector).scrollTop() 可以取得『捲軸頂部,距離視窗頂部的距離』,

那麼反過來,

如過要使用『捲軸底部,距離視窗底部的距離』, jQuery 沒有這個方法,但我們可以這麼寫

 

jQuery – JavaScript – 教你如何製作圖片上傳前的預覽圖

* 如果您想要用套件可以來這篇 (2017/03/07更新)

 

目標

  1. 讓使用者在上傳圖片前先顯示在頁面,用來確定是不是要上傳的圖片。
  2. 透過前端技術完成,不使用網路傳輸到伺服器做縮圖後回傳到前端。

解決方法

使用 Web APIs 的 FileReader (檔案讀取器) 來達到。關於 FileReader 的用法,可參考說明

線上測試

HTML

JavaScript/jQuery

解說

當 input.upl[type=file] 發生改變的時候會觸發我們自訂的 preview 方法。

我們看 preview 方法怎麼寫

其中要顯示的檔案大小,會須要做運算的轉換,我們額外包了一個 format_float 的方法

如果須要多圖預覽,請參考進階的 下一篇文章

這邊的範例比較簡單,只能做一張圖片的預覽。

參考

jQuery – validate plugin 針對input = hidden的解決辦法

參考http://stackoverflow.com/questions/7952181/jquery-validation-plugin-validating-hidden-inputs-and-not-visible

使用這個方法
$(“#form1”).validate({
ignore: “”,
rules: {
something: {
number:true,
min:1,
required:true
}
}
});
就能將必填欄位,但是透過type=hidden的時候仍能觸發必填提醒。

jQuery – TinyMCE 網址轉換設定

TinyMCE 對於同 domain 以 http 開頭的絕對網址,預設會雞婆地作 url 相對路徑的轉換
TinyMCE 提供 3 + 1 組選項設定,可供自由運用組合。

當 convert_urls 為 true 時 (預設值),底下 3 組可交互使用
relative_urls 布林值,預設為 true
remove_script_host 布林值,預設為 true
document_base_url 字串值,預設為當前程式的路徑
或單獨將 convert_urls 設定為 false 關閉網址轉換

參考:Paths/URLs are incorrect, I want absolute/relative URLs?
http://tinymce.moxiecode.com/wiki.php/TinyMCE_FAQ#Paths.2FURLs_are_incorrect.2C_I_want_absolute.2Frelative_URLs.3F

參考:URL conversion
http://tinymce.moxiecode.com/tryit/url_conversion.php

 

 

 

轉自:http://www.doubleservice.com/2011/02/tinymce-convert-urls/