Funkcija koja je trenutno:
Kôd:
function highlight(list, fraze, bg_color) {
if (bg_color === undefined)
bg_color = "token-input-token-facebook-red";
$(list).find('li').each(function () {
var txt = $(this).children('p:first').text();
if ($.inArray(txt, fraze) !== -1)
$(this).removeClass('token-input-token-facebook').addClass(bg_color);
});
}
Poziv funkcije:
Kôd:
highlight('ul.token-input-list-facebook'," + _usersNotExisting + ",'token-input-token-facebook-red')
Deo koda iz ASPX stranice u kome se nalazi kontrola koja pri renderu pravi UL listu sa LI elementima o kojima sam pricao
Kôd:
<asp:Panel ID="pan_FindUsers_User" runat="server" Visible="false" CssClass="nis-taskdetails-zone-row">
<span class="nis-taskdetails-zone-row-title">User</span>
<div class="nis-taskdetails-zone-row-value" style="clear:both;">
<asp:UpdatePanel ID="up_FindUsers_Value" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<ati:ASPTokenInput ID="pe_FindUsers" runat="server" OnListChanged="pe_FindUsers_ListChanged" RequestHandlerPath="/_layouts/NIS.TaskManagement/pages/ItemList.aspx" PostbackOnItemAdded="True" PostbackOnItemRemoved="True" Theme="facebook" HintText="Start Typing User Name ..." Width="530px" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
</asp:Panel>
i na kraju renderovani kod izgleda ovako:
Kôd:
<UL class=token-input-list-facebook jQuery164001925506440042457="315">
<LI class=token-input-token-facebook jQuery164001925506440042457="318">
<P>Ime i Prezime, Poslovođa</P><SPAN class=token-input-delete-token-facebook jQuery164001925506440042457="317">×</SPAN></LI>
<LI class=token-input-token-facebook jQuery164001925506440042457="320">
<P>Ime i Prezime, Specijalista za održavanje remontnih postrojenja</P><SPAN class=token-input-delete-token-facebook jQuery164001925506440042457="319">×</SPAN></LI>
<LI class=token-input-input-token-facebook><INPUT style="OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 30px" id=token-input-ctl00_ctl23_g_e95b3a1e_efe8_4b15_8ff5_2909cd47abf9_ctl00_pe_FindUsers_ctl00 type=text autocomplete="off" jQuery164001925506440042457="313"><tester style="POSITION: absolute; WIDTH: auto; LETTER-SPACING: normal; FONT-FAMILY: Tahoma; WHITE-SPACE: nowrap; FONT-SIZE: 12px; FONT-WEIGHT: 400; TOP: -9999px; LEFT: -9999px"></tester></LI></UL>