divを使用してリピーター内のjavascriptを使用してアクセスする方法

Question

単に、divのinnerHTMLをコンテンツに設定するjavascript関数をクリックするとリピーター内にアンカーがあります。

リピーターの外で試してみました！ リピーターのアイテムテンプレートに同じコードを実装しようとすると、機能しません。

注：私はリピータに最初にアクセスしてからアンカーにアクセスする必要があると思います！私はさらなる説明のためにそれを

を行う方法がわからない：

JavaScriptの機能：

function show(ele, content) { 
    var srcElement = document.getElementById(ele); 
    if (srcElement != null) { 
     srcElement.innerHTML = content; 
    } 
} 

リピーターのコード：

<asp:Repeater ID="Repeater1" runat="server" > 
    <ItemTemplate> 
     Name : <%# Eval("name")%> 
     <DIV ID= "PersonalInfo1" runat="server"></DIV> 
     <A id="A1" href="#" runat="server" onclick="show('PersonalInfo1','Address : ')">More...</A> 
    </ItemTemplate> 
</asp:Repeater> 

PS：投稿さCODE ISNリピーターで働いている！

Answer 1

OK ...もう一度やり直してください。

は、リピータコードを持っている：

<asp:Repeater ID="Repeater1" runat="server" > 
    <ItemTemplate> 
     <div> 
      Name : <%# Eval("name")%> 
      <div id="Address" runat="server" style="display: none;"><%# Eval("address")%></div> 
      <div id="Interests" runat="server" style="display: none;"><%# Eval("interests")%></div> 
      <a id="A1" href="#" runat="server" onclick="return show(this, 'Address');">Show address</a> 
      <a id="A2" href="#" runat="server" onclick="return show(this, 'Interests');">Show interests</a> 
     </div> 
    </ItemTemplate> 
</asp:Repeater> 

次に、このようなJavaScriptコード：

function show(oLink, targetDivID) { 
    var arrDIVs = oLink.parentNode.getElementsByTagName("div"); 
    for (var i = 0; i < arrDIVs.length; i++) { 
     var oCurDiv = arrDIVs[i]; 
     if (oCurDiv.id.indexOf(targetDivID) >= 0) { 
      var blnHidden = (oCurDiv.style.display == "none"); 
      oCurDiv.style.display = (blnHidden) ? "block" : "none"; 
      //oLink.innerHTML = (blnHidden) ? "Less..." : "More..."; 
     } 
    } 
    return false; 
} 

をこれは、クリックしたリンクの "兄弟" DIV要素を検索し、それを表示または非表示になります。

コードは、純粋なJavaScriptを使用してできるだけ単純です。各行が何をしているのか理解できるはずです。 :)

PersonalInfo divに個人情報を渡すのではなく、関数に渡す代わりに、その情報を関数に渡す必要があります。関数はクリックされたリンクへのポインタを取得します。

Answer 2

これは、idが一意であるためです。 getElementsByNameを使用してエレメントを選択するか、クラス名（例：jQuery）を使用してエレメントを選択します。

Answer 3

はい、すべての関連リンクを繰り返す必要があります。コードの最小限の変更を伴う解決策はリンクにクラスを追加して、このクラスをチェック：

JavaScriptで

<A id="A1" href="#" runat="server" class="RepeaterLink" ...> 

そして：

var arrLinks = document.getElementsByTagName("a"); 
for (var i = 0; i < arrLinks.length; i++) { 
    var oLink = arrLinks[i]; 
    if (oLink.className == "RepeaterLink") { 
     //found link inside repeater.. 
     oLink.click(); 
    } 
} 

することができます。この意志「自動クリック」すべてのリンクを、リピーター内の特定のリンクのクリックを模倣するためにIDなどをチェックしてください。