2016-09-01 11 views
0

BUTTONをクリックすると、詳細ページが生成されます。 私はそれをクリックすると、ページ内を移動するhrefリンクを持っています。 しかし、ページの読み込みには、(メインページをクリックすると)ボタンだけが表示されますが、hrefリンクも表示されます。ボタンをクリックしたときのhrefリンクの表示/非表示

私はページの読み込みに必要なボタンを1つだけクリックしてくださいhrefのリンクが表示されます。 別のボタンをクリックすると消えるはずです。

スクリップ:

<a href="Homepage.aspx#perC">Hourly Detailed Priority Representation</a> 
<a name="priorityPer"> 
<div id="perC" class="center"> 
<asp:Label ID="lblDPTC" runat="server" Text="Detailed Percentage  representation of Ticket Count" Visible="false"></asp:Label> 
</div> 
</a> 

<asp:ImageButton ID="btnAnalyse" runat="server" OnClick="btnAnalyse_Click"/> 

これは私が唯一の上のボタンのクリックで表示するHREFリンクがある:これはボタンで

$(document).ready(function() { 
     $('#priorityC').hide(); 
     $('#perC').hide(); 
     }); 
    $('#btnAnalyse').click(function() { 
     $('#priorityC').show(); 
     $('#perC').show(); 
    }); 

ページの読み込み中に非表示になっていますが、ボタンのクリックには表示されません。

+0

あなたがしようとしているものを共有して下さい! –

+0

あなたのコードを共有してください。 –

+0

@SamudralaRamuそれをチェックしてください –

答えて

0

hrefリンクをdiv内に書き込み、Jqueryを使用すると、divを非表示にして表示することができます。

コードは、このことができます

<script> 
// On load hide the div 
$(document).ready(function(){ 
    $('#MYDIV').hide(); 
}; 

// call this function on button click to show/hide the link 
function showHideLink(buttonName) 
{ 
    if(buttonName=='blah') 
    { 
    $('#MYDIV').hide(); 
    } 
    else 
    { 
    $('#MYDIV').show(); 
    } 
} 
</script> 

希望をスニペット。

+0

Newbie to Jqueryあなたはどこに書き込むべきか教えていただけますか?ありがとう:) –

+0

私はあなたがそれを学ぶことができると思う[ここ](http://www.w3schools.com/jquery/) – Coder

+0

私はあなたがそれを調べることができる質問を更新しましたか? –

0
<asp:ImageButton ID="btnAnalyse" runat="server" ImageUrl="image1.jpg" OnClick="btnAnalyse_Click"/> 


<a href="Homepage.aspx#p" id="linkid" runat="server">Hourly Detailed Priority Representation</a> 
<a name="priorityPer"> 
<div id="per" class="center"> 
<asp:Label ID="lblDPTC" runat="server" Text="Detailed Percentage  representation of Ticket Count" Visible="false"></asp:Label> 
</div> 
</a> 

とバックエンドのページの(codepage.cs)

protected void Page_Load(object sender, EventArgs e) 
{ 
    if (!IsPostBack) 
    { 
     linkid.Visible = false; 
    } 
} 
protected void btnAnalyse_Click(object sender, ImageClickEventArgs e) 
{ 
    if (linkid.Visible == false) 
    { 
     linkid.Visible = true; 
    } 
} 

protected void btnAnother_Click(object sender, EventArgs e) 
    { 
    linkid.Visible = false; 
    } 
+0

バックエンドページでlinkidが起動していません –

+0

両方のコードの上にコピー&ペーストしてください。それを確認してください。それは私のためにうまくいきます。プロジェクトをビルドし、このコードをもう一度使用してください。それは動作するはずです。 protected void btnAnother_Click(object sender、EventArgs e)これは、hrefを非表示にする別のボタン名であることを忘れないでください。これに応じてこのボタン名を設定します。 –

関連する問題