2016-07-30 18 views
0

Ich versuche Nachricht anzuzeigen, in dem keine Daten gibt es für diese so zuerst erstelle ich Label:Etikett auf Seite html css

<asp:Label ID="Label4" class="labfour" runat="server" Text=""></asp:Label><br /><br /> 

und CSS-Klasse

.labfour 
{ 
    background-color: #FADBD8; 
    color: #E74C3C; 
    border-color: #E74C3C; 
    padding-left: 20px; 
    padding-right: 20px; 
    padding-top: 20px; 
    padding-bottom: 20px; 
    margin-left: 320px; 
} 

Dann, wenn ich Seite Etikett bauen wird Anzeige auf Seite mit Hintergrundfarbe rot ..

enter image description here

Als ich wr ite diese display:none und klicken Sie auf die Schaltfläche und dann Nachricht nicht angezeigt, wenn ich diese entfernen, dann wird die Nachricht angezeigt.

Also, wie auf der Seite zu verbergen, wenn die Seite erstellt wird?

Ich versuche Nachricht zu zeigen, durch jquery

if (myData !== null && Object.keys(myData).length !== 0) { 
    strarr = result.d; 
    var myarr = strarr; 
    Drewchart(myarr); 
    $("#tabledata").show(); 
    $("#container").show(); 
    $("#<%=Label5.ClientID%>").hide();      
} else { 
    $("#tabledata").hide(); 
    $("#container").hide(); 
    $("#cont").hide(); 
    $("#<%=Label5.ClientID%>").show(); 
    $("#<%=Label5.ClientID%>").text("DATA NOT FOUND"); 
    return; 
} 

Antwort

2

Das ist also, wie Sie Nachricht auf dem Etikett angezeigt werden und wenn ur es natürlich versteckt wird es ganze Sache verstecken, wie Sie einzelnen Tag verwenden. wenn Sie nur Nachricht auf dem Etikett wahrscheinlich ausblenden möchten verwenden Spanne innerhalb

.labfour{ 
 
    background-color: #FADBD8; 
 
    color: #E74C3C; 
 
    border-color: #E74C3C; 
 
    padding-left: 20px; 
 
    padding-right: 20px; 
 
    padding-top: 20px; 
 
    padding-bottom: 20px; 
 
    margin-left: 320px; 
 
}
<asp:Label ID="Label4" class="labfour" runat="server" Text="">Your message here</asp:Label>

+0

aber ich versuche Nachricht über jquery zu zeigen. Bitte überprüfen Sie die Update-Frage – user6628729

+0

Ich weiß nicht, was Sie wirklich suchen, aber überprüfen Sie dies, das könnte Ihnen helfen, https://jsfiddle.net/Gururaj26/xyoe2nLx/ –