Brauchen Sie Rat für CSS für die Schaltfläche

Question

Ich habe eine asp.net-Seite. Es gibt eine Sidebar, in der sich mehrere Buttons befinden. Es gibt eine weitere Schaltfläche "Bearbeiten". bitte Blick auf mein Bild:

Meine Frage: Ich möchte nicht auf die Schaltfläche „Bearbeiten“ angezeigt, wenn eine Schaltfläche in der Seitenleiste geklickt wird. Rightnow ist es standardmäßig angezeigt. Mein Ziel ist "Edit" zeigt nicht uncless sagen "Probleme1" klicken, dann "Edit" wird unter der Gridview angezeigt. Mein Code:

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" 
CodeBehind="Default.aspx.cs" Inherits="WebTest._Default" %> 
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> 
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
<link href="Styles/Site.css" rel="stylesheet" type="text/css" /> 
</asp:Content> 
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> 
<div id="wrap"> 
<div id="sidebar"> 
     <asp:Button ID="p1" runat="server" Text="Problems1" CssClass="sidebar_buttons" 
     OnClientClick="Edit_Click()" /> 
     <asp:Button ID="p2" runat="server" Text="Problems2" CssClass="sidebar_buttons" 
      /> 
     <asp:Button ID="p3" runat="server" Text="Problem3" CssClass="sidebar_buttons" /> 
     <asp:Button ID="p4" runat="server" Text="Problem4" CssClass="sidebar_buttons" /> 
     <asp:Button ID="p5" runat="server" Text="Problem5" CssClass="sidebar_buttons" /> 
     <asp:Button ID="p6" runat="server" Text="Problem6" CssClass="sidebar_buttons" /> 
     <asp:Button ID="p7" runat="server" Text="Problem7" CssClass="sidebar_buttons" /> 
    </div> 
    <div id="gridview"> 
     <asp:GridView ID="GridView1" runat="server"> 
     </asp:GridView> 
    </div> 
     <div id="btnEdit" > 
     <asp:Button ID="Edit" runat="server" Text="Edit" /></div> 
</div> 

und CSS:

#wrap 
{ 
    width: 800px; 
    background-color: #99c; 
} 
#sidebar 
{ 
    float: left; 
    width: 125px; 
    padding-top:10px; 
    background-color: #C0C0C0; 
} 
#gridview 
{ 
    float: right; 
    width: 675px; 
} 

.sidebar_buttons 
{ 
    margin-top: 10px; 
    margin-left: 2px; 
    margin-bottom: 10px; 
    width: 120px; 
} 

#btnEdit 
{ 
    float: inherit; 
} 

Answer 1

zunächst machen verstecken Sie Ihre Schaltfläche Bearbeiten von in Ihr diese Eigenschaft Einfügen

#btnEdit 
{ 
    float: inherit; 
    display:none; //hide your edit button 
} 

dann rufen jQuery-Funktion klicken und zeigen die Schaltfläche bearbeiten, wie

$("#button").click(function(){ 
    $("#btnEdit").show(); 
}); 

Answer 2

Im aspx Code die Schaltfläche Bearbeiten, um sichtbar = false. Gehen Sie in den Eigenschaften der anderen Tasten, die Ereignisse gehen und doppelklicken Sie auf das ‚Click‘ Ereignis und Ort Code auf die Schaltfläche sichtbar :)

hoffe, das hilft

Answer 3

erste fügen Sie display: none; zu der CSS von btnEdit

#btnEdit 
{ 
    display:none; 
} 

dann die btnEdit zeigen Sie Jquery verwenden, wenn die „Problem1Button“ geklickt wird (ersetzen Sie es durch die ID Ihre Taste)

<script> 
$(document).ready(function() { 
    $("#Problem1Button").click(function (event) { 
    $("#btnEdit").show();    

    }); 
} 
</script>