Copy codeThe Code is as follows:
<Script type = "text/javascript" src = "js/jquery. js"> </script>
<Script type = "text/javascript" src = "js/json. js"> </script>
<Script type = "text/javascript" src = "js/jquery. funkyUI. js"> </script>
<Script type = "text/javascript">
$ (Document). ready (function (){
$ ("# Click"). click (function (){
$. GetJSON ("ajaxuser. jspx", {}, function (json ){
// Alert (json );
$ ("# ClickTab"). children (). each (function (){
$ (This). remove ();
});
$ (Json). each (function (){
Var id = this. uid;
Var name = this. uname;
Var pwd = this. upwd;
// Alert (name );
Var htmlStr = '<tr> <td bgcolor = "white">' + id + '</td>' + '<td bgcolor = "white">' + name +' </td> '+' <td bgcolor = "white"> '+ pwd +' </td> </tr> ';
$ ("# ClickTab"). append (htmlStr );
});
});
});
$ ("# ClickTab"). ajaxStart (function (){
$. FunkyUI ({
ShowDialog: false
});
});
$ ("# ClickTab"). ajaxStop (function (){
$. UnfunkyUI ();
});
});
</Script>
FinkyUI is a very useful jquery plug-in.
The guy who wrote this stuff is very strong.
Thank you. Otherwise, I don't know when to do this ......
---------------------------- Function ---------------------------
Unlimited pop-up window
* Exit block from Esc dialog box
* Drag a window
* Modal window
* Modal alert warning dialog box
* Modal confirm dialog box
* Page Local Mode
* Bind button Response Function
* Loading iframe in the pop-up window
* Custom background Style
The component provides six functions:
Copy codeThe Code is as follows:
$. FunkyUI // The modal window is displayed.
$. UnfunkyUI // close the modal window
$. Alert // warning dialog box
$. Confirm // confirmation and cancellation dialog box
$. Fn. block // block Mode
$. Fn. unblock // unblock Mode
Call example:
Copy codeThe Code is as follows:
$. BlockUI ({
Url: "1.html", // content displayed in the pop-up window, use iframe
OKEvent: okEvent, // okEvent is a custom OK button response function,
Css: {width: "700", height: "500 "}
});
$. Alert ("this is a warning window ");
$. Confirm ("this is a Boolean window ");
$ ('# Blocked'). block (); // The element whose id is blocked is set to read-only.
$ ('# Blocked'). unblock (); // lift