how to appear and disappear the button,while typing the text in text-box.

i make it but no use ntng came

<script>
window.onload = function () {
var txt = document.getElementById("<%= txtSearch.ClientID %>");
var btn = document.getElementById("<%= BtnClearFilter.ClientID %>");
txt.onkeyup = function () {
if (txt.value !== "") {
btn.style.visibility = "visible";
} else {
btn.style.visibility = "hidden";
}
};
};
</script>

Textbox;
<asp:TextBox ID="txtSearch" runat="server" Width="152px" >

button:-
<asp:Button ID="BtnClearFilter" Visible="false" runat="server" OnClick="BtnClearFilter_Click" />

see this my coding

hey it work but it work only once if i type next time it will not fire.

javascript:-
window.onload = function () {
var txt = document.getElementById("<%= txtSearch.ClientID %>");
var btn = document.getElementById("<%= BtnClearFilter.ClientID %>");
txt.onkeyup = function () {
if (txt.value !== "") {
btn.className = "visibleBtn";
alert('type');
} else {
btn.className = "hiddenBtn";
alert('viisble');
}
};
};

Textbox:-
<asp:TextBox ID="txtSearch" runat="server" Width="152px" >

Button:-
<style type="text/css">
.hiddenBtn {
visibility: hidden;
}

.visibleBtn {
visibility: visible;
}
</style>
<asp:Button ID="BtnClearFilter" runat="server" OnClick="BtnClearFilter_Click" EnableTheming="false" Text="" CssClass="ClearFilter6" />

in my button i have one clickevent

in my button have onclick event , it works in two functionality, before searching and after searching

how it is can you resolve me

ok then design want add any method name?

yeah but if i search or clear text then clear filter should be visible always. :(

yes how i define my button i have two button search and clear filter.

search:-
<asp:Button ID="btnSearch" runat="server" Text="" CssClass="ButtonSearch6" EnableTheming="false" />


clearfilter:-
<asp:Button ID="BtnClearFilter" runat="server" OnClick="BtnClearFilter_Click" EnableTheming="false" Text="" CssClass="ClearFilter6" />

yeah i replace that button only,but after searching or clearing the text clear filter should remain constant

sorry clear text button should remains constant after searching

hey if i load my page it works fine if i done searching, or clear searching text then it will not work it always visible only if textbox have no text

sorry same as previous error,
let i explain if i load the page,it works fine, if i done any process i.e searching like that clear button not invisible ,always visible :( . i want once you search or clearing anythink that's not matter i want when textbox have a text it visible else it always invisible

let i explain if i load the page,it works fine, if i done any process i.e searching like that clear button not invisible ,always visible. i want once you search or clearing anythink that's not matter i want when textbox have a text it visible else it always invisible

sorry it not work. i want once you search or clearing anythink that's not matter i want when textbox have a text it visible else it always invisible

if have text in text-box then clear button should visible or else invisible

here i already replace my code as btnclearfilter see my previous code

JaVA SCRITP:-
window.onload = function () {

var txt = document.getElementById("<%= txtSearch.ClientID %>");
var btn = document.getElementById("<%= BtnClearFilter.ClientID %>");
if (txt.value === "") {
btn.style.visibility = "hidden";
// when the window is loaded, hide the button if the textbox is empty
}
txt.onkeyup = function () {
if (txt.value !== "") {
btn.style.visibility = "visible";
} else {
btn.style.visibility = "hidden";
}
};
var clearFilterBtn = document.getElementById("<%= BtnClearFilter.ClientID %>");
clearFilterBtn.onclick = function () {
btn.style.visibility = "hidden";
}
};

TEXTBOX:-
<asp:TextBox ID="txtSearch" >

SEARCH Buttons:-
<asp:Button ID="btnSearch" runat="server" Text="" CssClass="ButtonSearch6" />

CLEAR BUTTON:-
<asp:Button ID="BtnClearFilter" runat="server" OnClick="BtnClearFilter_Click" EnableTheming="false" Text="" CssClass="ClearFilter6" />

hmm yeah. it work fine for me before doing search and click clear filter, after searching a record or after clearfilterbutton clicked then it will not disable it always visible.

if i click searching then this method will fire bcz i used formview
Method:
OnInit(EventArgs e)

oninit:-
GridSource.SelectParameters.Add(new ControlParameter("txtSearch", TypeCode.String, txtSearch.UniqueID, "Text"));
GridSource.SelectParameters.Add(new ControlParameter("dropDown", TypeCode.String, ddCriteria.UniqueID, "SelectedValue"));

protected override void OnInit(EventArgs e)
{


base.OnInit(e);


GridSource.SelectParameters.Add(new ControlParameter("txtSearch", TypeCode.String, txtSearch.UniqueID, "Text"));
GridSource.SelectParameters.Add(new ControlParameter("dropDown", TypeCode.String, ddCriteria.UniqueID, "SelectedValue"));
}

can i see you search button click event

same as you my search click event also empty

ok thanks for your reply. :)