利用JQuery製作自定義Alert Box

2022-06-15 05:33:09 字數 1846 閱讀 1770

在做網頁的時候常常會遇到這麼乙個需求,就是當我們做完一定的後台操作,比如說資料庫更新之後,需要給使用者乙個提示資訊,然後再轉向到其他頁面。

通常我們怎麼做呢?利用js自帶的alertbox嗎?那個太簡陋了,或者利用showmodeldialog彈出乙個網頁嗎?那個速度太慢又太醜陋。也許有人會利用js

來做一些特效,但是今天我在這裡介紹一種利用jquery框架就能輕鬆做到的辦法。

下面,就讓我們做乙個基本的aspx頁面,如下:

1@ page language="

c#"autoeventwireup="

true

"codebehind="

jalertbox.aspx.cs

"inherits="

blognet.jquery.jalertbox

"%>23

doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" ""

>45

<

html 

xmlns

="">

6<

head 

runat

="server"

>

7<

title

>

jquery alertbox

title

>

8<

link 

rel="stylesheet"

media

="all"

type

="text/css"

href

="../css/jprompt.css"

/>910

head

>

11<

body

>

12<

form 

id="form1"

runat

="server"

>

13<

div>

14<

asp:button 

id="btnalert"

runat

="server"

text

="my alertbox"

onclick

="btnalert_click"

/>

15div

>

16form

>

17body

>

18html

>

然後,我們需要寫乙個自定義的alertbox的js函式,為了日後方便管理,我們可以把它寫在乙個叫做jalertbox.js的檔案中,如下:

1function

jalertbox() 89

10$.prompt(strhtml,

1115

});16

}在按鈕的click事件中,可以這麼整:

1protected

void

btnalert_click(

object

sender,eventargs e)

2轉向頁面的**如下你可以自己任意寫乙個。

執行下看看效果如何:

alertbox效果如下:

這是轉向頁面:

利用QT製作自定義控制項

1.首先利用 qt crearot 建立乙個自定義控制項專案 在建立的過程中要指明建立的類和建立的類的例項名稱。這樣在以後使用的過程中可以直接使用。此處還得指明 icon 圖示檔案為了在 designer 中顯示。2.在建立的專案中開始編寫相應的處理函式,肯能主要的是過載 onpaint 函式,這樣...

利用JQuery的UI庫製作自定義js彈出式視窗

在 中我們經常會做一些好看的popup dialog。我們可以利用jquery官方提供的ui庫來做。而且,jquery ui庫效果更好,更成熟。今天,我們就來講一下怎麼利用jquery ui自身的ui庫來做自定義的dialog。放在特定的位置,我們好引用。jquery ui 1.7.2.custom...

jquery自定義校驗

jquery自定義校驗 自定義乙個方法例子 一 定義jquery validate的方法 validator.addmethod flushpricevalidate 引數說明 value 被校驗元素的 value值 element 代表被校驗元素,params 新增校驗規則時 function v...