http://www.mdrt.org.cn/ zh-cn PBlog2 v2.4 http://www.mdrt.org.cn/images/logos.gif http://www.mdrt.org.cn/ 梦的热土 http://www.mdrt.org.cn/article/37.htm anyshe@126.com(jbkadmin) Thu,17 Jun 2010 13:24:02 +0800 http://www.mdrt.org.cn/default.asp?id=37 代码
using System;
using System.Data;
using System.Configuration;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Data;
using System.Data.OleDb;
using System.Data.SqlClient;

/// <summary>
///AccessDBHelper 的摘要说明
/// </summary>
public class AccessDBHelper
{
    private  string connectionString = "Provider=Microsoft.Jet.OleDb.4.0;Jet Oledb:Database Password=mingmei114;Data Source=";
    
    public AccessDBHelper()
    {
        
    }
    public AccessDBHelper(string AsaFilePath)
    {
        connectionString += AsaFilePath;
    }
    private  OleDbConnection connection;

    public  OleDbConnection Connection
    {
        get
        {
            if (connection == null)
            {
                connection = new OleDbConnection(connectionString);
                connection.Open();
            }
            else if (connection.State == System.Data.ConnectionState.Closed)
            {
                connection.Open();
            }
            else if (connection.State == System.Data.ConnectionState.Broken)
            {
                connection.Close();
                connection.Open();
            }
            return connection;
        }
    }



    public  int ExecuteCommand(string safeSql)
    {
        OleDbCommand cmd = new OleDbCommand(safeSql,Connection);
        int result = cmd.ExecuteNonQuery();
        return result;
    }

    public  int ExecuteCommand(string sql, params SqlParameter[] values)
    {
        OleDbCommand cmd = new OleDbCommand(sql, Connection);
        cmd.Parameters.AddRange(values);
        return cmd.ExecuteNonQuery();
    }

    public  int GetScalar(string safeSql)
    {
        OleDbCommand cmd = new OleDbCommand(safeSql, Connection);
        int result = Convert.ToInt32(cmd.ExecuteScalar());
        return result;
    }

    public  int GetScalar(string sql, SqlParameter[] values)
    {
        OleDbCommand cmd = new OleDbCommand(sql, Connection);
        cmd.Parameters.AddRange(values);
        int result = Convert.ToInt32(cmd.ExecuteScalar());
        return result;
    }

    public  OleDbDataReader GetReader(string safeSql)
    {
        OleDbCommand cmd = new OleDbCommand(safeSql, Connection);
        OleDbDataReader reader = cmd.ExecuteReader();
        return reader;
    }

    public  OleDbDataReader GetReader(string sql, SqlParameter[] values)
    {
        OleDbCommand cmd = new OleDbCommand(sql, Connection);
        cmd.Parameters.AddRange(values);
        OleDbDataReader reader = cmd.ExecuteReader();
        return reader;
    }

    public  DataTable GetDataSet(string safeSql)
    {
        DataSet ds = new DataSet();
        OleDbCommand cmd = new OleDbCommand(safeSql, Connection);
        OleDbDataAdapter da = new OleDbDataAdapter(cmd);
        da.Fill(ds);
        return ds.Tables[0];
    }

    public  DataTable GetDataSet(string sql, SqlParameter[] values)
    {
        DataSet ds = new DataSet();
        OleDbCommand cmd = new OleDbCommand(sql, Connection);
        cmd.Parameters.AddRange(values);
        OleDbDataAdapter da = new OleDbDataAdapter(cmd);
        da.Fill(ds);
        return ds.Tables[0];
    }


}

下面是前台的代码：
代码
protected string BindDrName(string srk) //收款人 销售员
    {
        if (Session["shopid"] == null)
            Response.Redirect("MemberLogin.aspx");
        string myshopDB = Session["shopid"].ToString();

        string asafilepath = System.Web.HttpContext.Current.Server.MapPath("~/App_Data/" + myshopDB + ".asa");
        AccessDBHelper acc = new AccessDBHelper(asafilepath);
        string sql = "select * from dr where dr_hm='" + srk +"'";
        DataTable dt = acc.GetDataSet(sql);
        string drname = "";
        foreach (DataRow item in dt.Rows)
        {
            drname = item["dr_name"].ToString();
        }
        return drname;
    }



该项目 在前台登录的时候做了一个下拉列表记录 选择的是那一项，然后记录该value然后存入session中，asa就是access数据库，名字与dropdownlist中的value对应，因为都是和数据库的某个id对应起来的，access数据库的名字就是一个id值，后缀名为 .asa。这一系列不断上传的asa文件就存放在根目录的App_Data文件中！]]> http://www.mdrt.org.cn/article/36.htm anyshe@126.com(jbkadmin) Sun,13 Jun 2010 09:53:47 +0800 http://www.mdrt.org.cn/default.asp?id=36 RegularExpressionValidator控件中正则表达式用法

验证数 字：
只 能输入1个数字



表达式

^\d$

描述

匹配一个数字

匹配的例子

0,1,2,3

不匹配的例子





只 能输入n个数字



表达式

^\d{n}$ 例如^\d{8}$

描述

匹配8个数字

匹配的例子

12345678,22223334,12344321

不匹配的例子





只 能输入至少n个数字



表达式

^\d{n,}$ 例如^\d{8,}$

描述

匹配最少n个数字

匹配的例子

12345678,123456789,12344321

不匹配的例子





只 能输入m到n个数字



表达式

^\d{m,n}$ 例如^\d{7,8}$

描述

匹配m到n个数字

匹配的例子

12345678,1234567

不匹配的例子

123456,123456789



只 能输入数字



表达式

^[0-9]*$

描述

匹配任意个数字

匹配的例子

12345678,1234567

不匹配的例子

E,



只 能输入某个区间数字



表达式

^[12-15]$

描述

匹配某个区间的数字

匹配的例子

12,13,14,15

不匹配的例子





只 能输入0和非0打头的数字



表达式

^(0|[1-9][0-9]*)$

描述

可以为0，第一个数字不能为0，数字中可以有0

匹配的例子

12,10,101,100

不匹配的例子

01,



只 能输入实数



表达式

^[-+]?\d+(\.\d+)?$

描述

匹配实数

匹配的例子

18,+3.14,-9.90

不匹配的例子

.6,33s,67-99



只 能输入n位小数的正实数



表达式

^[0-9]+(.[0-9]{n})?$以^[0-9]+(.[0-9] {2})?$为例

描述

匹配n位小数的正实数

匹配的例子

2.22

不匹配的例子

2.222,-2.22,http://blog.csdn.net/21aspnet



只 能输入m-n位小数的正实数



表达式

^[0-9]+(.[0-9]{m,n})?$以^[0-9]+(. [0-9]{1,2})?$为例

描述

匹配m到n位小数的正实数

匹配的例子

2.22,2.2

不匹配的例子

2.222,-2.2222,http://blog.csdn.net/21aspnet



只 能输入非0的正整数



表达式

^\+?[1-9][0-9]*$

描述

匹配非0的正整数

匹配的例子

2,23,234

不匹配的例子

0,-4,



只 能输入非0的负整数



表达式

^\-[1-9][0-9]*$

描述

匹配非0的负整数

匹配的例子

-2,-23,-234

不匹配的例子

0,4,



只 能输入n个字符



表达式

^.{n}$ 以^.{4}$为例

描述

匹配n个字符，注意汉字只算1个字符

匹配的例子

1234,12we,123清,清清月儿

不匹配的例子

0,123,123www,



只 能输入英文字符



表达式

^.[A-Za-z]+$为例

描述

匹配英文字符，大小写任意

匹配的例子

Asp,WWW,

不匹配的例子

0,123,123www,



只 能输入大写英文字符



表达式

^.[A-Z]+$为例

描述

匹配英文大写字符

匹配的例子

NET,WWW,

不匹配的例子

0,123,123www,



只 能输入小写英文字符



表达式

^.[a-z]+$为例

描述

匹配英文大写字符

匹配的例子

asp,csdn

不匹配的例子

0,NET,WWW,



只 能输入英文字符+数字



表达式

^.[A-Za-z0-9]+$为例

描述

匹配英文字符+数字

匹配的例子

1Asp,W1W1W,

不匹配的例子

0,123,123,www,



只 能输入英文字符/数字/下划线



表达式

^\w+$为例

描述

匹配英文字符或数字或下划线

匹配的例子

1Asp,WWW,12,1_w

不匹配的例子

3#,2-4,w#$,



密 码举例



表达式

^.[a-zA-Z]\w{m,n}$

描述

匹配英文字符开头的m-n位字符且只能数字字母或下划线

匹配的例子



不匹配的例子





验证首字母大写


表达式

\b[^\Wa-z0-9_][^\WA-Z0-9_]*\b

描述

首字母只能大写

匹配的例子

Asp,Net

不匹配的例子





验证网址（带?id=中文）VS.NET2005无此功能


表达式

^http:\/\/([\w-]+(\.[\w-]+)+(\/[\w- .\/\?%&=\u4e00-\u9fa5]*)?)?$



描述

验证带?id=中文

匹配的例子

,
http://blog.csdn.net?id= 清清月儿

不匹配的例子





验证汉字


表达式

^[\u4e00-\u9fa5]{0,}$

描述

只能汉字

匹配的例子

清清月儿

不匹配的例子





验证QQ号


表达式

[0-9]{5,9}

描述

5-9位的QQ号

匹配的例子

10000,123456

不匹配的例子

10000w,



验证电子邮件（验证MSN号一样）

表达式

\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*

描述

注意MSN用非 hotmail.com邮箱也可以

匹配的例子

aaa@msn.com

不匹配的例子

111@1. 



验证身份证号（粗验，最好服务器端调类库再细 验证）


表达式

^[1-9]([0-9]{16}|[0-9]{13})[xX0-9]$

描述



匹配的例子

15或者18位的身份证号，支 持带X的

不匹配的例子





验证手机号（包含159，不包含小灵通）


表达式

^13[0-9]{1}[0-9]{8}|^15[9]{1}[0-9]{8}

描述

包含159的手机号130-139

匹配的例子

139XXXXXXXX

不匹配的例子

140XXXXXXXX,



验证电话号码号（很复 杂，VS.NET2005给的是错的）


表达式（不完美）

方案一 ((\(\d{3}\)|\d{3}-)|(\(\d{4}\)|\d{4}-))?(\d{8}|\d{7})
方案二 (^[0-9]{3,4}\-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^\([0-9]{3,4}\)[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$) 支持手机号但也不完美

描述

上海：02112345678 3+8位
上海：021-12345678
上海： (021)-12345678
上海：(021)12345678
郑州：03711234567 4+7位
杭 州：057112345678 4+8位
还有带上分机号，国家码的情况
由于情况非 常复杂所以不建议前台做100%验证，到目前为止似乎也没有谁能写一个包含所有的类型，其实有很多情况本身就是矛盾 的。
如果谁有更好的 验证电话的请留言



匹配的例子



不匹配的例子





验证护照


表达式

(P\d{7})|G\d{8})



描述

验证P+7个数字和G+8个数字

匹配的例子



不匹配的例子

/



验证IP


表达式

^(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9])\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[0-9])$



描述

验证IP

匹配的例子

192.168.0.1 222.234.1.4

不匹配的例子





验证域

表达式

^[a-zA-Z0-9]+([a-zA-Z0-9\-\.]+)?\.(com|org|net|cn|com.cn|edu.cn|grv.cn|)$



描述

验证域

匹配的例子

csdn.net baidu.com it.com.cn

不匹配的例子

192.168.0.1



验证信用卡

表达式

^((?:4\d{3})|(?:5[1-5]\d{2})|(?:6011)|(?:3[68]\d{2})|(?:30[012345]\d))[ -]?(\d{4})[ -]?(\d{4})[ -]?(\d{4}|3[4,7]\d{13})$



描述

验证VISA卡，万事达卡，Discover卡，美国运通卡

匹配的例子



不匹配的例子





验 证ISBN国际标准书号

表达式

^(\d[- ]*){9}[\dxX]$



描述

验证ISBN国际标准书号

匹配的例子

7-111-19947-2

不匹配的例子





验 证GUID全球唯一标识符

表达式

^[A-Z0-9]{8}-[A-Z0-9]{4}-[A-Z0-9]{4}-[A-Z0-9]{4}-[A-Z0-9]{12}$



描述

格式8-4-4-4-12

匹配的例子

2064d355-c0b9-41d8-9ef7-9d8b26524751

不匹配的例子





验 证文件路径和扩展名

表达式

^([a-zA-Z]\:|\\)\\([^\\]+\\)*[^\/:*?"<>|]+\.txt(l)?$



描述

检查路径和文件扩展名

匹配的例子

E:\mo.txt

不匹配的例子

E:\ , mo.doc, E:\mo.doc ,



验 证Html颜色值

表达式

^#?([a-f]|[A-F]|[0-9]){3}(([a-f]|[A-F]|[0-9]){3})?$



描述

检查颜色取值

匹配的例子

#FF0000

不匹配的例子



]]> http://www.mdrt.org.cn/article/35.htm anyshe@126.com(jbkadmin) Sat,12 Jun 2010 11:31:30 +0800 http://www.mdrt.org.cn/default.asp?id=35
What?

jqModal is a plugin for jQuery to help you display notices, dialogs, and modal windows in a web browser. It is flexible and tiny, akin to a "Swiss Army Knife", and makes a great base as a general purpose windowing framework.

Features;

    * Designer Frieldly - Use *your* HTML+CSS for Layout and Styling
    * Translator/i18n friendly - No hardcoded English strings
    * Developer friendly - Extensible through callbacks to make anything (gallery slideshows, video-conferencing, etc.) possible
    * Simple support for remotely loaded content (aka "AJAX")
    * Multiple Modal Support (including Modal-in-Modal)

Why?

There is no shortage of dialog scripts that "dazzle" their audience. Some will try to walk your dog. These scripts are often rooted in unnecessary effects, are rigid, and extremely cumbersome. This is not where jqModal is headed! I wanted to write a simple modal framework. Something lightweight yet powerful and flexible. We'll demonstrate the dazzling dogwalks later... for now, you are encouraged to pioneer your own effects by harnessing the power of jQuery and jqModal!

If you like jqModal, please consider a dontation to support its development:
When?

Current Version: 2009.03.01 +r14
Copyright © 2007-2009 Brice Burgess - released under both the MIT and GPL licenses.
Where?

Download the Plugin (jqModal.js - 2.97k) [jQuery >= 1.1.3.1+]
Download the Styling (jqModal.css - 496 bytes)

[PREVIOUS RELEASES] available here.

[OPTIONAL] Drag'n'Resize Plugin (jqDnR.js - 874 bytes) - It is recommended to combine DnR and jqModal javascript files into one to reduce server overhead.

  ** file sizes reflect uncompressed source with header removed
Image Caching; Some browsers do not preload background images and image elements if they are hidden (have a parent whose display is set to none or hidden). This could effect the responsiveness of your dialogs. This page uses an OPTIONAL workaround to get around this issue. It preloads dialog decoration images for faster display. See the code used by clicking the HTML tab below;
HTML

<!-- optional: image cacheing. Any images contained in this div will be
    loaded offscreen, and thus cached -->
    
<style type="text/css">
/* Caching CSS created with the help of;
    Klaus Hartl <klaus.hartl@stilbuero.de> */
@media projection, screen {
     div.imgCache { position: absolute; left: -8000px; top: -8000px; }
     div.imgCache img { display:block; }
}
@media print { div.imgCache { display: none; } }
</style>

<div class="imgCache">
    <img src="inc/busy.gif" />
    <img src="dialog/close.gif" />
    <img src="dialog/sprite.gif" />
    <img src="dialog/close_sprite.gif" />
    <img src="dialog/bl.gif" />
    <img src="dialog/br.gif" />
    <img src="dialog/bc.gif" />
    <img src="notice/note_icon.png" />
    <img src="notice/close_icon.png" />
</div>

Test for Internet Explorer 6:
How?

Usage
Typically, to add popup dialogs, frames, windows, or what-have-yous to your website you must;

1. Add dialog placeholder(s) to your page
    Dialog placeholders are usually hidden <div> containers placed as children of the <body> element. CSS is used for styling and position. Dialogs are displayed("shown") when a trigger event occurs. Their contents(message/image/etc.) can be inline (hardcoded in the HTML) or added via ajax when the dialog is shown.
2. Initialize your dialog(s)
    jqModal must be called on each dialog element before it can be shown using the $.jqm() function. You can customize your dialogs by passing parameters as an argument (e.g. $('#dialog').jqm({modal: true, trigger: 'a.showDialog'});).

    NOTE: $.jqm() should only be called ONCE per dialog element! In special cases you may want to change a dialog's parameters. Subsequent calls to $.jqm() will update the dialog(s) parameters.
3. Trigger your dialog
    Dialogs are automatically shown when a "trigger" element is clicked. You can also manually trigger a dialog by executing the $.jqmShow() function on it.

Functions

jqm
    Initialize element(s) to be used as a jqModal. Accepts a parameters object. If element(s) are already initialized, the call will update their parameters.

    $('#dialog').jqm();
    $('.dialogs').jqm({ajax:'@href',modal:true});
jqmShow
    Show jqModal element(s).

    $('#dialog').jqmShow();
    $('.dialogs').jqmShow();
jqmHide
    Hide jqModal element(s).

    $('#dialog').jqmHide();
    $('.dialogs').jqmHide();
jqmAddTrigger
    Adds the passed element(s) as a "show" trigger. Clicking them will show the jqModal. Accepts;

        * (string) A jQuery Selector
        * (object) A jQuery Collection
        * (object) A DOM element

    $('#dialog').jqmAddTrigger('.openDialog');
    $('.dialogs').jqmAddTrigger($('#openDialogs a'));
jqmAddClose
    Adds the passed element(s) as a "close" trigger. Clicking them will hide the jqModal. Accepts;

        * (string) A jQuery Selector
        * (object) A jQuery Collection
        * (object) A DOM element

    $('#dialog').jqmAddClose('.hideDialog');
    $('.dialogs').jqmAddClose($('#hideDialogs a'));

Parameters
Parameters allow tailoring the behavior of any jqModal to your needs. They are passed on-the-fly as an object to the $.jqm function.

NOTE; you can overide the default setting of a parameter by modifying the $.jqm.params global. For instance, to have ALL dialogs appear as modal dialogs (without passing modal as "true"), execute $.jqm.params.modal = true before any calls to the $.jqm() function.

overlay
    The overlay transparency as a percentage. If 0 the overlay is disabled, and the page will remain interactive. If 100 the overlay will be 100% opaque.

    (integer) - default: 50
overlayClass
    Name of CSS class applied to the overlay.

    (string) - default: 'jqmOverlay'
closeClass
    When a dialog is shown, elements that have a CSS class of closeClass will close the dialog when clicked. For instance; If your dialog contains an <img class="closeClass" src="close.gif">, the dialog will close when this image is clicked. You can use $.jqmHide() to close a dialog manually.

    (string|false) - default: 'jqmClose'
trigger
    Elements matching trigger will show the dialog when clicked. They are assigned when $.jqm() is called. Triggers can be;

        * (string) A jQuery Selector
        * (object) A DOM element (e.g. $.jqm({trigger: document.getElementByID("showDialog")})
        * (false) The call to $.jqm() will not look for trigger elements.

    (string|object|false) - default: '.jqModal'
ajax
    If passed, dialog contents will be loaded remotely via ajax. You can pass the URL (e.g. $.jqm({ajax:'remote/dialog.html'}) or extract it from an attribute of the triggering element. For instance, $(.jqm({ajax:'@href'}) would grab contents from bar.html if the triggering element was <a href="foo/bar.html">Open Dialog</a>. If a more complicated loading routine is desired, the onShow() callback should be leveraged.

    (string|false) - default: false
ajaxText

NOTE: ajaxText is applicable only if the ajax parameter is passed.
    Text to display while waiting for ajax returned content. May include HTML (such as an loading image). E.g. $.jqm({ajaxText: '<marquee style="width: 1.5em;">.. ... .</marquee>'});

    (string) - default: ''
target

    NOTE: target is applicable only if the ajax parameter is passed.
    If passed, the ajax return will be loaded into the target element. The target element MUST EXIST as a child of the dialog. Target can be;

        * (string) A jQuery Selector
        * (object) A DOM element (e.g. $.jqm({target: $('#dialog div.contents')[0]})
        * (false) ajax return overwrites dialog's innerHTML

    (string|false) - default: false
modal
    Restricts input (mouse clicks, keypresses) to the dialog. NOTE: If false, and if overlay is enabled, CLICKING THE OVERLAY WILL CLOSE THE DIALOG.

    (boolean) - default: false
toTop
    When true; places the dialog element as a direct child of <body> when shown. This was added to help overcome z-Index stacking order issues.
    See the toTop demo to learn what to do if your overlay covers the entire page *including* the modal dialog!

    (boolean) - default: false
[Callbacks]
    Callbacks allow advanced customization of jqModal dialogs. Each callback is passed the "hash" object consisting of the following properties;

        * w: (jQuery object) The dialog element
        * c: (object) The config object (dialog's parameters)
        * o: (jQuery object) The overlay
        * t: (DOM object) The triggering element

onShow (callback)
    Called when a dialog is to be shown. Be sure to show (set visible) the dialog.

    // onShow : show+make the window translucent
    var myOpen=function(hash){ hash.w.css('opacity',0.88).show(); };
    $('#dialog').jqm({onShow:myOpen});

    (function|false) - default: false
onHide (callback)
    Called when a dialog is to be hidden. Be sure to remove the overlay (if enabled).

    // onHide : fade the window out, remove overlay after fade.
    var myClose=function(hash) { hash.w.fadeOut('2000',function(){ hash.o.remove(); }); };
    $('#dialog').jqm({onHide:myClose});

    (function|false) - default: false
onLoad (callback)
    Called right after ajax content is loaded.

    // onLoad : assign Mike Alsup's most excellent ajaxForm plugin to the returned form element(s).
    var myLoad = function(hash){ $('form',hash.w).ajaxForm(); };
    $('#dialog').jqm({onLoad:myLoad});

    (function|false) - default: false

See the README for further information.

Examples
1. Defaults -- view
Out-of-box behavior. The window and its content is taken "inline" from the element with an ID of 'dialog'. The dialog is "triggered" (shown) when element(s) with class jqModal are clicked. No parameters are passed, no fancy window decorations used.
Close READ ME --> This is a "vanilla plain" jqModal window. Behavior and appeareance extend far beyond this. The demonstrations on this page will show off a few possibilites. I recommend walking through each one to get an understanding of jqModal before using it.

You can view the sourcecode of examples by clicking the Javascript, CSS, and HTML tabs. Be sure to checkout the documentation too!

NOTE; You can close windows by clicking the tinted background known as the "overlay". Clicking the overlay will have no effect if the "modal" parameter is passed, or if the overlay is disabled.
Javascript

$().ready(function() {
  $('#dialog').jqm();
});

CSS

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: e­xpression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

HTML

<a href="#" class="jqModal">view</a>
...
<div class="jqmWindow" id="dialog">

<a href="#" class="jqmClose">Close</a>
<hr>
<em>READ ME</em> -->
This is a "vanilla plain" jqModal window. Behavior and appeareance extend far beyond this.
The demonstrations on this page will show off a few possibilites. I recommend walking
through each one to get an understanding of jqModal <em>before</em> using it.

<br /><br />
You can view the sourcecode of examples by clicking the Javascript, CSS, and HTML tabs.
Be sure to checkout the <a href="README">documentation</a> too!

<br /><br />
<em>NOTE</em>; You can close windows by clicking the tinted background known as the "overlay".
Clicking the overlay will have no effect if the "modal" parameter is passed, or if the
overlay is disabled.
</div>

2. AJAX -- view
This example demonstrates the ajax parameter. The window's content is pulled from a remote source (Relative URL: examples/2.html) when its trigger is clicked. The trigger parameter is used assign a "show trigger" to element(s) with class ex2trigger.
Please wait... loading
Javascript

$().ready(function() {
  $('#ex2').jqm({ajax: 'examples/2.html', trigger: 'a.ex2trigger'});
});

CSS

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: e­xpression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

HTML

<a href="#" class="ex2trigger">
...
<div class="jqmWindow" id="ex2">
Please wait... <img src="inc/busy.gif" alt="loading" />
</div>

3. Styling -- a. view (dialog), b. view (alert), c. view (notice)
This example demonstrates the ease in which stylish windows are constructed. All HTML and CSS is abstracted from the plugin which allows a designer unprecedented flexibility. Notice how custom overlays, ajax targets, and callbacks are used. I hope to eventually provide a repository of dialog themes. Interested in contributing? -- see note @ bottom of page.

Dialog Title
Styled windows or dialogs are easy!

This particular theme was done for poMMo -- feel free to borrow the styling, or use it as a reference when creating your own. CSS and Markup is available under the HTML + CSS tabs of example 3a.
Javascript

$().ready(function() {
  $('#ex3a').jqm({
    trigger: '#ex3aTrigger',
    overlay: 30, /* 0-100 (int) : 0 is off/transparent, 100 is opaque */
    overlayClass: 'whiteOverlay'})
    .jqDrag('.jqDrag'); /* make dialog draggable, assign handle to title */
  
  // Close Button Highlighting. IE doesn't support :hover. Surprise?
  $('input.jqmdX')
  .hover(
    function(){ $(this).addClass('jqmdXFocus'); },
    function(){ $(this).removeClass('jqmdXFocus'); })
  .focus(
    function(){ this.hideFocus=true; $(this).addClass('jqmdXFocus'); })
  .blur(
    function(){ $(this).removeClass('jqmdXFocus'); });

});

CSS

div.whiteOverlay { background: url(inc/jqmBG.gif) white; }
div.jqDrag {cursor: move;}

/* jqmModal dialog CSS courtesy of;
  Brice Burgess <bhb@iceburg.net> */

div.jqmDialog {
  display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -200px;
  width: 400px;

  overflow: hidden;
  font-family:verdana,tahoma,helvetica;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmDialog {
     position: absolute;
     top: e­xpression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/* [[[ Title / Top Classes ]]] */
div.jqmdTC {
  background: #d5ff84 url(dialog/sprite.gif) repeat-x 0px -82px;
  color: #528c00;
  padding: 7px 22px 5px 5px;
  font-family:"sans serif",verdana,tahoma,helvetica;
  font-weight: bold;
  * zoom: 1;
}
div.jqmdTL { background:  url(dialog/sprite.gif) no-repeat 0px -41px; padding-left: 3px;}
div.jqmdTR { background: url(dialog/sprite.gif) no-repeat right 0px; padding-right: 3px; * zoom: 1;}


/* [[[ Body / Message Classes ]]] */
div.jqmdBC {
  background: url(dialog/bc.gif) repeat-x center bottom;
  padding: 7px 7px 7px;
  height: 180px;
  overflow: auto;
}
div.jqmdBL { background: url(dialog/bl.gif) no-repeat left bottom; padding-left: 7px; }
div.jqmdBR { background: url(dialog/br.gif) no-repeat right bottom; padding-right: 7px; * zoom: 1 }

div.jqmdMSG { color: #317895; }


/* [[[ Button classes ]]] */
input.jqmdX {
  position: absolute;
  right: 7px;
  top: 4px;
  padding: 0 0 0 19px;
  height: 19px;
  width: 0px;
  background: url(dialog/close.gif) no-repeat top left;
  overflow: hidden;
}
input.jqmdXFocus {background-position: bottom left; outline: none;}

div.jqmdBC button, div.jqmdBC input[type="submit"] {
  margin: 8px 10px 4px 10px;
  color: #777;
  background-color: #fff;
  cursor: pointer;
}

div.jqmDialog input:focus, div.jqmDialog input.iefocus { background-color: #eaffc3; }

HTML

<a href="#" id="ex3aTrigger">view</a> (dialog)
...
<div id="ex3a" class="jqmDialog">
<div class="jqmdTL"><div class="jqmdTR"><div class="jqmdTC jqDrag">Dialog Title</div></div></div>
<div class="jqmdBL"><div class="jqmdBR"><div class="jqmdBC">

<div class="jqmdMSG">
Styled windows or dialogs are easy!

<br /><br />
This particular theme was done for <a href="http://www.pommo.org">poMMo</a> --
feel free to borrow the styling, or use it as a reference when creating your own.
CSS and Markup is available under the HTML + CSS tabs of example 3a.
</div>

</div></div></div>
<input type="image" src="dialog/close.gif" class="jqmdX jqmClose" />
</div>

  3a (dialog) - custom overlay, draggable window.

Did you know?
Close

Please wait... loading
Javascript

$().ready(function() {
  
  // select + reference "triggering element" -- will pass to $.jqm()
  var triggers = $('a.ex3bTrigger')[0];
  
  // NOTE; we could have used document.getElementById(), or selected
  //  multiple elemets with $(..selector..) and passed the trigger
  //  as a jQuery object. or, just include the string '#ex3btrigger'
  //  as the trigger parameter (as typically demonstrated).
  
  //  NOTE; we supply a target for the ajax return. This allows us
  //   to keep the structure of the alert window. An element can
  //   also be passed (see the documentation) as target.
  
  $('#ex3b').jqm({
    trigger: triggers,
    ajax: 'examples/3b.html',
    target: 'div.jqmAlertContent',
    overlay: 0
    });
  
  // Close Button Highlighting. IE doesn't support :hover. Surprise?
  if($.browser.msie) {
  $('div.jqmAlert .jqmClose')
  .hover(
    function(){ $(this).addClass('jqmCloseHover'); },
    function(){ $(this).removeClass('jqmCloseHover'); });
  }
});

CSS

/* jqModal alert CSS courtesy of;
   Alexandre Plennevaux <alexandre@pixeline.be>,
   Brice Burgess <bhb@iceburg.net> */


div.jqmAlert { /* contains + positions the alert window */
  display: none;
  
  position: fixed;
  top: 17%;
  width: 100%;
}
    
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmAlert {
     position: absolute;
     top: e­xpression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

div.jqmAlertWindow {
  height:auto;
  width: auto;
  margin: auto;
  
  max-width:400px;
  padding: 0 10px 10px;
  
  background:#111;
  border:1px dotted #FFF;
}

.jqmAlertTitle{
  margin:5px 2px;
  height:20px;
  color:#FFF;
  background:#000;
}
.jqmAlertTitle h1{
  margin:5px 2px;
  padding-left:5px;
  padding:0;
  font-size:14px;
  text-transform:capitalize;
  letter-spacing:-1px;
  font-weight:bold;
  color:#FFF;

  float:left;
  height:20px;
}

div.jqmAlert .jqmClose em{display:none;}
div.jqmAlert .jqmClose {
  width:20px;
  height:20px;
  display:block;
  float:right;
  clear:right;
  background:transparent url(alert/close_icon_double.png) 0 0 no-repeat;
}

div.jqmAlert a.jqmClose:hover,div.jqmAlert a.jqmCloseHover{ background-position: 0 -20px; }

div.jqmAlertContent{
  border-top:px;
  color:#FFF;
  font:11px/14pt arial;
  padding:5px 20px 5px;
  margin:5px;
  border:1px dotted #111;
  letter-spacing:0px;
  background:#111 url(alert/darkgrid.png);
}

/*掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳
  clearing a float without additional markup
   http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

HTML

<a href="#" class="ex3bTrigger">view</a> (alert)
...
<div class="jqmAlert" id="ex3b">

<div id="ex3b" class="jqmAlertWindow">
    <div class="jqmAlertTitle clearfix">
    <h1>Did you know?</h1><a href="#" class="jqmClose"><em>Close</em></a>
  </div>
  
  <div class="jqmAlertContent">
  <p>Please wait... <img src="inc/busy.gif" alt="loading" /></p>
  </div>
</div>

</div>

  3b (alert) - ajax target.

Did you know?

Pine, spruce, or other evergreen wood should never be used in barbecues. These woods, when burning or smoking, can add harmful tar and resins to the food. Only hardwoods should be used for smoking and grilling, such as oak, pecan, hickory, maple, cherry, alder, apple, or mesquite, depending on the type of meat being cooked.
close resize
Javascript

// this example shows the use of onShow and onHide callbacks. Make
// sure to read the documentation for futher instructions, and
// an explanation of the "hash" argument.

$().ready(function() {
  $('#ex3c')
    .jqDrag('.jqDrag')
    .jqResize('.jqResize')
    .jqm({
      trigger:'#ex3cTrigger',
      overlay: 0,
      onShow: function(h) {
        /* callback executed when a trigger click. Show notice */
        h.w.css('opacity',0.92).slideDown();
        },
      onHide: function(h) {
        /* callback executed on window hide. Hide notice, overlay. */
        h.w.slideUp("slow",function() { if(h.o) h.o.remove(); }); }
      });
});

CSS

div.jqmNotice img.jqResize {position: absolute; right: 2px; bottom: 2px;}

/* Notice CSS courtesy of;
   Alexandre Plennevaux <alexandre@pixeline.be>,
   Brice Burgess <bhb@iceburg.net> */

div.jqmNotice {
    display: none;
    
    position: relative;
    
    width: 320px;
  background:#FFFFCC url(notice/note_icon.png) 5px 5px no-repeat;
    border: 1px solid #000;
    padding: 0;
}

.jqmnTitle{margin: 0 25px;}
  
.jqmnTitle h1{
  margin: 5px 0;
  padding-left:5px;
  width: 100%;
  
  font-size:10px;
  color:#FFFFCC;
  background-color:#505050;
}

div.jqmNotice .jqmClose {
  position: absolute;
  cursor: pointer;
  right: 4px;
  top: 6px;
}

.jqmnContent{
  border-top:1px;
  color:#000;
  font:12px/18pt Comic Sans, Comic Sans MS, cursive;
  padding:0 20px 5px;
}

HTML

<a href="#" id="ex3cTrigger">view</a> (notice)
...
<div style="position: absolute; margin: -100px 0 0 100px;">
<div id="ex3c" class="jqmNotice">
    <div class="jqmnTitle jqDrag">
      <h1>Did you know?</h1>
    </div>
  
  <div class="jqmnContent">
  <p>Pine, spruce, or other evergreen wood should never be used in barbecues. These woods, when burning or smoking, can add harmful tar and resins to the food. Only hardwoods should be used for smoking and grilling, such as oak, pecan, hickory, maple, cherry, alder, apple, or mesquite, depending on the type of meat being cooked.</p>
  </div>
  
  <img src="notice/close_icon.png" alt="close" class="jqmClose" />
  <img src="dialog/resize.gif" alt="resize" class="jqResize" />
</div>
</div>

  3c (alert) - onShow, onHide callbacks.
4. Modal, Nested Modal -- a. view (4a.html), b. view (4b.html)
Focus can be forced on a dialog, making it a true "modal" dialog. Also exemplified is the ajax attribute selector (using @href). Any DOM attribute can be used to extract the ajax url (see the documentation).
Modal Dialog

Please wait... loading
Modal Dialog

You bet!

Notice that you can only interact with this modal. If you click outside of it, focus will return to the form input element.

When this window is closed, the focus lock will resume on the calling modal window. This will repeat until there are no more modals open.

Use the "z-index" to control overlay and window overlap. See the documentation.
Javascript

$().ready(function() {
  
  // notice that you can pass an element as the target
  //  in addition to a string selector.
  var t = $('#ex4 div.jqmdMSG');
  
  $('#ex4').jqm({
    trigger: 'a.ex4Trigger',
    ajax: '@href', /* Extract ajax URL from the 'href' attribute of triggering element */
    target: t,
    modal: true, /* FORCE FOCUS */
    onHide: function(h) {
      t.html('Please Wait...');  // Clear Content HTML on Hide.
      h.o.remove(); // remove overlay
      h.w.fadeOut(888); // hide window
      
    },
    overlay: 0});
  
   // nested dialog
   $('#ex4c').jqm({modal: true, overlay: 10, trigger: false});
  
  // Close Button Highlighting Javascript provided in ex3a.
  
  // Work around for IE's lack of :focus CSS selector
  if($.browser.msie)
    $('input')
      .focus(function(){$(this).addClass('iefocus');})
      .blur(function(){$(this).removeClass('iefocus');});
  
});

CSS

/* jqmModal dialog CSS inherited from Example 3a ... */

div.jqmdAbove { z-index: 5000; top: 8%; } /* used by 4c -- nested modal */

div.jqmdWide { width: 560px; margin-left: -280px; }
div.jqmdTall { height: 330px; }


div.centered { width: 100%; text-align: center; }
div.buttons input{ margin: 10px 14px; }
div.output { margin: 10px; color: red; }

.largeText { font-size: 120%; font-weight: bold; }
.smallText { font-size: 85%; }

HTML

<a href="examples/4a.html" class="ex4Trigger">view</a> (4a.html)
<a href="examples/4b.html" class="ex4Trigger">view</a> (4b.html)
...
<div id="ex4" class="jqmDialog jqmdWide">
<div class="jqmdTL"><div class="jqmdTR"><div class="jqmdTC">Modal Dialog</div></div></div>
<div class="jqmdBL"><div class="jqmdBR"><div class="jqmdBC">

<div class="jqmdMSG">
<p>Please wait... <img src="inc/busy.gif" alt="loading" /></p>
</div>

</div></div></div>
<input type="image" src="dialog/close.gif" class="jqmdX jqmClose" />
</div>


<!-- nested dialog -->
<div id="ex4c" class="jqmDialog jqmdAbove">
<div class="jqmdTL"><div class="jqmdTR"><div class="jqmdTC">Modal Dialog</div></div></div>
<div class="jqmdBL"><div class="jqmdBR"><div class="jqmdBC jqmdTall">

<div class="jqmdMSG">
<p class="largeText">You bet!</p>

<p>Notice that you can only interact with this modal.
If you click outside of it, focus will return to the form input element.
</p>

<input type="text" size="15" value="I get focus"/>
<input type="text" size="15" value=""/>

<p>
When this window is closed, the focus lock will resume on the calling
modal window. This will repeat until there are no more modals open.
</p>

<p>
Use the "z-index" to control overlay and window overlap. See the <a href="README">documentation</a>.
</p>
</div>

</div></div></div>
<input type="image" src="dialog/close.gif" class="jqmdX jqmClose" />
</div>

5. Multi-Show/Hide -- a. view (show all), b. view (hide all), c. view (show+hide some)
Triggers can cotrol more than 1 jqModal. You can assign new show or hide triggers to any jqModal element with $.jqmAddTrigger and $.jqmAddClose.
Square A
Square B
Square D
Square C
Javascript

$().ready(function() {
  var show = $('#ex5show');
  var hide = $('#ex5hide');
  
  $('div.square')
    .jqm({overlay: 0, trigger: false})
    //.jqDrag()
    .jqmAddTrigger(show)
    .jqmAddClose(hide)
    
  $('#ex5multi').click(function() {
    $('div.square:even').jqmShow();
    $('div.square:odd').jqmHide();
    return false;
  });
});

CSS

div.square {
  display: none;
  height: 88px;
  width: 88px;
  font-size: 10px;
  padding: 5px;
  border: 1px solid;
  position: absolute;
}

div.square.a{
  background: #EEE;
  color: #777;
  border-color: #777;
  margin: 0 0 0 300px;
}

div.square.b{
  background: #FFF6E5;
  color: #FF8000;
  border-color: #FF8000;
  margin: -300px 0 0 300px;
}

div.square.c{
  background: #DDF0BD;
  color: green;
  border-color: green;
  margin: 0 0 0 600px;
}

div.square.d{
  background: #FFF1F1;
  color: red;
  border-color: red;
  margin: -300px 0 0 600px;
}

HTML

<a href="#" id="ex5show">view</a> (show all)
<a href="#" id="ex5hide">view</a> (hide all)
<a href="#" id="ex5multi">view</a> (show+hide some)
...

<div class="squarePlacer">

<div class="square a">
Square A
</div>

<div class="square b">
Square B
</div>

<div class="square d">
Square D
</div>

<div class="square c">
Square C
</div>

</div>

6. FUN! Overrides -- a. view (alert), b. view (confirm)
It is now time to show a real-world use for jqModal -- overriding the standard alert() and confirm dialogs! Note; due to the single threaded nature of javascript, the confirm() function must be passed a callback -- it does NOT return true/false.
Warning!
Close
Confirmation por favor...
Close

Continue?
Javascript

/* Overriding Javascript's Alert Dialog */

function alert(msg) {
  $('#alert')
    .jqmShow()
    .find('div.jqmAlertContent')
      .html(msg);
}

$().ready(function() {
  $('#alert').jqm({overlay: 0, modal: true, trigger: false});
  
  // trigger an alert whenever links of class alert are pressed.
  $('a.alert').click(function() {
    alert('You Have triggered an alert!');
    return false;
  });
});


/* Overriding Javascript's Confirm Dialog */

// NOTE; A callback must be passed. It is executed on "cotinue".
//  This differs from the standard confirm() function, which returns
//   only true or false!

// If the callback is a string, it will be considered a "URL", and
//  followed.

// If the callback is a function, it will be executed.


function confirm(msg,callback) {
  $('#confirm')
    .jqmShow()
    .find('p.jqmConfirmMsg')
      .html(msg)
    .end()
    .find(':submit:visible')
      .click(function(){
        if(this.value == 'yes')
          (typeof callback == 'string') ?
            window.location.href = callback :
            callback();
        $('#confirm').jqmHide();
      });
}


$().ready(function() {
  $('#confirm').jqm({overlay: 88, modal: true, trigger: false});
  
  // trigger a confirm whenever links of class alert are pressed.
  $('a.confirm').click(function() {
    confirm('About to visit: '+this.href+' !',this.href);
    return false;
  });
});

CSS

div.jqmConfirm input[type="submit"] { padding: 4px; margin: 10px 30px; background: #000; color: #FFF; border: 1px solid #AAA; }

/* jqModal confirm CSS courtesy of;
   Alexandre Plennevaux <alexandre@pixeline.be>,
   Brice Burgess <bhb@iceburg.net> */

div.jqmConfirm { /* contains + positions the alert window */
  display: none;
  
  position: fixed;
  top: 17%;
  width: 100%;
}
    
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmConfirm {
     position: absolute;
     top: e­xpression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

div.jqmConfirmWindow {
  height:auto;
  width: auto;
  margin: auto;
  
  max-width:400px;
  padding: 0 10px 10px;
  
  background:#FFF;
  border:1px dotted #FFF;
}

.jqmConfirmTitle{
  margin:5px 2px;
  height:20px;
  color:#000;
  background:#FFF;
}
.jqmConfirmTitle h1{
  margin:5px 2px;
  padding-left:5px;
  padding:0;
  font-size:14px;
  text-transform:capitalize;
  letter-spacing:-1px;
  font-weight:bold;
  color:#000;

  float:left;
  height:20px;
}

div.jqmConfirm .jqmClose em{display:none;}
div.jqmConfirm .jqmClose {
  width:20px;
  height:20px;
  display:block;
  float:right;
  clear:right;
  background:transparent url(confirm/close_icon_double.png) 0 0 no-repeat;
}

div.jqmConfirm a.jqmClose:hover{ background-position: 0 -20px; }

div.jqmConfirmContent{
  border-top:px;
  color:#000;
  font:11px/14pt arial;
  padding:5px 20px 5px;
  margin:5px;
  border:1px dotted #111;
  letter-spacing:0px;
  background:#FFF url(confirm/darkgrid.png);
}

/*掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳掳
  clearing a float without additional markup
   http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

HTML

<a href="#" class="alert">view</a> (alert)
<a href="#" class="confirm">view</a> (confirm)
...
<!-- Alert Dialog -->
<div class="jqmAlert" id="alert">

<div id="ex3b" class="jqmAlertWindow">
    <div class="jqmAlertTitle clearfix">
    <h1>Warning!</h1><a href="#" class="jqmClose"><em>Close</em></a>
  </div>
  
  <div class="jqmAlertContent"></div>
</div>

</div>



<!-- Confirm Dialog -->
<div class="jqmConfirm" id="confirm">

<div id="ex3b" class="jqmConfirmWindow">
    <div class="jqmConfirmTitle clearfix">
    <h1>Confirmation por favor...</h1><a href="#" class="jqmClose"><em>Close</em></a>
  </div>
  
  <div class="jqmConfirmContent">
  <p class="jqmConfirmMsg"></p>
  <p>Continue?</p>
  </div>
  
  <input type="submit" value="no" />
  <input type="submit" value="yes" />
  </p>
  
</div>

</div>

7. External Site (iframe) usage (with added bling-in-the-box)
Alexandre Plennevaux has posted a tutorial on effectively using jqModal to load external sites into a popup dialog. His method updates an iframe inside a dialog with the HREF attribute of the triggering element. It is an excellent example of real-world jqModal usage. As an added bonus; the bling-factor is furthered by showing off some fancy animated transistions! Be sure to check out his demonstration.
Etc.

Previous Releases
All revisions of jqModal are available are available here.

Known Issues, Pending Fixes

        * Update jqDnR, make squares draggable
        * Demonstrate an enhanced slideshow
        * Incorporate "smart" modal focus routine
        * Abstract IE6 workarounds from base CSS, use conditional includes

R14 Changes

    Changes include smart detection of the triggering element. This allows you to call $.jqmShow() and $.jqmHide() within the event context of a non-initialized triggering element, and that element will mask a proper initialized trigger.

    This (very minor) change is intended to improve the plugin's natural behavior -- that is; to behave as expected. It will make "live querying" modal triggers easier for some.

    A simple example of the new behavior is shown below. It will show and load the remote content of all anchor links into the modal window whenever they are clicked.

    <a href="http://my.ajax/content">open modal with my.ajax/content</a>

    <div id="jqModal" class="jqmWindow" style="display: none;"></div>

    <script type="text/javascript">

    jQuery().ready(function($){
    
      // initialize modal,
      // load the container with a remote return based on the 'href'
      //    attribute of triggering element(s)
    
      $('#jqModal').jqm({ajax:'@href'});
    
    
      // open the modal whenever anchor links on the page are clicked
       $('a').live('click',function(){
          $('#jqModal').jqmShow();
      });
    
    
    });
    </script>

R13 Changes

        * Minor code optimizations
        * Fixed potential exception in modal focus routine
        * Overlays of modal dialogs are no longer automatically styled with a "wait" cursor. Use CSS to control
        * Exposed overiding of default parameter values via the $.jqm.params global

R12 Changes

        * Now dual licensed under the MIT and GPL licenses
        * Compatibility with jQuery 1.2.6
        * Removed zIndex parameter
        * Subsequent $.jqm calls now update configuration
        * AJAX target is now cleared before load
        * Added ajaxText parameter

R11 Changes

        * added toTop argument to break z-Index container restraints (demo)
        * improved focus method tolerance
        * overlay now takes z-Index stacking order precedence

Earlier Release Changes

R10 Changes;

    * focus element re-calculated every modal click to prevent IE error
    * ie6 sets body width to 100%
    * Require fixed pushStack,$.browser.version -- jQuery 1.1.3.1 MINIMUM!
    * compressible with a javascript packer
    * HTTPS/SSL served iFrame content will not throw warnings in IE



R8,R9 Changes

    * Updated CSS, Sync up.
    * Fixed IE crash when ajax loaded elements used as trigger(s)
    * IE6 - overlay now covers dialog only, allowing page interaction when overlay: 0



R7 Changes

    * Added $.jqmShow, $.jqmHide to manually hide/show dialogs
    * Added $.jqmAddTrigger and $.jqmAddClose to bind show/hide to elements
    * Added onLoad callback (called after ajax return)
    * Added support for handling multiple dialogs @ once across ALL functions
    * Removed auto-fire parameter, replaced via $(e).jqm().jqmShow()
    * Removed $.jqmClose()
    * Removed "wrapClass" parameter, updated base CSS
    * CSS z-index value takes priority over "zIndex" parameter
    * Triggers can hide, show, or hide AND show jqModals
    * Overlays+IE6 iframe are now fixed positioned - support for ie6 quirks + standards mode
    * Internal Improvements, no event data


]]> http://www.mdrt.org.cn/article/30.htm anyshe@126.com(jbkadmin) Fri,12 Mar 2010 11:32:53 +0800 http://www.mdrt.org.cn/default.asp?id=30
    2、用showModalDialog打开的窗口里，用到获取浏览器版本(navigator.userAgent)的时候会出现

“存储空间不足，无法完成此操作”的错误，导致这个页面的在它之后的其他Script都不好使，对于业务系统，产生的后果非常之严重。

测试脚本：

<button onclick=test()>Test </button>
<SCRIPT>
function test(){
showModalDialog("javascript:alert(navigator.userAgent);");
}
</SCRIPT>

今天终于找到真正的原因是注册表里的内容被修改了，至于被什么软件修改了请大家自己检查一下注册表里的项即可。具体的注册表位置是两个地方：

HKEY_LOCAL_MACHINE \ SOFTWARE \ Microsoft \ Windows \ CurrentVersion \ Internet Settings \ 5.0 \ User Agent

与

HKEY_CURRENT_USER \ SOFTWARE \ Microsoft \ Windows \ CurrentVersion \ Internet Settings \ 5.0 \ User Agent

在我的机器上发现我的 HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\User Agent\Post Platform 有一个字符串的键值被改为：EmbeddedWB 14.52 from: http://www.bsalsa.com/ EmbeddedWB 14.52  就是因为这个键名太长了，所以导致通过javascript取的时候报错，检查这两个位置下的键名是否有这样的情况，修改后，重启机器，即可解决该问题。

参考：http://www.winhelponline.com/articles/35/1/Windows-Update-page- says-Thank-you-for-your-interest-in-obtaining-updates-from-our-site.html

以下是原先的理解：

也有不少的狗友们发现了这个问题，卸载KuGoo2007就好了，所以确认为KuGoo2007导致IE的问题。

解决办法：
http://service.kugoo.com/Display.asp?ID=96640 关注这个回帖（这个被关掉了）

目前已知的解决办法。（我还没有试过，太麻烦了）
可以肯定的是Kugoo2007 或者Kugoo mini播放器修改了注册表，使得IE6无法正常读取系统信息。解决方法如下：
（1）下载并安装Windows xp版本的IE7；
（2）安装完毕，并重启系统后运行IE7；
（3）开启 工具－>Internet选项->高级->还原设置，完成最彻底的还原。

执行完毕上述操作后，卸载IE7并重新启动系统，IE6恢复正常。

安装这个补丁据说可以修复次问题
http://support.microsoft.com/kb/945007
下载：http://www.microsoft.com/downloads /details.aspx?FamilyId=3F8BA2AA-ED73-4764-A56D-9515A9C500DE&displaylang=en
我试了，但解决不了。只好等kugoo出新版本来看看有没有办法解决，我现在已经安装了kugoo 4.024的版本了。还是不行。

我安装IE 8 就正常了，但用不了中国银行的网银，删除IE8再安装IE7，然后进入高级，重置全部，就正常啦，哈哈 ]]> http://www.mdrt.org.cn/article/29.htm anyshe@126.com(jbkadmin) Mon,08 Mar 2010 14:49:04 +0800 http://www.mdrt.org.cn/default.asp?id=29 点击下载此文件
]]> http://www.mdrt.org.cn/article/28.htm anyshe@126.com(jbkadmin) Fri,22 Jan 2010 15:26:11 +0800 http://www.mdrt.org.cn/default.asp?id=28
ASP.NET回车提交事件实现1、

当你的光标焦点进入某个表单元素的时候，会激活该表单中第一个（流布局顺从左到右，从上至下） type=submit 的按钮（假如有），等待响应回车事件，并提交该form

你可以测试一下代码：

   1. ﹤form action=""﹥
   2. ﹤input type="text" /﹥
   3. ﹤input type="submit" value="submit" /﹥
   4. ﹤/form﹥
   5. ﹤form action=""﹥
   6. ﹤input type="text" /﹥
   7. ﹤input type="button" value="submit" /﹥
   8. ﹤/form﹥

ASP.NET回车提交事件实现2.

在 ASP.NET 2.0 中 button 默认呈现为 ﹤input type=submit﹥ 此时不要额外脚本提交form ，submit 按钮就是设计用来提交form 而在 1.x 中则呈现为 ﹤input type=button onclick=_doPostBack(...) /﹥ 此普通 button 不具备 submit 的上述默认行为

ASP.NET回车提交事件实现3. 禁用此默认行为有法二

(1)设置 form 元素的 defualtButton 为你希望响应回车的真正按钮如下

   1. ﹤form id="form1"
   2.
   3. runat="server"
   4.
   5. defaultbutton="Button1"﹥

注意 defaultButton = ﹤ ﹤TargetButton.ID﹥﹥ 因此这对复合控件中比如模板的 Button 可能无效（未测试）

(2)修改 button 呈现方式 UseSubmitBehavior="false"

   1. ﹤asp:Button ID="Button1"
   2.
   3. runat="server" Text="Button"
   4.
   5. onclick="Button1_Click"
   6.
   7. UseSubmitBehavior="false" /﹥

另外可以通过控制焦点的方式，过滤回车实践，需要记录一笔的是，获取当前页面焦点所在控件的ID：

   1. document.activeElement  

对于ASP.NET.我们在TextBox1中输入内容后，按下enter键后，就执行Button1的click方法。那么在page_load事件方法中写。

   1. TextBox1.Attributes.Add("onkeydown",
   2.
   3. "if(event.which || event.keyCode){
   4.
   5. if ((event.which == 13) || (event.keyCode == 13)) {
   6.
   7. document.getElementById('"+
   8.
   9. Button1.UniqueID+"').click();return false;}}
  10.
  11. else {return true}; ");

有ASP.NET里面用了form runat=server的表单的时候，里面的﹤asp:button .. 总不能按个回车提交表单，很是不爽。
现在终于发现了一个属性可以干这个事情，用 this.Form.DefaultButton = "ContentPlaceHolder1$btsubmit";
值得注意的是，如果用了masterPage(母板页)，那么要在按钮ID前加上母板的ID:ContentPlaceHolderID和一个美元符($)

C#实现代码如下：

   1. ﹤%@ Page Language="C#"
   2. MasterPageFile="~/MasterPage.master"
   3. AutoEventWireup="true"
   4. CodeFile="login.aspx.cs"
   5. Inherits="login" %﹥
   6. ﹤asp:Content ID="Content1"
   7. ContentPlaceHolderID="ContentPlaceHolder1"
   8. Runat="Server"﹥
   9. ﹤asp:TextBox runat="server"
  10. ID="wd" ﹥﹤/asp:TextBox﹥
  11. ﹤asp:Button ID="btsubmit"
  12. runat="server" Text="提交"
  13. OnClick="btsubmit_Click" /﹥
  14. ...........................
  15. ﹤/asp:Content﹥

(1)含母板页的类中:

   1. protected void Page_Load(object sender, EventArgs e)
   2. {
   3. this.Form.DefaultButton = "ContentPlaceHolder1$btsubmit";
   4. }

或者在内容页

   1. protected void Page_Load(object sender, EventArgs e)
   2. {
   3. this.Page.Form.DefaultButton = "ContentPlaceHolder1$btsubmit";
   4. }

(2)非母板页的类中:

   1. protected void Page_Load(object sender, EventArgs e)
   2. {
   3. this.Form.DefaultButton = "btsubmit";
   4. }

ASP.NET回车提交事件的具体情况就向你介绍到这里，希望对你了解和学习ASP.NET回车提交事件有所帮助。]]> http://www.mdrt.org.cn/article/jbkadmin.htm anyshe@126.com(jbkadmin) Sat,09 Jan 2010 13:55:00 +0800 http://www.mdrt.org.cn/default.asp?id=26 DECLARE @LN_N INT,@MN_N INT,@FN_N INT
SET @LN='李王张刘陈杨黄赵周吴徐孙朱马胡郭林何高梁郑罗宋谢唐韩曹许邓萧冯曾程蔡彭潘袁于董余苏叶吕魏蒋田杜丁沈姜范江傅钟卢汪戴崔任陆廖姚方金邱夏谭韦贾邹石熊孟秦阎薛侯雷白龙段郝孔邵史毛常万顾赖武康贺严尹钱施牛洪龚'
SET @MN='德绍宗邦裕傅家積善昌世贻维孝友继绪定呈祥大正启仕执必定仲元魁家生先泽远永盛在人为任伐风树秀文光谨潭棰'
SET @FN='丽云峰磊亮宏红洪量良梁良粮靓七旗奇琪谋牟弭米密祢磊类蕾肋庆情清青兴幸星刑'
SET @LN_N=LEN(@LN)
SET @MN_N=LEN(@MN)
SET @FN_N=LEN(@FN)
DECLARE @TMP VARCHAR(1000),@I INT
SET @I=100
WHILE @I<1000000
BEGIN
    SET @TMP=CAST(SUBSTRING(@LN,CAST(RAND()*@LN_N AS INT),1) AS VARCHAR)
    SET @TMP=@TMP+CAST(SUBSTRING(@MN,CAST(RAND()*@MN_N AS INT),1) AS VARCHAR)
    SET @TMP=@TMP+CAST(SUBSTRING(@FN,CAST(RAND()*@FN_N AS INT),1) AS VARCHAR)
    Insert INTO TB_T(MINGZI)VALUES(@TMP)
    SET @I=@I+1
END]]> http://www.mdrt.org.cn/article/25.htm anyshe@126.com(jbkadmin) Fri,25 Dec 2009 12:05:34 +0800 http://www.mdrt.org.cn/default.asp?id=25 File.Copy(pathfrom,pathto);
]]> http://www.mdrt.org.cn/article/19.htm anyshe@126.com(jbkadmin) Tue,17 Nov 2009 13:31:13 +0800 http://www.mdrt.org.cn/default.asp?id=19 Select * FROM A Where CONTAINS(B,'"IT"Or"理论"')5257条记录
Select * FROM A Where B Like'%IT%' or B LIKE '%理论%' 5468条记录
结论：需要精确查询用Like如产品搜索，内容搜索可以用CONTAINS提高效率。]]> http://www.mdrt.org.cn/article/15.htm anyshe@126.com(jbkadmin) Thu,12 Nov 2009 17:55:39 +0800 http://www.mdrt.org.cn/default.asp?id=15 接下来，就是配置自己的编辑器啦～
配置的方式有三种：
1.
2.
3.
我个人喜欢使用config.js的方式来使用，下面以此为例，介绍其配置参数。（所示为默认值）
//当提交包含有此编辑器的表单时，是否自动更新元素内的数据
config.autoUpdateElement = true

//编辑器的z-index值
config.baseFloatZIndex = 10000

//设置是使用绝对目录还是相对目录，为空为相对目录
config.baseHref = ''

//设置快捷键 从上往下依次是：获取焦点，元素焦点，文本菜单，撤销，重做，重做，链接，粗体，斜体，下划线
config.keystrokes =
[
    [ CKEDITOR.ALT + 121 /*F10*/, 'toolbarFocus' ],
    [ CKEDITOR.ALT + 122 /*F11*/, 'elementsPathFocus' ],

    [ CKEDITOR.SHIFT + 121 /*F10*/, 'contextMenu' ],

    [ CKEDITOR.CTRL + 90 /*Z*/, 'undo' ],
    [ CKEDITOR.CTRL + 89 /*Y*/, 'redo' ],
    [ CKEDITOR.CTRL + CKEDITOR.SHIFT + 90 /*Z*/, 'redo' ],

    [ CKEDITOR.CTRL + 76 /*L*/, 'link' ],

    [ CKEDITOR.CTRL + 66 /*B*/, 'bold' ],
    [ CKEDITOR.CTRL + 73 /*I*/, 'italic' ],
    [ CKEDITOR.CTRL + 85 /*U*/, 'underline' ],

    [ CKEDITOR.ALT + 109 /*-*/, 'toolbarCollapse' ]
]  

//设置快捷键 可能与浏览器快捷键冲突 plugins/keystrokes/plugin.js.
config.blockedKeystrokes =
[
    CKEDITOR.CTRL + 66 /*B*/,
    CKEDITOR.CTRL + 73 /*I*/,
    CKEDITOR.CTRL + 85 /*U*/
]  

//设置编辑内元素的背景色的取值 plugins/colorbutton/plugin.js.
config.colorButton_backStyle =
    {
        element : 'span',
        styles : { 'background-color' : '#(color)' }
    }

//设置前景色的取值 plugins/colorbutton/plugin.js
config.colorButton_colors = '000,800000,8B4513,2F4F4F,008080,000080,4B0082,696969,B22222,A52A2A,DAA520,006400,40E0D0,0000CD,800080,808080,F00,FF8C00,FFD700,008000,0FF,00F,EE82EE,A9A9A9,FFA07A,FFA500,FFFF00,00FF00,AFEEEE,ADD8E6,DDA0DD,D3D3D3,FFF0F5,FAEBD7,FFFFE0,F0FFF0,F0FFFF,F0F8FF,E6E6FA,FFF’

//是否在选择颜色时显示“其它颜色”选项 plugins/colorbutton/plugin.js
config.colorButton_enableMore = false

//区块的前景色默认值设置 plugins/colorbutton/plugin.js
config.colorButton_foreStyle =
    {
        element : 'span',
        styles : { 'color' : '#(color)' }
    };

//所需要添加的CSS文件 在此添加 可使用相对路径和网站的绝对路径
config.contentsCss = './contents.css';

//文字方向
config.contentsLangDirection = 'rtl';//从左到右

//CKeditor的配置文件 若不想配置 留空即可
CKEDITOR.replace( 'myfiled', { customConfig : './config.js' } );

//界面的语言配置 设置为'zh-cn'即可
config.defaultLanguage = 'en';

//界面编辑框的背景色 plugins/dialog/plugin.js
config.dialog_backgroundCoverColor = 'rgb(255, 254, 253)'; //可设置参考
config.dialog_backgroundCoverColor = 'white' //默认

//背景的不透明度 数值应该在：0.0～1.0 之间 plugins/dialog/plugin.js
config.dialog_backgroundCoverOpacity = 0.5

//移动或者改变元素时 边框的吸附距离 单位：像素 plugins/dialog/plugin.js
config.dialog_magnetDistance = 20;

//是否拒绝本地拼写检查和提示 默认为拒绝 目前仅firefox和safari支持 plugins/wysiwygarea/plugin.js.
config.disableNativeSpellChecker = true

//进行表格编辑功能 如：添加行或列 目前仅firefox支持 plugins/wysiwygarea/plugin.js
config.disableNativeTableHandles = true; //默认为不开启

//是否开启 图片和表格 的改变大小的功能 config.disableObjectResizing = true;
config.disableObjectResizing = false //默认为开启

//设置HTML文档类型
config.docType = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">'

//是否对编辑区域进行渲染 plugins/editingblock/plugin.js
config.editingBlock = true

//编辑器中回车产生的标签
config.enterMode = CKEDITOR.ENTER_P //可选：CKEDITOR.ENTER_BR或CKEDITOR.ENTER_DIV

//是否使用HTML实体进行输出 plugins/entities/plugin.js
config.entities = true

//定义更多的实体 plugins/entities/plugin.js
config.entities_additional = '#39' //其中#代替了&

//是否转换一些难以显示的字符为相应的HTML字符 plugins/entities/plugin.js
config.entities_greek = true

//是否转换一些拉丁字符为HTML plugins/entities/plugin.js
config.entities_latin = true;

//是否转换一些特殊字符为ASCII字符 如："This is Chinese: 汉语."转换为："This is Chinese: &#27721;&#35821;."
plugins/entities/plugin.js
config.entities_processNumerical = false

//添加新组件
config.extraPlugins = 'myplugin'; //非默认 仅示例

//使用搜索时的高亮色 plugins/find/plugin.js
config.find_highlight =
    {
        element : 'span',
        styles : { 'background-color' : '#ff0', 'color' : '#00f' }
    };

//默认的字体名 plugins/font/plugin.js
config.font_defaultLabel = 'Arial';

//字体编辑时的字符集 可以添加常用的中文字符：宋体、楷体、黑体等 plugins/font/plugin.js
config.font_names = 'Arial;Times New Roman;Verdana';

//文字的默认式样 plugins/font/plugin.js
config.font_style =
    {
        element   : 'span',
        styles   : { 'font-family' : '#(family)' },
        overrides : [ { element : 'font', attributes : { 'face' : null } } ]
    };

//字体默认大小 plugins/font/plugin.js
config.fontSize_defaultLabel = '12px';

//字体编辑时可选的字体大小 plugins/font/plugin.js
config.fontSize_sizes ='8/8px;9/9px;10/10px;11/11px;12/12px;14/14px;16/16px;18/18px;20/20px;22/22px;24/24px;26/26px;28/28px;36/36px;48/48px;72/72px'

//设置字体大小时 使用的式样 plugins/font/plugin.js
config.fontSize_style =
    {
        element   : 'span',
        styles   : { 'font-size' : '#(size)' },
        overrides : [ { element : 'font', attributes : { 'size' : null } } ]
    };

//是否强制复制来的内容去除格式 plugins/pastetext/plugin.js
config.forcePasteAsPlainText =false //不去除

//是否强制用“&”来代替“&amp;”plugins/htmldataprocessor/plugin.js
config.forceSimpleAmpersand = false;

//对address标签进行格式化 plugins/format/plugin.js
config.format_address = { element : 'address', attributes : { class : 'styledAddress' } };

//对DIV标签自动进行格式化 plugins/format/plugin.js
config.format_div = { element : 'div', attributes : { class : 'normalDiv' } };

//对H1标签自动进行格式化 plugins/format/plugin.js
config.format_h1 = { element : 'h1', attributes : { class : 'contentTitle1' } };

//对H2标签自动进行格式化 plugins/format/plugin.js
config.format_h2 = { element : 'h2', attributes : { class : 'contentTitle2' } };

//对H3标签自动进行格式化 plugins/format/plugin.js
config.format_h1 = { element : 'h3', attributes : { class : 'contentTitle3' } };

//对H4标签自动进行格式化 plugins/format/plugin.js
config.format_h1 = { element : 'h4', attributes : { class : 'contentTitle4' } };

//对H5标签自动进行格式化 plugins/format/plugin.js
config.format_h1 = { element : 'h5', attributes : { class : 'contentTitle5' } };

//对H6标签自动进行格式化 plugins/format/plugin.js
config.format_h1 = { element : 'h6', attributes : { class : 'contentTitle6' } };

//对P标签自动进行格式化 plugins/format/plugin.js
config.format_p = { element : 'p', attributes : { class : 'normalPara' } };

//对PRE标签自动进行格式化 plugins/format/plugin.js
config.format_pre = { element : 'pre', attributes : { class : 'code' } };

//用分号分隔的标签名字 在工具栏上显示 plugins/format/plugin.js
config.format_tags = 'p;h1;h2;h3;h4;h5;h6;pre;address;div'

//是否使用完整的html编辑模式 如使用，其源码将包含：<html><body></body></html>等标签
config.fullPage = false

//编辑器的高度
config.height = 200

//是否忽略段落中的空字符 若不忽略 则字符将以“”表示 plugins/wysiwygarea/plugin.js
config.ignoreEmptyParagraph = true

//在清除图片属性框中的链接属性时 是否同时清除两边的<a>标签 plugins/image/plugin.js
config.image_removeLinkByEmptyURL = true

//界面的现实语言 可选择"zh-cn"
config.language = true

//一组用逗号分隔的标签名称，显示在左下角的层次嵌套中 plugins/menu/plugin.js.
config.menu_groups ='clipboard,form,tablecell,tablecellproperties,tablerow,tablecolumn,table,anchor,link,image,flash,checkbox,radio,textfield,hiddenfield,imagebutton,button,select,textarea'

//显示子菜单时的延迟，单位：ms plugins/menu/plugin.js
config.menu_subMenuDelay = 400;

//当执行“新建”命令时，编辑器中的内容 plugins/newpage/plugin.js
config.newpage_html=""

//当从word里复制文字进来时，是否进行文字的格式化去除 plugins/pastefromword/plugin.js
config.pasteFromWordIgnoreFontFace = true; //默认为忽略格式

//是否使用<h1><h2>等标签修饰或者代替从word文档中粘贴过来的内容 plugins/pastefromword/plugin.js
config.pasteFromWordKeepsStructure = false;

//从word中粘贴内容时是否移除格式 plugins/pastefromword/plugin.js
config.pasteFromWordRemoveStyle = false

//对应后台语言的类型来对输出的HTML内容进行格式化
config.protectedSource.push( /<\?[\s\S]*?\?>/g );   // PHP Code
config.protectedSource.push( //g );   // ASP Code
config.protectedSource.push( /(]+>[\s|\S]*?<\/asp:[^\>]+>)|(]+\/>)/gi );   // ASP.Net Code
默认为空

//是否允许改变大小 plugins/resize/plugin.js
config.resize_enabled = true

//改变大小的最大高度 plugins/resize/plugin.js
config.resize_maxHeight = 3000;

//改变大小的最大宽度 plugins/resize/plugin.js
config.resize_maxWidth = 3000;

//改变大小的最小高度 plugins/resize/plugin.js
config.resize_minHeight = 250;

//改变大小的最小宽度 plugins/resize/plugin.js
config.resize_minWidth = 750;

//当输入：shift+Enter是插入的标签
config.shiftEnterMode = CKEDITOR.ENTER_P;//可选：CKEDITOR.ENTER_BR或CKEDITOR.ENTER_DIV

//可选界面包
config.skin = 'default';

//可选的表情替代字符 plugins/smiley/plugin.js.
config.smiley_descriptions = [
    ':)', ':(', ';)', ':D', ':/', ':P',
    '', '', '', '', '', '',
    '', ';(', '', '', '', '',
    '', ':kiss', '' ];

//对应的表情图片 plugins/smiley/plugin.js
config.smiley_images = [
    'regular_smile.gif','sad_smile.gif','wink_smile.gif','teeth_smile.gif','confused_smile.gif','tounge_smile.gif',
    'embaressed_smile.gif','omg_smile.gif','whatchutalkingabout_smile.gif','angry_smile.gif','angel_smile.gif','shades_smile.gif',
    'devil_smile.gif','cry_smile.gif','lightbulb.gif','thumbs_down.gif','thumbs_up.gif','heart.gif',
    'broken_heart.gif','kiss.gif','envelope.gif'];

//表情的地址 plugins/smiley/plugin.js
config.smiley_path = 'plugins/smiley/images/'

//页面载入时，编辑框是否立即获得焦点 plugins/editingblock/plugin.js plugins/editingblock/plugin.js.
config.startupFocus = false

//载入时，以何种方式编辑 源码和所见即所得 "source"和"wysiwyg" plugins/editingblock/plugin.js.
config.startupMode ='wysiwyg'

//载入时，是否显示框体的边框 plugins/showblocks/plugin.js
config.startupOutlineBlocks = false

//是否载入样式文件 plugins/stylescombo/plugin.js.
config.stylesCombo_stylesSet = 'default';
//以下为可选
config.stylesCombo_stylesSet = 'mystyles';
config.stylesCombo_stylesSet = 'mystyles:/editorstyles/styles.js';
config.stylesCombo_stylesSet = 'mystyles:http://www.example.com/editorstyles/styles.js';

//起始的索引值
config.tabIndex =0

//当用户键入TAB时，编辑器走过的空格数，(&nbsp;) 当值为0时，焦点将移出编辑框 plugins/tab/plugin.js
config.tabSpaces = 0

//默认使用的模板 plugins/templates/plugin.js.
config.templates = 'default'

//用逗号分隔的模板文件plugins/templates/plugin.js.
config.templates_files =[ 'plugins/templates/templates/default.js' ]

//当使用模板时，“编辑内容将被替换”框是否选中 plugins/templates/plugin.js
config.templates_replaceContent = true;

//主题
config.theme = 'default';

//使用的工具栏 plugins/toolbar/plugin.js
config.toolbar = ‘Full'

这将配合：
config.toolbar_Full =
[
    ['Source','-','Save','NewPage','Preview','-','Templates'],
    ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],
    ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
    ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],
    '/',
    ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
    ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
    ['Link','Unlink','Anchor'],
    ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
    '/',
    ['Styles','Format','Font','FontSize'],
['TextColor','BGColor']
];

//工具栏是否可以被收缩 plugins/toolbar/plugin.js.
config.toolbarCanCollapse = true

//工具栏的位置 plugins/toolbar/plugin.js
config.toolbarLocation = 'top';//可选：bottom

//工具栏默认是否展开 plugins/toolbar/plugin.js
config.toolbarStartupExpanded = true;

//撤销的记录步数 plugins/undo/plugin.js
config.undoStackSize =20

//编辑器的宽度 plugins/undo/plugin.js
config.width = ""]]>