Home » jQuery 外掛

[jQ]SwitchPassword 1.0

[ 日期： | 瀏覽：7,697 | 迴響：11 ]
範例 1
請協助我把這個效果加到我的網站 (只要 900 元)
沒錯!只要 900 元就能獲得我們團隊完整的協助，讓效果能迅速的整合到您的網站，並保證瀏覽器的相容性。
立刻申請!



一個友善的網站需要處處都能站在使用者的角度來開發及設計，像是密碼輸入框若是輸入錯誤或是漏掉時都得重新輸入。若能提供顯示密碼的功能讓使用者來針對錯誤的部份做修改的話，相信會帶給使用者有不一樣的感受的！詳細的教學請參閱：切換顯示密碼輸入框

套件名稱：SwitchPassword
套件版本：1.0
作者網站：http://abgne.tw/jquery/jquery-plugins/switchpassword-1-0.html
套件網址：N/A
發佈日期：2010-11-30
檔案大小：1.07 KB
檔案下載：jquery.switchPassword.js

參數說明：

檢視原始碼 JavaScript
1
2
3

label(選填)
描述： 要顯示在勾選框後面的文字
預設值： ''

方法說明：

檢視原始碼 JavaScript
1
2

// 幫指定的密碼輸入框加上顯示密碼的勾選框
$(selector).switchpassword(options);

使用範例：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.switchPassword.js"></script>
<style type="text/css">
	.password {
		width: 200px;
		height: 24px;
		font-size: 24px;
		line-height: 24px;
		bordeR: 1px solid #ccc;
	}
</style>
<script type="text/javascript">
	$(function(){
		// 在 .password 後面加上可以顯示密碼的勾選框
		$(".password").switchPassword({
			label: '顯示密碼'
		});
	});
</script>
 
<body>
	<div>
		<input type="password" value="" name="password1" id="password1" class="password" />
		<br />
		<input type="password" value="" name="password2" id="password2" class="password" />
		<br />
		<input type="password" value="" name="password3" id="password3" class="password" />
	</div>
</body>
範例 1

檔案描述
基本的範例檔案(免空) 開始下載
基本的範例檔案 會員限定

11 筆針對 [jQ]SwitchPassword 1.0 的迴響

  1. 想請問一下男丁大..

    我昨天從a網站完整複製架構包括資料庫到b網站.. 兩個網域不同.. 完成複製後我也到後台修改了設定..都指向新的網域..系統都是 wordpress..

    我也另外幫新的網站註冊了新的 API KEY 然後重新安裝 Woedpress stats.. 可是我輸入 API KEY 之後按下 ADD 加入網誌卻出現

    Error from last API Key attempt:

    The owner of that API Key (caramelincblog) is not on the access list for this blog (12373079). When this blog was registered, caramelincblog's API key was used. To add you to the access list, caramelincblog must visit this blog's stats dashboard page and use the form at the bottom of that page.

    請問這是什麼意思阿？我找老半天找不到問題點＠＠

  2. 是的＠＠我找到問題了＠＠..
    不過想再請教一個網頁製作效果上的疑問..

    近日在apple的官網看到他們購物車右邊的欄位是可以隨著頁面移動..不是滑動哦..

    不知道那個效果該如何製作..
    還是男丁大大可以找到教學我可以自己參考..
    因為我搜尋好久都找不到相關資料.. 所以只好來請教男丁大大了

    附上網址..
    http://store.apple.com/us/configure/MC374LL/A?mco=MTc0Njg1ODA

    • 一種是透過 css 的 position: fixed 來設定
      另一種也是用 script..但會偵測的更快速

      要知道是不是用 css 來做的話..可以用 IE 6 瀏覽該頁面,
      若沒有效果就是用 css 做的

  3. 男丁大我想請教一個問題
    像Dialog使用modal為true 的情況
    可以讓背景反灰無法操作.
    不知道是否能拿這功能直接出來使用.
    因為我上網找了一些類似功能,
    可是反灰的背景都會有跨瀏覽器的問題.
    謝謝您~~~

    • 你所說的反灰的背景都有跨瀏覽器的問題，請問是怎樣的問題呢？
      能否弄個簡單的範例來讓大家測試看看~

  4. to 小錄
    你所指的是ASP.NET吧
    ASP是透過IIS來解析的，再將解析後的結果秀在瀏覽器
    所以你指的並不是跨瀏覽器的問題，而是網頁程式跨平台的問題

  5. 謝謝兩位大大的回覆:
    小弟使用這網頁中的範例
    http://www.cnblogs.com/houdejun214/archive/2010/01/09/1642939.html

    include jquery 檔案改為本機電腦的jquery路徑
    jquery小弟的版本為(1.4.2)

    範例中的"全部遮罩":
    瀏覽器畫面先不要使用全螢幕,按下"全部遮罩",再將畫面放大為全螢幕.變灰的地方只有剛剛畫面大小的範圍.IE6 IE7..等都會有這問題.
    ;firefox 3.5 則變灰的畫面,不是整個畫面.

    小弟使用 jquery Dialog 中的 modal為true 的情況,沒有以上問題.
    所以才想能不能直接拿出來使用.
    謝謝兩位大大~~~~

  6. 是的＠＠我找到問題了＠＠.. 不過想再請教一個網頁製作效果上的疑問.. 近日在apple的官網看到他們購物車右邊的欄位是可以隨著頁面移動..不是滑動哦.. 不知道那個效果該如何製作.. 還是男丁大大可以找到教學我可以自己參考.. 因為我搜尋好久都找不到相關資料.. 所以只好來請教男丁大大了 附上網址.. http://store.apple.com/us/configure/MC374LL/A?mco=MTc0Njg1ODA

發表迴響