代码之家  ›  专栏  ›  技术社区  ›  Mark Probst

对于googlewave小工具,是否有一个定义点可以修改UI?

  •  0
  • Mark Probst  · 技术社区  · 15 年前

    添加,让用户输入一些信息,并且,一旦完成

    最早的时候,我可以决定在这两种观点中我必须选择哪一种 显示是当我第一次获得状态时,即在状态中 回拨。但是,当我在那里更改UI时,它并不总是显示- 出现在所有,有时它出现在好,有时它出现在你面前 加载动画的小工具。

    下面是一个简单的测试用例:

    <?xml version="1.0" encoding="UTF-8" ?>
    <Module>
    <ModulePrefs title="Trivial" height="120">
      <Require feature="wave" />
    </ModulePrefs>
    <Content type="html">
    <![CDATA[
        <script type="text/javascript">
          function createForm () {
            document.write("<div id=\"form\">");
            document.write("Username: <input type=text value=\"whatever\" id=\"user_name\">");
            document.write("<input type=button value=\"Go!\" onClick=\"fetchFromUsername()\"><br>");
            document.write("NSID: <input type=text value=\"287312604@N00\" id=\"user_id\">");
            document.write("<input type=button value=\"Go!\" onClick=\"fetchFromNSID()\"><br>");
            document.write("Number of photos: <input type=text value=\"3\" id=\"per_page\">");
            document.write("</div>");
          }
        </script>
        <script type="text/javascript">
        function stateUpdated () {
          createForm ();
        }
    
        function init() {
          if (wave && wave.isInWaveContainer()) {
            wave.setStateCallback (stateUpdated);
          }
        }
        gadgets.util.registerOnLoadHandler(init);
        </script>
      ]]>
      </Content>
    </Module>
    
    1 回复  |  直到 11 年前
        1
  •  0
  •   Valentin Golev    15 年前
    <script type="text/javascript">
      function createForm () {
        document.write("<div id=\"form\">");
        document.write("Username: <input type=text value=\"whatever\" id=\"user_name\">");
        document.write("<input type=button value=\"Go!\" onClick=\"fetchFromUsername()\"><br>");
        document.write("NSID: <input type=text value=\"287312604@N00\" id=\"user_id\">");
        document.write("<input type=button value=\"Go!\" onClick=\"fetchFromNSID()\"><br>");
        document.write("Number of photos: <input type=text value=\"3\" id=\"per_page\">");
        document.write("</div>");
      }
    </script>
    

    正如你在书中看到的 http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-26809268

    写:

    所以使用这种方法并不酷。我建议您使用一个框架,比如jQuery,它可以以DOM友好的方式创建和添加元素。这将是一场灾难 工作 方法。

    推荐文章