nPath Ltd. » HTML http://www.npathweb.com Web Development Blog Mon, 22 Feb 2010 15:16:30 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 switch to ssl automatically http://www.npathweb.com/2009/02/05/switch-to-ssl-automatically/ http://www.npathweb.com/2009/02/05/switch-to-ssl-automatically/#comments Thu, 05 Feb 2009 17:04:06 +0000 B.Harding http://www.npathweb.com/blog/?p=21 In this post I’ll explain how I transparently switch from http to https

This same snipit can be put on any page as is and forces certain pages to be https. The nice thing about it is that the user can not edit the url back to http on a page that has this. All I did was put it on the login page and payment page.

On page load the server examines the Request.IsSecureConnection flag and redirects if not secure. It’s that simple. To make it a re-useble snipit I get the page name dynamically.

Be sure not to include the slash after your top level domain.

If Not Page.IsPostBack Then

If Not Request.IsSecureConnection Then

Response.Redirect(“https://www.yourhostname.com” & Request.Url.PathAndQuery.ToString)

End If

End If

]]> http://www.npathweb.com/2009/02/05/switch-to-ssl-automatically/feed/ 0 Ajax update panels and the errors that love them. http://www.npathweb.com/2009/02/05/ajax-update-panels-and-the-errors-that-love-them/ http://www.npathweb.com/2009/02/05/ajax-update-panels-and-the-errors-that-love-them/#comments Thu, 05 Feb 2009 17:02:31 +0000 B.Harding http://www.npathweb.com/blog/?p=20 I have been using ajax a lot lately in my current project. I have noticed an annoying quirk. When a runtime error happens the page appears to hang. temprarily dissabling the update panel quickly reveals that the page isn’t really stuck, but there is an error that ajax is ignoring.

I did some research and found a few good examples of how to handle the errors but most were in C# and some didn’t work in Firefox. Imagine that!

Being a VB guy I decided to post a very stipped down sample of how it works.

The lowdown: The script manager is wired to an event handler that passes the exeption info to the client side java script.  Then we put some client side java script in to display the message.

<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

    Protected Sub SuccessProcessClick_Handler(ByVal sender As Object, ByVal e As System.EventArgs)
        'a successful click
        UpdatePanelMessage.Text = "The asynchronous postback completed successfully."

    End Sub

    Protected Sub ScriptManager1_AsyncPostBackError(ByVal sender As Object, ByVal e As System.Web.UI.AsyncPostBackErrorEventArgs)

        'this creates an exception in the client side Javascript. the exeption will be handled on the client side.
        ScriptManager1.AsyncPostBackErrorMessage = e.Exception.Message

    End Sub

    Protected Sub ErrorProcessClick_Handler(ByVal sender As Object, ByVal e As System.EventArgs)

        'cause an error on this click
        Dim x As Integer = 0
        Dim y As Integer = 10 / x

    End Sub
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
      <style type="text/css">
   #AlertDiv{
     position:relative;
     visibility: hidden;
     background-color:maroon;
     color:White;
     width:500px;

    }

    </style>
</head>
<body >
    <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server"
                onasyncpostbackerror="ScriptManager1_AsyncPostBackError" />

            <script type="text/javascript" language="javascript">
               // this is the client side script that will handle the error passed from the server.
                var divElem = 'AlertDiv';
                var messageElem = 'AlertMessage';
                var bodyTag = 'bodytag';
                Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

               //hide or show the error div
                function ToggleAlertDiv(visString)
                {

                     var adiv = $get(divElem);
                     adiv.style.visibility = visString;

                }

                //reset the error div
                function ClearErrorState() {
                     $get(messageElem).innerHTML = '';
                     ToggleAlertDiv('hidden');                     
                }
                //put the error text into the div
                function EndRequestHandler(sender, args)
                {
                   if (args.get_error() != undefined)
                   {
                       var errorMessage = args.get_error().message;
                       args.set_errorHandled(true);
                      ToggleAlertDiv('visible');
                      //errorMessage.split(":",2)[1] = get just the message and chop off the identifier before the :
                      //The message iteself is the only usefull part to the end user.
                      $get(messageElem).innerHTML ='Error:' + errorMessage.split(":",2)[1];

                   }
                }
            </script>
            <asp:UpdatePanel runat="Server" ID="UpdatePanel1">
                <ContentTemplate>

                  <div id="AlertDiv">

                      <div id="AlertMessage"></div>

                         <input id="OKButton" type="button" value="OK" runat="server" onclick="ClearErrorState()" />

                  </div>

                        <asp:Label ID="UpdatePanelMessage" runat="server" /><br />

                        <asp:Button runat="server" ID="Button1" Text="Submit Successful Async Postback"
                            OnClick="SuccessProcessClick_Handler" OnClientClick="ClearErrorState()" />
                        <asp:Button runat="server" ID="Button2" Text="Submit Async Postback With Error"
                            OnClick="ErrorProcessClick_Handler" OnClientClick="ClearErrorState()" />

                </ContentTemplate>
            </asp:UpdatePanel>

     </div>
    </form>
</body>
</html>
]]> http://www.npathweb.com/2009/02/05/ajax-update-panels-and-the-errors-that-love-them/feed/ 0 Use Css to center a div http://www.npathweb.com/2009/02/05/use-css-to-center-a-div/ http://www.npathweb.com/2009/02/05/use-css-to-center-a-div/#comments Thu, 05 Feb 2009 16:57:52 +0000 B.Harding http://www.npathweb.com/blog/?p=16 Using tables to layout a page is considered outdated. The “new” way to do it is with Div tags a alot of Cascading Style Sheets.

To center a table is easy. You just set align=”center”. But what about when using the new way?

When you want to center a div in the middle of the page use either a style or a css class to set the following attibutes:

width: a fixed width;
margin-right:auto;
margin-left:auto;

Note this tip is only for horizontal alignment. Centering vertically will be discussed in a future post.

example:

<div style=”width:600px; margin-left:auto; margin-right:auto;”>

Hello Middle.

</div>

]]> http://www.npathweb.com/2009/02/05/use-css-to-center-a-div/feed/ 0