我可以使用setInterval來確定使用dojo替換元素嗎？

有一個地址簿已經有聯繫人。這就是打開聯繫人鏈接加載時在頁面上的原因。如果用戶不想添加當前聯繫人來填充這些字段，那麼一旦他們提供了數據到字段，我想要添加到聯繫人按鈕出現。 setInterval函數是否適合檢查以查看用戶是否將新數據輸入到這些輸入字段中？如果是的話，我會如何編寫dojo代碼？我可以使用setInterval來確定使用dojo替換元素嗎？

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title> 
     SAP 
    </title> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/dojo/1.3.2/dojo/dojo.xd.js" djConfig="parseOnLoad: true"> 
    </script> 
    <script type="text/javascript"> 

     dojo.addOnLoad(function(){ 
      dojo.require("dijit.form.Button"); 
      dojo.require("dijit.form.TextBox"); 
     }); 

    </script> 
    <style type="text/css"> 
     #prelims { 
      position: relative; 
      float: left; 
      margin-right: 10px; 
      margin-bottom: 5px 
     } 

     #addToContacts { 
      position: relative; 
      float: left; 
      display: none; 
     } 

     #nameWrap { 
      position: relative; 
      clear: left; 
     } 

    </style> 
</head> 
<body> 
    <form> 
     <div id="prelims" class="checksVertical"> 
      <span id="" class="button-link pill-btn"> 
       <span class="hasHover"> 
        <a id="open-contacts" class="buttons" target="" href="#"> 
         Open Contacts 
        </a> 
       </span> 
      </span> 
     </div> 
     <div id="addToContacts" class="checksVertical"> 
      <span class="button-link pill-btn"> 
       <span class="hasHover"> 
        <div id="addNewContact" class="hide"> 
         <form method="post" id="addContactHide"> 
          <input class="buttons" id="addContact" type="submit" value="Add Contact" /><input type="hidden" id="hiddenFName" name="tFName" value=""/><input type="hidden" id="hiddenLName" name="tLName" value=""/><input type="hidden" id="hiddenCompany" name="tCompany" value""/> 
         </form> 
        </div> 
       </span> 
      </span> 
     </div> 
     <div id="nameWrap"> 
      <div class="input-inline"> 
       <label id="for-tFName" for="tFName"> 
        <span class="required"> 
         * 
        </span>First Name 
       </label> 
       <div class="input-text-wrapper input-text-lg"> 
        <span class="input-cap-left"> 
        </span> 
        <span class="input-field"> 
         <input type="text" id="tFName" name="tFName" maxlength="50" /> 
        </span> 
        <span class="input-cap-right"> 
        </span> 
       </div> 
      </div> 
      <div class="input-inline last"> 
       <label id="for-tLName" for="tLName"> 
        <span class="required"> 
         * 
        </span>Last Name 
       </label> 
       <div class="input-text-wrapper input-text-lg"> 
        <span class="input-cap-left"> 
        </span> 
        <span class="input-field"> 
         <input type="text" id="tLName" name="tLName" maxlength="50" /> 
        </span> 
        <span class="input-cap-right"> 
        </span> 
       </div> 
      </div> 
      <div class="clearfix"> 
      </div> 
     </div> 
     <div id="tCompanyWidget"> 
      <label id="for-tCompany" for="tCompany"> 
       <span class="required"> 
        * 
       </span>Company Name 
      </label> 
      <div class="input-text-wrapper input-text-lg"> 
       <span class="input-cap-left"> 
       </span> 
       <span class="input-field"> 
        <input type="text" id="tCompany" name="tCompany" maxlength="50" /> 
       </span> 
       <span class="input-cap-right"> 
       </span> 
      </div> 
     </div> 
    </form> 
</body>

來源

2010-11-18 Amen

我認爲，要麼的onChange或的onblur上的輸入字段事件是最好再使用的setInterval。由於這些存在於常規輸入html DOM節點上，因此不必使用dojo。

編寫JavaScript函數的幾個輸入字段，可重複使用：

var show_add_to_contact = function(){ 
    dojo.byId("prelims").style.display = "none"; 
    dojo.byId("addToContacts").style.display = "block"; 
};

然後你就可以直接使用它的HTML DOM節點上：

<input type="text" id="tFName" name="tFName" maxlength="50" onChange="show_add_to_contact();" />

，或者你可以分配它編程時創建dijit TextBox

new dijit.form.TextBox({"onChange":show_add_to_contact,"name":"tFName"}, "tFName");

來源

2010-11-18 19:43:00 DanneManne

我可以使用setInterval來確定使用dojo替換元素嗎？

回答

相關問題