dijit.InlineEditBox

最新推荐文章于 2014-12-10 15:16:07 发布

杠杠峰

最新推荐文章于 2014-12-10 15:16:07 发布

阅读量577

点赞数

分类专栏： Javascript Dojo 文章标签： stylesheet function html div class

本文链接：https://blog.csdn.net/lmn13/article/details/5808628

版权

Javascript 同时被 2 个专栏收录

24 篇文章 0 订阅

订阅专栏

Dojo

14 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr">
    
    <head>
        <style type="text/css">
            body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
        </style>
        <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/dojo.xd.js"
        djConfig="parseOnLoad: true, isDebug: true">
        </script>
        <script type="text/javascript">
            dojo.require("dijit.InlineEditBox");
            dojo.require("dijit.form.Textarea");

            var eb;
            dojo.addOnLoad(function() {
                eb = new dijit.InlineEditBox({
                    editor: "dijit.form.Textarea",
                    autoSave: false ,
					onChange: myAlert
                },
                "ieb");
            });
			function myAlert(e){
				console.log(e);
			}
        </script>
        <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/claro.css"
        />
    </head>
    
<body class=" claro ">
<div id="ieb">
            When you click on this div you'll be able to edit it (in plain text).
            The editor's size will initially match the size of the (original) text,
            but will expand/contract as you type.
    </div>
    <p>
          <!-- NOTE: the following script tag is not intended for usage in real
        world!! it is part of the CodeGlass and you should just remove it when
        you use the code -->
          <script type="text/javascript">
            dojo.addOnLoad(function() {
                if (document.pub) {
                    document.pub();
                }
            });
        </script>
</p>
    <p><</p>
    <p> </p>
    <p>  </p>
</body>

</html>