dojo簡單Dialog示例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <title>dojofirst.htm</title>

  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  <meta http-equiv="description" content="this is my page">
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">

  <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  <style type="text/css">
         @import "dojoroot/dijit/themes/nihilo/nihilo.css";
         @import "dojoroot/dojo/resources/dojo.css"
     </style>
     <style type="text/css">
         html,body{
          margin:0px;
          font-size: 12px;
         }
     </style>
  <script type="text/javascript" src="dojoroot/dojo/dojo.js" djConfig="parseOnLoad: true,isDebug: false"></script>
  <script type="text/javascript">
   dojo.require("dijit.form.Button");
   dojo.require("dijit.Dialog");
   dojo.require("dojo.parser");
  </script>
 </head>

 <body class="nihilo">
  <button dojoType="dijit.form.Button" id="loginbtn">DialogDemo
      <script type="dojo/method" event="onClick">
       dijit.byId('loginDialog').show();
      </script>
  </button>

  <div dojoType="dijit.Dialog" id="loginDialog" title="DialogDemo" onClose="alert('yyyy');">
   在這裏輸入HTML在這裏輸入HTML在這裏輸入HTML在這裏輸入HTML<br>
   在這裏輸入HTML在這裏輸入HTML在這裏輸入HTML在這裏輸入HTML<br>
   在這裏輸入HTML在這裏輸入HTML在這裏輸入HTML在這裏輸入HTML<br>
  </div>
 </body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章