Check the code directly:
<head runat="server">
<title>Untitled Page</title>
<style>
.autocomplete_completionListElement
{
visibility: hidden;
margin: 0px !important;
background-color: inherit;
color: windowtext;
border: buttonshadow;
border-width: 1px;
border-style: solid;
cursor: 'default';
overflow: auto;
height: 200px;
text-align: left;
list-style-type: none;
font-family: courier new;
font-size: 8pt;
}
/* AutoComplete highlighted item */.autocomplete_highlightedListItem
{
background-color: #e3ec6e;
color: black;
padding: 1px;
}
/* AutoComplete item */.autocomplete_listItem
{
background-color: window;
color: windowtext;
padding: 1px;
}
body, div, p, h1, h2, h3, h4, ul, li, table
{
margin: 0;
padding: 0;
border: none;
}
</style>
</head>
<script type="text/javascript">
function pageLoad() {
$find('autocomplteextender1').add_populated(shownev); //if no result, this event will not be triggered and "loading" can't be hidden. But if result is exist, hiding event will be triggered when the user selects value to hide popuplist.So we need populated event to hide "loading" when the result is not empty.
$find('autocomplteextender1').add_populating(populatingev);
$find('autocomplteextender1').add_hiding(onhiding); // no matter the result is empty or not, hiding event will be triggered. If the result is empty, it will trigger hiding event after response returned. If the result is exist, hiding event will be triggered after user selected value to hide popuplist.
}
function onhiding() {
var updateProgress = $get('<%= UpdateProgress2.ClientID %>');
var dynamicLayout = '<%= UpdateProgress2.DynamicLayout.ToString().ToLower() %>';
if (dynamicLayout) {
updateProgress.style.display = "none";
}
else {
updateProgress.style.visibility = "hidden";
}
}
function shownev() {
var updateProgress = $get('<%= UpdateProgress2.ClientID %>');
var dynamicLayout = '<%= UpdateProgress2.DynamicLayout.ToString().ToLower() %>';
if (dynamicLayout) {
updateProgress.style.display = "none";
}
else {
updateProgress.style.visibility = "hidden";
}
}
function populatingev() {
var updateProgress = $get('<%= UpdateProgress2.ClientID %>');
var dynamicLayout = '<%= UpdateProgress2.DynamicLayout.ToString().ToLower() %>';
if (dynamicLayout) {
updateProgress.style.display = "block";
}
else {
updateProgress.style.visibility = "visible";
}
}
</script>
<body>
<form id="form2" runat="server">
<asp:ScriptManager ID="ScriptManager2" runat="server" />
<asp:UpdateProgress ID="UpdateProgress2" runat="server">
<ProgressTemplate>
loading...
</ProgressTemplate>
</asp:UpdateProgress>
<asp:TextBox ID="TextBox1" runat="server" Width="437px"></asp:TextBox>
<cc1:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" BehaviorID="autocomplteextender1"
MinimumPrefixLength="1" ServicePath="AutoComplete.asmx" ServiceMethod="GetCompletionList1"
TargetControlID="TextBox1" CompletionListCssClass="autocomplete_completionListElement"
CompletionListItemCssClass="autocomplete_listItem" CompletionListHighlightedItemCssClass="autocomplete_highlightedListItem"
CompletionInterval="1000" DelimiterCharacters=";" CompletionSetCount="10" FirstRowSelected="true"
EnableCaching="true" Enabled="true">
</cc1:AutoCompleteExtender>
</form>
</body>
<title>Untitled Page</title>
<style>
.autocomplete_completionListElement
{
visibility: hidden;
margin: 0px !important;
background-color: inherit;
color: windowtext;
border: buttonshadow;
border-width: 1px;
border-style: solid;
cursor: 'default';
overflow: auto;
height: 200px;
text-align: left;
list-style-type: none;
font-family: courier new;
font-size: 8pt;
}
/* AutoComplete highlighted item */.autocomplete_highlightedListItem
{
background-color: #e3ec6e;
color: black;
padding: 1px;
}
/* AutoComplete item */.autocomplete_listItem
{
background-color: window;
color: windowtext;
padding: 1px;
}
body, div, p, h1, h2, h3, h4, ul, li, table
{
margin: 0;
padding: 0;
border: none;
}
</style>
</head>
<script type="text/javascript">
function pageLoad() {
$find('autocomplteextender1').add_populated(shownev); //if no result, this event will not be triggered and "loading" can't be hidden. But if result is exist, hiding event will be triggered when the user selects value to hide popuplist.So we need populated event to hide "loading" when the result is not empty.
$find('autocomplteextender1').add_populating(populatingev);
$find('autocomplteextender1').add_hiding(onhiding); // no matter the result is empty or not, hiding event will be triggered. If the result is empty, it will trigger hiding event after response returned. If the result is exist, hiding event will be triggered after user selected value to hide popuplist.
}
function onhiding() {
var updateProgress = $get('<%= UpdateProgress2.ClientID %>');
var dynamicLayout = '<%= UpdateProgress2.DynamicLayout.ToString().ToLower() %>';
if (dynamicLayout) {
updateProgress.style.display = "none";
}
else {
updateProgress.style.visibility = "hidden";
}
}
function shownev() {
var updateProgress = $get('<%= UpdateProgress2.ClientID %>');
var dynamicLayout = '<%= UpdateProgress2.DynamicLayout.ToString().ToLower() %>';
if (dynamicLayout) {
updateProgress.style.display = "none";
}
else {
updateProgress.style.visibility = "hidden";
}
}
function populatingev() {
var updateProgress = $get('<%= UpdateProgress2.ClientID %>');
var dynamicLayout = '<%= UpdateProgress2.DynamicLayout.ToString().ToLower() %>';
if (dynamicLayout) {
updateProgress.style.display = "block";
}
else {
updateProgress.style.visibility = "visible";
}
}
</script>
<body>
<form id="form2" runat="server">
<asp:ScriptManager ID="ScriptManager2" runat="server" />
<asp:UpdateProgress ID="UpdateProgress2" runat="server">
<ProgressTemplate>
loading...
</ProgressTemplate>
</asp:UpdateProgress>
<asp:TextBox ID="TextBox1" runat="server" Width="437px"></asp:TextBox>
<cc1:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" BehaviorID="autocomplteextender1"
MinimumPrefixLength="1" ServicePath="AutoComplete.asmx" ServiceMethod="GetCompletionList1"
TargetControlID="TextBox1" CompletionListCssClass="autocomplete_completionListElement"
CompletionListItemCssClass="autocomplete_listItem" CompletionListHighlightedItemCssClass="autocomplete_highlightedListItem"
CompletionInterval="1000" DelimiterCharacters=";" CompletionSetCount="10" FirstRowSelected="true"
EnableCaching="true" Enabled="true">
</cc1:AutoCompleteExtender>
</form>
</body>
2 comments:
Really amazing! Helped me a LOT!
Many thx!
Slot Machine: Casino - Pecuma
Slot machine machine, slot machine, 나비효과 casino game, 성남 출장샵 casino table, gambling machines 김포 출장마사지 online online, best slots 원주 출장마사지 online, casinos no deposit bonus casino, best 제주도 출장마사지 slots online,
Post a Comment