<!-- YAHOO UI Utilities Lib, you will need to replace this with the path to your YUI lib file --> <script type="text/javascript" src="deepcms/yui/utilities_2. " /> 91综合网,在线三级av,青草视频在线播放

中文字幕日韩一区二区_国产一区二区av_国产毛片av_久久久久国产一区_色婷婷电影_国产一区二区精品

學習YUI.Ext 第四天--對話框Dialog的使用


使用方法:
1.加入YUI.Ext 庫到你的web程序: 

<!-- YAHOO UI Utilities Lib, you will need to replace this with the path to your YUI lib file -->
<script type="text/Javascript" src="deepcms/yui/utilities_2.1.0.js"></script><script type="text/Javascript" src="deepcms/yui-ext.0.33-rc1/yui-ext.js"></script>
2.加入樣式表 CSS Style 。如果你是一個美工,最多打交道的地方,可能就是這幾個文件:
<!--YahooUI! Ext --> 
<link rel="stylesheet" type="text/css" href="yui-ext.0.33-rc1/resources/css/reset-min.css" /> 
<link rel="stylesheet" type="text/css" href="yui-ext.0.33-rc1/resources/css/resizable.css" />
<link rel="stylesheet" type="text/css" href="yui-ext.0.33-rc1/resources/css/tabs.css" /> 
<link rel="stylesheet" type="text/css" href="yui-ext.0.33-rc1/resources/css/basic-dialog.css" /> 

3.加入一個holder.holder的意思是一個載體,JS處理好數(shù)據(jù),轉變成內(nèi)容(Contents,文字、圖片、表格等)放在這里,也可以理解為一個架子,承托所有內(nèi)容。holder表現(xiàn)形式很簡單,通常是幾行div。 

<div id="hello-dlg" style="visibility:hidden;position:absolute;top:0px;">    
 <div class="ydlg-hd">中易旅游網(wǎng)</div>    
 <div class="ydlg-bd"> 您沒確認條款內(nèi)容。</div>     
</div>
4.加入定義Dialog腳本,實例化Dialog:

// create the HelloWorld application (single instance)
var HelloWorld = function(){
    // everything in this space is private and only accessible in the HelloWorld block
    //任何在這個區(qū)域的都是私有變量 ,只能在HelloWorld訪問
    var dialog, showBtn;

    var toggleTheme = function(){
        getEl(document.body, true).toggleClass('ytheme-gray');
    };
    // return a public interface
    return {
        init : function(){
             showBtn = getEl('goNextBtn'); //綁定一個按鈕
             // attach to click event 加入事件
             /showBtn.on('click', this.showDialog, this, true);

             ///getEl('theme-btn').on('click', toggleTheme);
        },

        showDialog : function(){
            if(!dialog){ //因為采用單例模式,不能被new重復實例。這里是用懶惰的方法作判斷。 
                dialog = new YAHOO.ext.BasicDialog("hello-dlg", { 
                        modal:true,//這段代碼是dialog的一些參數(shù),如大小、有 主站蜘蛛池模板: 成人午夜在线观看 | 亚洲精品久久久久久久久久久久久 | 欧美中文字幕在线观看 | 日韩一区精品 | 国产成人综合一区二区三区 | 91大神在线看 | 免费亚洲视频 | 一级在线观看 | www四虎com| 国产毛片久久久 | 91大神新作在线观看 | 天天干狠狠 | 亚洲一区二区三区高清 | 午夜爽爽爽男女免费观看影院 | 久久久91精品国产一区二区三区 | 久久夜视频| 免费观看的av毛片的网站 | 国产一级电影在线 | 久久精品亚洲欧美日韩久久 | 999热精品| 日韩精品一区二区三区视频播放 | 97视频网站 | 狠狠干天天干 | 久久一区二区三区四区 | 免费爱爱视频 | 皇色视频在线 | 91亚洲免费| 就操在线| 久久久久无码国产精品一区 | 91精品国产高清一区二区三区 | 五月天婷婷久久 | 一区久久 | 午夜免费精品视频 | 欧美www在线| a精品视频 | www97影院 | 国产乱码精品一区二区三区忘忧草 | 国产精品不卡一区 | 福利精品 | 日日夜夜精品视频 | 色毛片|