Help in the 5 star rating control
-
Hi, I have created a five star rating control. I have used ASP.Net 2.0 Clent Callbacks to implement the same. Following is my code <%@ Control Language="C#" AutoEventWireup="true" CodeFile="RatingControl.ascx.cs" Inherits="RatingControl" %> <%@ Implements Interface="System.Web.UI.ICallbackEventHandler"%> <script language="javascript" type="text/javascript"> var totChecked = "<%=totChecked%>"; function callSwapImage(strVal) { var countRec; var imgName; for (countRec = 1; countRec<=parseInt(strVal); countRec++) { imgName = "imgStar" + String(countRec); document.images[imgName].src = "images/starGold.gif"; } } function callSwapRedo() { var message = "0"; var context = ""; CallServer(message, context); } function onImgClick(strVal) { var countRec; var imgName; var message = strVal; var context = ""; CallServer(message, context); } function ShowSuccess(sMessage, Context) { for (countRec = 1; countRec<=parseInt(sMessage) + 1; countRec++) { imgName = "imgStar" + String(countRec); document.images[imgName].src = "images/starGold.gif"; } // for (countRec = parseInt(sMessage)+1; countRec<=5; countRec++) // { // imgName = "imgStar" + String(countRec); // document.images[imgName].src = "images/starWhite.gif"; // } } </script> <asp:Image ID="imgStar1" name="imgStar1" runat="server" onClick="onImgClick('1')" onMouseOver="callSwapImage('1')" onMouseOut="callSwapRedo()" AlternateText="1" ImageUrl="~/images/starWhite.gif"/> <asp:Image ID="imgStar2" name="imgStar2" runat="server" onClick="onImgClick('2')" onMouseOver="callSwapImage('2')" onMouseOut="callSwapRedo()" AlternateText="2" ImageUrl="~/images/starWhite.gif"/> <asp:Image ID="imgStar3" name="imgStar3" runat="server" onClick="onImgClick('3')" onMouseOver="callSwapImage('3')" onMouseOut="callSwapRedo()" AlternateText="3" ImageUrl="~/images/starWhite.gif"/> <asp:Image ID="imgStar4" name="imgStar4" runat="server" onClick="onImgClick('4')" onMouseOver="callSwapImage('4')" onMouseOut="callSwapRedo()" AlternateText="4" ImageUrl="~/images/starWhite.gif"/> <asp:Image ID="imgStar5" name="imgStar5" runat="server" onClick="onImgClick('5')" onMouseOver="callSwapImage('5')" onMouseOut="callSwapRedo()" AlternateText="5" ImageUrl="~/images/starWhite.gif"/> --------------------------------------------------------------- Following is the c
-
Hi, I have created a five star rating control. I have used ASP.Net 2.0 Clent Callbacks to implement the same. Following is my code <%@ Control Language="C#" AutoEventWireup="true" CodeFile="RatingControl.ascx.cs" Inherits="RatingControl" %> <%@ Implements Interface="System.Web.UI.ICallbackEventHandler"%> <script language="javascript" type="text/javascript"> var totChecked = "<%=totChecked%>"; function callSwapImage(strVal) { var countRec; var imgName; for (countRec = 1; countRec<=parseInt(strVal); countRec++) { imgName = "imgStar" + String(countRec); document.images[imgName].src = "images/starGold.gif"; } } function callSwapRedo() { var message = "0"; var context = ""; CallServer(message, context); } function onImgClick(strVal) { var countRec; var imgName; var message = strVal; var context = ""; CallServer(message, context); } function ShowSuccess(sMessage, Context) { for (countRec = 1; countRec<=parseInt(sMessage) + 1; countRec++) { imgName = "imgStar" + String(countRec); document.images[imgName].src = "images/starGold.gif"; } // for (countRec = parseInt(sMessage)+1; countRec<=5; countRec++) // { // imgName = "imgStar" + String(countRec); // document.images[imgName].src = "images/starWhite.gif"; // } } </script> <asp:Image ID="imgStar1" name="imgStar1" runat="server" onClick="onImgClick('1')" onMouseOver="callSwapImage('1')" onMouseOut="callSwapRedo()" AlternateText="1" ImageUrl="~/images/starWhite.gif"/> <asp:Image ID="imgStar2" name="imgStar2" runat="server" onClick="onImgClick('2')" onMouseOver="callSwapImage('2')" onMouseOut="callSwapRedo()" AlternateText="2" ImageUrl="~/images/starWhite.gif"/> <asp:Image ID="imgStar3" name="imgStar3" runat="server" onClick="onImgClick('3')" onMouseOver="callSwapImage('3')" onMouseOut="callSwapRedo()" AlternateText="3" ImageUrl="~/images/starWhite.gif"/> <asp:Image ID="imgStar4" name="imgStar4" runat="server" onClick="onImgClick('4')" onMouseOver="callSwapImage('4')" onMouseOut="callSwapRedo()" AlternateText="4" ImageUrl="~/images/starWhite.gif"/> <asp:Image ID="imgStar5" name="imgStar5" runat="server" onClick="onImgClick('5')" onMouseOver="callSwapImage('5')" onMouseOut="callSwapRedo()" AlternateText="5" ImageUrl="~/images/starWhite.gif"/> --------------------------------------------------------------- Following is the c
you can use simple javascript or builtin AJAX control for this purpose...
Nothing is Impossible. Keep always Smiling... :)
-
you can use simple javascript or builtin AJAX control for this purpose...
Nothing is Impossible. Keep always Smiling... :)