Note that there are some explanatory texts on larger screens.

plurals
  1. POAjax Rating control in popup
    text
    copied!<p>I am developing a page to display some videos with asp .net fw3.5. The page will display a list of videos with thumbnails. When the user clicks a video thumb i will open a popup and show the video in the popup. There will be a rating control in the video.the user can vote for the video using the ajax rating control. the popup should remain shown after rating control is clicked.</p> <p>I have done some of the coding but the problem is I cant get the current rating of the rating control without doing a postback. I can make the popup always visible by using an update panel but if i do so the close button of the modal popupextender doesnt work and i cannot close the modal popup. Here is my related code portion:</p> <pre><code>&lt;asp:Button ID="Button1" runat="server" Style="display: none" /&gt; &lt;asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" OkControlID="btnOkay" TargetControlID="Button1" PopupControlID="Panel1" PopupDragHandleControlID="PopupHeader" Drag="true" BackgroundCssClass="ModalPopupBG"&gt; &lt;/asp:ModalPopupExtender&gt; &lt;asp:Panel ID="Panel1" runat="server" CssClass="PopupCss"&gt; &lt;table style="width: 100%; height: 100%;"&gt; &lt;tr&gt; &lt;td&gt; &lt;div id="mediaplayer"&gt; JW Player goes here&lt;/div&gt; &lt;script type="text/javascript"&gt; jwplayer("mediaplayer").setup({ flashplayer: "jwplayer/player.swf", file: "&lt;%=videoName %&gt;", image: "&lt;%=videoThumb %&gt;", width: "100%", height: "100%" }); &lt;/script&gt; &lt;/td&gt; &lt;td valign="top" align="left" style="text-align: left;"&gt; &lt;div class="fb-like" data-send="true" data-layout="button_count" data-show-faces="true"&gt; &lt;/div&gt; &lt;br /&gt; &lt;div class="fb-comments" data-href="&lt;%=videoLink%&gt;" data-num-posts="3" data-width="470"&gt; &lt;/div&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;!-- AddThis Button BEGIN --&gt; &lt;div class="addthis_toolbox addthis_default_style "&gt; &lt;a class="addthis_button_preferred_1"&gt;&lt;/a&gt;&lt;a class="addthis_button_preferred_2"&gt; &lt;/a&gt;&lt;a class="addthis_button_preferred_3"&gt;&lt;/a&gt;&lt;a class="addthis_button_preferred_4"&gt; &lt;/a&gt;&lt;a class="addthis_button_compact"&gt;&lt;/a&gt;&lt;a class="addthis_counter addthis_bubble_style"&gt; &lt;/a&gt; &lt;/div&gt; &lt;script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f61d99d08697325"&gt;&lt;/script&gt; &lt;!-- AddThis Button END --&gt; &lt;br /&gt; &lt;br /&gt; &lt;asp:Rating ID="Rating1" runat="server" MaxRating="5" StarCssClass="ratingStar" FilledStarCssClass="ratingStarFilled" AutoPostBack="true" OnChanged="VideoRatingChanged" EmptyStarCssClass="ratingStarEmpty" WaitingStarCssClass="ratingStarEmpty"&gt; &lt;asp:HiddenField ID="HiddenField1" runat="server" Value='&lt;%=videoId%&gt;' /&gt; &lt;/asp:Rating&gt; &amp;nbsp (&lt;%=voteCount%&gt;) &lt;br /&gt; Minder Score: &lt;%=minderScore %&gt; &lt;br /&gt; &lt;div class="Controls" style="text-align: left;"&gt; &lt;input id="btnOkay" type="button" value="Kapat" /&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/asp:Panel&gt; </code></pre> <p>How can i manage to have the desired functionality. Any help will be appreciated. Thanks</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload