Need dunamic Handle in AjaxControlToolkit.SliderExtender

Trouble is in the creating the Slider where Rail parted the Handel into two part with the different colors where color is generated according to Value

Hi,

My idea is you may add a valueChanged handler to the SliderBehavior component, and set the the color according to the value.

For instance:

<ajaxToolkit:SliderExtenderBehaviorID="slider"ID="SliderExtender1" runat="server" TargetControlID="TextBox1"
Minimum="0" Maximum="100" RaiseChangeOnlyOnMouseUp="true" Steps="5" RailCssClass="myclass" HandleImageUrl="../images/edit.gif">
</ajaxToolkit:SliderExtender>

function pageLoad(){

var slider = $find("slider");

slider.add_valueChanged(onValueChanged);
}

function onValueChanged()

{

var slider = $find("slider");
if(slider.getValue() > ? )

slider.set_RailCssClass(//a css class with a different back color);

}

Hope this helps.

Need help with hover menu on repeater rows..

Hi all! I am trying to use Hover Menu... on the rows generated by asp repeater.. and add EDIT and DELETE Link buttons in the menu... In on of the post in this forum I found that we need to initilize for every row.. I confused.. it wud be gr8 if any help me with some sample code...

<asp:Panel runat="server" ID="pnlcurroffer" GroupingText="<b>Current Offers Info</b>" Height="400px" Width="350" >
<asp:Button ID="btncurrprev" runat="server" CssClass="tbox" Text="<<" OnClick="currprev" />
<asp:Label ID="lblcurrpage" runat="server" />
<asp:Button ID="btncurrnxt" runat="server" CssClass="tbox" Text=">>" OnClick="currlnext" /
<table cellpadding="0" cellspacing="0" border="0" class="main" width="95%"
<tr>
<td colspan="4" class="top line"><img src="http://pics.10026.com/?src=~../images/spc.gif" height="2" width="1" alt="" /></td>
</tr>
<tr>
<td class="hed" style="height: 19px"><div class="mgn">ID</div></td>
<td class="hed" style="height: 19px"><div class="mgn">Name</div></td>
<td class="hed" style="height: 19px"><div class="mgn">PackInfo</div></td>
<td class="hed" style="height: 19px"><div class="mgn">Del</div></td>

</tr>
<tr>
<asp:Repeater ID="Repcurroffers" runat="server" OnItemDataBound="bindcurroffers" >
<ItemTemplate>
<tr class="white" onmouseover="this.className='high';" onmouseout="this.className='white';">
<td class="row"><div class="mgn"><%#Eval("spid")%></div></td>
<td class="row"><div class="mgn"><asp:Literal ID="lblcurroffname" runat="server" /></div></td>
<td class="row"><div class="mgn"><asp:Literal ID="lblcurrLead" runat="server" /></div></td>
<td class="row"><div class="mgn"><asp:LinkButton ID="lnkdel" runat="server" Text="Delete" CommandArgument='<%#Eval("Spid")%>' OnCommand="lnkDelOffer" /></div></td>
</tr>
</ItemTemplate>

</asp:Repeater>
</tr>
</table>
</asp:Panel>

Thanx guys

Hi,

Please change your code to:

<asp:Panel runat="server" ID="pnlcurroffer" GroupingText="<b>Current Offers Info</b>"
Height="400px" Width="350">
<asp:Button ID="btncurrprev" runat="server" CssClass="tbox" Text="<<" OnClick="currprev" />
<asp:Label ID="lblcurrpage" runat="server" />
<asp:Button ID="btncurrnxt" runat="server" CssClass="tbox" Text=">>" OnClick="currlnext" />
<table cellpadding="0" cellspacing="0" border="0" class="main" width="95%">
<tr>
<td colspan="4" class="top line">
<img src="http://pics.10026.com/?src=~../images/spc.gif" height="2" width="1" alt="" /></td>
</tr>
<tr>
<td class="hed" style="height: 19px">
<div class="mgn">
ID</div>
</td>
<td class="hed" style="height: 19px">
<div class="mgn">
Name</div>
</td>
<td class="hed" style="height: 19px">
<div class="mgn">
PackInfo</div>
</td>
<td class="hed" style="height: 19px">
<div class="mgn">
Del</div>
</td>
</tr>
<asp:Repeater ID="Repcurroffers" runat="server" OnItemDataBound="bindcurroffers">
<ItemTemplate>
<tr>
<td colspan="4">
<asp:Panel ID="Panel1" runat="server">
<table>
<tr class="white" onmouseover="this.className='high';" onmouseout="this.className='white';">
<td class="row">
<div class="mgn">
<%#Eval("spid")%>
</div>
</td>
<td class="row">
<div class="mgn">
<asp:Literal ID="lblcurroffname" runat="server" /></div>
</td>
<td class="row">
<div class="mgn">
<asp:Literal ID="lblcurrLead" runat="server" /></div>
</td>
<td class="row">
<div class="mgn">
<asp:LinkButton ID="lnkdel" runat="server" Text="Delete" CommandArgument='<%#Eval("Spid")%>'
OnCommand="lnkDelOffer" /></div>
</td>
</tr>
</table>
</asp:Panel>
<ajaxToolkit:HoverMenuExtender ID="hme1" runat="Server" TargetControlID="Panel1"
PopupControlID="PopupMenu" HoverCssClass="popupHover" PopupPosition="Right" />
<asp:Panel ID="PopupMenu" runat="server" CssClass="popupMenu">
<div style="border: 1px outset white">
<asp:LinkButton ID="LinkButton1" runat="server" />
<br />
<asp:LinkButton ID="LinkButton2" runat="server" />
</div>
</asp:Panel>
</td>
</tr>
</ItemTemplate>
</asp:Repeater>
</table>
</asp:Panel>

Best Regards,

Thank you so much!!!