or
The first uses, what I believe is called, an embedded ASP.net object. The second uses jQuery.
At first I thought that the resulting objects would be identical. But a simple test - namely, calling .get_id() revealed that they're not.
I was told elsewhere that the 2nd object is referred to as a "Normal Javascript Object". If so, then what's the first one? Put another way, if it's not a "normal" Javascript object then what is it?
Hoping someone can explain, which will hopefully help others too.
Public Class RenderImageHandler Implements System.Web.IHttpHandler Sub ProcessRequest(ByVal context As HttpContext) Implements IHttpHandler.ProcessRequest Dim Response As HttpResponse = context.Response ' Dim ImageUrl As bi = HttpContext.Current.Server.MapPath("~/01SC087.JPG") Dim imgLoader As New PService Dim id As Integer Integer.TryParse(context.Request.QueryString("i_id"), id) If id > 0 Then Dim ic As New ImageConverter() Dim imgN As Image = DirectCast(ic.ConvertFrom(imgLoader._GetPostingImg(id)), Image) Dim bitmap1 As New Bitmap(imgN) Dim thumbnailer As New ImageThumbnailer() Dim bmp As System.Drawing.Bitmap = thumbnailer.CreateThumbnail(bitmap1, 150, 150, True) Dim ms As New System.IO.MemoryStream() bmp.Save(ms, System.Drawing.Imaging.ImageFormat.Bmp) Dim imageData As Byte() = ms.GetBuffer() Response.ContentType = "image/jpeg" context.Response.BinaryWrite(imageData) context.Response.Flush() End If End Sub ReadOnly Property IsReusable() As Boolean Implements IHttpHandler.IsReusable Get Return False End Get End Property End ClassPublic Class ImageThumbnailer Private _thumb As Bitmap = Nothing Public Function CreateThumbnail(ByVal SourceImage As Bitmap, ByVal Width As Int32, ByVal Height As Int32, ByVal KeepRatio As [Boolean]) As Bitmap ' if Source Bitmap smaller than designated thumbnail => Return Original If SourceImage.Width < Width AndAlso SourceImage.Height < Height Then Return SourceImage End If Try Dim _Width As Int32 = 0 Dim _Height As Int32 = 0 _Width = Width _Height = Height If KeepRatio Then If SourceImage.Width > SourceImage.Height Then _Width = Width _Height = CType(SourceImage.Height * (Width / SourceImage.Width), Int32) Else _Height = Height _Width = CType(SourceImage.Width * (Height / SourceImage.Height), Int32) End If End If _thumb = New Bitmap(_Width, _Height) Using g As Graphics = Graphics.FromImage(_thumb) g.InterpolationMode = InterpolationMode.HighQualityBicubic g.FillRectangle(Brushes.White, 0, 0, _Width, _Height) g.DrawImage(SourceImage, 0, 0, _Width, _Height) End Using Catch _thumb = Nothing End Try Return _thumb End Function End Class<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> </telerik:RadScriptManager> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="ddlCountry"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="ddlCountry" LoadingPanelID="RadAjaxLoadingPanel1" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="ddlState"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="ddlState" LoadingPanelID="RadAjaxLoadingPanel1" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="ddlCity"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="ddlCity" LoadingPanelID="RadAjaxLoadingPanel1" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Transparency="5"> <table style="width: 100%; height: 100%;"> <tr style="height: 100%"> <td align="center" valign="middle" style="width: 100%"> <asp:Image ID="Image2" ImageUrl="~/Images/loading6.gif" BorderWidth="0px" Height="32px" Width="32px" AlternateText="Processing Data ...." runat="server"></asp:Image></td> </tr> </table> </telerik:RadAjaxLoadingPanel> <div class="fromContainer"> <h1> <asp:Label runat="server" ID="lblHeader" Text="Why I love Kiwanis" /> </h1> <img src="Images/btnAdd.jpg" class="btnAdd" id="Add" /> <div style="clear: both;"> </div> <div id="panleText" class="tabPanel"> <h2> Add your story and photo here! </h2> </div> <div id="panelMain"> <asp:UpdatePanel runat="server" ID="UP"> <ContentTemplate> <div class="bottomBgBox"> <table cellpadding="0" cellspacing="0"> <tr> <td> <table class="tblBasicForm"> <tr> <td> First Name </td> <td> <asp:TextBox runat="server" ID="txtFirstName" CssClass="input" /> </td> <td> <asp:RequiredFieldValidator ID="rfvFirstName" runat="server" ControlToValidate="txtFirstName" ErrorMessage="*" ValidationGroup="Submit" ForeColor="Red"></asp:RequiredFieldValidator> </td> </tr> <tr> <td> Last Name </td> <td> <asp:TextBox runat="server" ID="txtLastName" CssClass="input" /> </td> <td> <asp:RequiredFieldValidator ID="rfvLastName" runat="server" ControlToValidate="txtLastName" ErrorMessage="*" ValidationGroup="Submit" ForeColor="Red"></asp:RequiredFieldValidator> </td> </tr> <tr> <td> Club Name </td> <td> <asp:TextBox runat="server" ID="txtClub" CssClass="input" /> </td> <td> <asp:RequiredFieldValidator ID="rfvClub" runat="server" ControlToValidate="txtClub" ErrorMessage="*" ValidationGroup="Submit" ForeColor="Red"></asp:RequiredFieldValidator> </td> </tr> </table> </td> <td> <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="200px" Width="300px"> <table class="tblOptionalForm"> <tr> <td> Country </td> <td> <telerik:RadComboBox ID="ddlCountry" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlCountry_OnSelectedIndexChanged"> </telerik:RadComboBox> <asp:RequiredFieldValidator ID="rfvDdlCountry" runat="server" ControlToValidate="ddlCountry" Display="Dynamic" ErrorMessage="*" ValidationGroup="Submit" InitialValue="0"></asp:RequiredFieldValidator> </td> </tr> <tr> <td> State </td> <td> <telerik:RadComboBox ID="ddlState" runat="server" AutoPostBack="true" CssClass="input" OnSelectedIndexChanged="ddlState_OnSelectedIndexChanged"> </telerik:RadComboBox> </td> </tr> <tr> <td> City </td> <td> <telerik:RadComboBox ID="ddlCity" runat="server" CssClass="input"> </telerik:RadComboBox> </td> </tr> </table> </telerik:RadAjaxPanel> </td> </tr> </table> </div> <div class="discriptionBox"> Discription <br /> <asp:TextBox CssClass="input" runat="server" ID="txtDiscription" TextMode="MultiLine" /> <asp:RequiredFieldValidator ID="rfvDescription" ControlToValidate="txtDiscription" ErrorMessage="Required field can not be empty" ForeColor="Red" runat="server" ValidationGroup="Submit"></asp:RequiredFieldValidator> <br /> Photo Upload <br /><br /> <telerik:RadAjaxPanel runat="server" RestoreOriginalRenderDelegate="false" > <telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server" ControlObjectsVisibility="None" TargetFolder="~/Record/"> </telerik:RadAsyncUpload> </telerik:RadAjaxPanel> <br /> <div class="captchaText"> Enter the capcha text here <asp:TextBox ID="CaptchaInput" CssClass="captchaBox" runat="server" MaxLength="5" Font-Size="13px" /> <asp:RequiredFieldValidator ID="ddd" runat="server" ControlToValidate="CaptchaInput" ValidationGroup="Submit" ErrorMessage="*" ForeColor="Red"></asp:RequiredFieldValidator> <telerik:RadAjaxPanel ID="RadAjaxPanel2" runat="server" Height="200px" Width="300px"> </div> <telerik:RadCaptcha ID="RadCaptcha2" runat="server" CaptchaImage-RenderImageOnly="true" CssClass="captcha" CaptchaImage-BackgroundColor="#efefef" ErrorMessage="The code you entered is not valid" Display="Dynamic" CaptchaTextBoxCssClass="captchaBox" ImageStorageLocation="Cache" EnableViewState="true" ValidatedTextBoxID="CaptchaInput" ValidationGroup="Submit"> </telerik:RadCaptcha> </telerik:RadAjaxPanel> <asp:ImageButton runat="server" ID="btnUpload" CssClass="btnAdd" ImageUrl="~/Images/btnUpload.jpg" OnClick="btnUpload_OnClick" ValidationGroup="Submit" /> </div> </ContentTemplate> </asp:UpdatePanel> </div> <script language="javascript" type="text/javascript"> $(function () { $(".btnAdd").click(function () { var tab = document.getElementById('panleText') if (tab.style.display == "" || tab.style.display == "block") { $(".tabPanel").slideUp(); $("#panelMain").slideDown(); } else { $(".tabPanel").slideDown(); $("#panelMain").slideUp(); } }); }) </script> </> <asp:UpdatePanel runat="server" ID="UP1"> <ContentTemplate> <div id="mapContainer"> <h1> Map </h1> <br /> <asp:UpdateProgress runat="server" ID="PageUpdateProgress" AssociatedUpdatePanelID="UP1"> <ProgressTemplate> <div class="progressBar"> <img id="imgUP1" runat="server" src="~/Images/update.gif" /> <span>Loading ...</span> </div> </ProgressTemplate> </asp:UpdateProgress> <div> <div class="gMap"> <cc1:GMap ID="GMap1" runat="server" Width="540" Height="400" serverEventsType="AspNetPostBack" OnMarkerClick="Gmap1_OnMarkerClick" enableServerEvents="true" OnClick="Gmap1_OnClick" OnZoomEnd="Gmap1_OnZoomEnd" /> </div> <div class="regionListContainer"> <h3> <asp:Label runat="server" ID="lblRegionListHeader" Text="Continent Regions" /> </h3> <asp:ListBox runat="server" ID="listRegion" CssClass="regionList" OnSelectedIndexChanged="listRegion_OnSelectedIndexChanged" AutoPostBack="true" /> <div class="listContainerBottom"> <img src="Images/DownArrow.jpg" />more </div> </div> </div> </div> </div> <div id="descriptionContainer"> <asp:FormView ID="fvTestimonial" runat="server" PagerSettings-NextPageImageUrl="~/Images/btnNext.jpg" OnPageIndexChanged="btnkNextBack_OnClick" AllowPaging="true" OnPageIndexChanging="fvTestimonial_OnPageIndexChanging" PagerSettings-LastPageImageUrl="~/Images/btnBack.jpg" PagerSettings-Mode="NextPrevious"> <PagerTemplate> </PagerTemplate> <ItemTemplate> <h1> <asp:Label ID="Label1" runat="server" Text='<%# Bind("City.Name") %>' /> </h1> <div class="hr"> <div class="testiNavContainer"> <asp:ImageButton runat="server" ID="ibtnPrevious" CommandName="Page" CommandArgument="Prev" ImageUrl="~/Images/btnBack.jpg" /> <asp:ImageButton runat="server" ID="ibtnNext" CommandName="Page" CommandArgument="Next" ImageUrl="~/Images/btnNext.jpg" /> </div> </div> <div class="discription"> <asp:Image runat="server" ID="imgPhoto" Width="380" CssClass="discriptionImage" ImageUrl='<%# Bind("FileUrl") %>' Visible='<%# Eval("FileUrl")!= null %>' /> <div style="float: left" class="discriptionText"> <p> <asp:Label ID="lblDiscription" runat="server" Text='<%# Bind("Desciption") %>' /> </p> <p> <asp:Label ID="lblFirstName" CssClass="highlight" runat="server" Text='<%# Bind("FirstName") %>' /> <asp:Label ID="lblLastName" CssClass="highlight" runat="server" Text='<%# Bind("LastName") %>' />, <br /> <asp:Label ID="lblCity" runat="server" Text='<%# Bind("City.Name") %>' />, <asp:Label ID="lblCountry" runat="server" Text='<%# Bind("Country.Name") %>' /> </p> </div> </div> <br /> </ItemTemplate> </asp:FormView> </div> </ContentTemplate> </asp:UpdatePanel></asp:Content><telerik:RadScheduler . . . (removed the rest of this for brevity) <InlineInsertTemplate> <p>In here</p> <div id="InlineInsertTemplate"> <asp:TextBox ID="TitleTextBox" runat="server" Text='<%# Bind("Subject") %>' Width="90%"
TextMode="MultiLine" Height="20px"></asp:TextBox> <asp:LinkButton ID="InsertButton" runat="server" CommandName="Insert"> <asp:Image runat="server" ID="insertImage" ImageUrl="Images/ok.gif" AlternateText="insert" /> </asp:LinkButton> <asp:LinkButton ID="InsertCancelButton" runat="server" CausesValidation="False" CommandName="Cancel"> <asp:Image runat="server" ID="Image2" ImageUrl="Images/cancel.gif" AlternateText="cancel" /> </asp:LinkButton> <div class="inline-label"> Color code:</div> <br> <asp:LinkButton ID="InsertMoreButton" runat="server" CommandName="More" CssClass="rsAdvancedEditLink">Edit Advanced</asp:LinkButton> </div> </InlineInsertTemplate><br>
</telerik:RadScheduler>((
RadDateTimePicker)this.FindControl("FromDatePicker")).SelectedDate = DateTime.Now;
Is not working.
<telerik:GridBoundColumn DataField="DateCreated" HeaderText="Date Created" UniqueName="DateCreated" FilterListOptions="VaryByDataTypeAllowCustom"> <FilterTemplate> From <telerik:RadDateTimePicker ID="FromDatePicker" runat="server" Width="185px" Skin="WebBlue" DateInput-EmptyMessage="MinDate" MinDate="01-01-2010" MaxDate="12-31-2011" DbSelectedDate='<%# startDate1 %>'> <TimeView ID="TimeView1" OnClientTimeSelected="DateSelected" runat="server"> </TimeView> <ClientEvents OnDateSelected="DateSelected1" OnPopupOpening="PopupOpening" /> <Calendar runat="server"> <SpecialDays> <telerik:RadCalendarDay Repeatable ="Today" ItemStyle-BackColor="Red"> </telerik:RadCalendarDay></SpecialDays> </Calendar> </telerik:RadDateTimePicker> to <telerik:RadDateTimePicker ID="ToDatePicker" runat="server" Width="185px" MinDate="01-01-2010" Skin="WebBlue" DateInput-EmptyMessage="MinDate" MaxDate="12-31-2011" DbSelectedDate='<%# endDate1 %>'> <TimeView ID="TimeView2" OnClientTimeSelected="DateSelected" runat="server" > </TimeView> <ClientEvents OnDateSelected="DateSelected1" OnPopupOpening="PopupOpening" /> <Calendar ID="Calendar1" runat="server"> <SpecialDays> <telerik:RadCalendarDay Repeatable ="Today" ItemStyle-BackColor="Red"> </telerik:RadCalendarDay></SpecialDays> </Calendar> </telerik:RadDateTimePicker> <telerik:RadScriptBlock ID="RadScriptBlock111" runat="server"> <script type="text/javascript"> function DateSelected(sender, args) { var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>"); tableView.filter("DateCreated", "", "Between"); } var isDateToBeSet = true; function DateSelected1(sender, args) { if (isDateToBeSet) { sender.get_timeView().setTime(00, 01, 0, null); } } function PopupOpening(sender, args) { isDateToBeSet = args.get_popupControl().get_id().indexOf("timeView") != -1 ? false : true; } </script> </telerik:RadScriptBlock> </FilterTemplate> <HeaderStyle Font-Bold="True" /> <ItemStyle Width="31%" /> </telerik:GridBoundColumn>