Hi Tejamak,
My understanding of your issue is that you want to make one Slider change according to another Slider. If I have misunderstood, please feel free to let me know.
Based on this knowledge, I have made a sample which I attached a javascript function to Slider1 and it changes the javascript function will make another Slider change.
<%@. Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<script runat="server"
</script
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:TextBox ID="Slider1" runat="server"/>
<asp:TextBox ID="Slider1_BoundControl" runat="server" Width="30" />
<ajaxToolkit:SliderExtender ID="SliderExtender1" runat="server"
BehaviorID="SliderBID1"
TargetControlID="Slider1"
BoundControlID="Slider1_BoundControl"
Orientation="Vertical"
EnableHandleAnimation="true" />
<br/>
<asp:TextBox ID="Slider2" runat="server" />
<asp:TextBox ID="Slider2_BoundControl" runat="server" Width="30" />
<ajaxToolkit:SliderExtender ID="SliderExtender2" runat="server"
BehaviorID="SliderBID2"
TargetControlID="Slider2"
BoundControlID="Slider2_BoundControl"
Orientation="Vertical"
EnableHandleAnimation="true" />
<asp:TextBox ID="TextBox1" runat="server" Text="0"></asp:TextBox>
<script type="text/javascript" language="javascript">
function pageLoad(){
$find("SliderBID1").add_valueChanged(onSliderChanged);
}
function onSliderChanged(){
$find("SliderBID2").set_Value($find("SliderBID1").get_Value());
}
</script>
</form>
</body>
</html>
I hope this help.
Best regards,
Jonathan
What i want is a single slider control with two handles just like in Amazon. I can move any one of the slider handles and also they do not touch each other. Based on the values, each
of the slider handles indicate i will get my results present in the range..
Hi Tejamak,
tejamak:
What i want is a single slider control with two handles just like in Amazon.
Would you please tell us the URL which contains your expected effect ? Thanks.
Best regards,
Jonathan
I also want the Dual slider, The sample URL is
1. http://www.endless.com/s/ref=foot_bs_gw/?brands=Stacy%252520Adams&boutique=1
2. http://www.yatra.com/AIR/air/step2.html?sid=2dbf75450613ddef7d18b0a1f91a24fe&VERSION=YT&&destination=BOM&origin=DEL&x=73&y=15&CHD=0&INF=0&search_id=94C04B72-B603-11DC-8878-2C0A7A9C7F68&ddate=02/01/2008&rdate=05/01/2008&&type=R&ADT=1&
is there any possibility to do like this WHICH SUPPORTS BOTH IE and MOZILLA?
Hi S_Kiruba_btech,
I also want the Dual slider, The sample URL is
1. http://www.endless.com/s/ref=foot_bs_gw/?brands=Stacy%252520Adams&boutique=1
2. http://www.yatra.com/AIR/air/step2.html?sid=2dbf75450613ddef7d18b0a1f91a24fe&VERSION=YT&&destination=BOM&origin=DEL&x=73&y=15&CHD=0&INF=0&search_id=94C04B72-B603-11DC-8878-2C0A7A9C7F68&ddate=02/01/2008&rdate=05/01/2008&&type=R&ADT=1&
Here isthe sample that you are searching for.
is there any possibility to do like this WHICH SUPPORTS BOTH IE and MOZILLA?
AJAX Control Toolkit can support themain browsers including IE and Firefox.
Best regards,
Jonathan
No comments:
Post a Comment