W3D Problems

Friday, December 3, 2010

Parsing UK Date in javascript

To reach a date object with UK format in javascript has no straight road. Well you can use split map to reach there.
Consider this example
var ukDate = new Date("01/12/2011");
well for javascript it is
Wed Jan 12 2011 00:00:00
but we can use the split() object to first separate the date using “/” as separator and then create the Date Object
Consider this example

var ukDate="01/12/2011";

var dateArray=ukDate.split("/");

var newDate=new Date(dateArray[2], dateArray[1]-1,dateArray[0]);

not output will be
Thu Dec 01 2011
and your are done

Thursday, December 2, 2010

Masterpage's button event not firing

Add this to buttons attributes

CausesValidation="false" UseSubmitBehavior="false"

Also check if there are any validators on the content page with no ValidationGroup

A potentially dangerous Request.Form value was detected from the client

You may see this error when you are insert html in asp.net forms. To fix this just append this at the top of page

ValidateRequest="false"

But if you are using dot net framework 4, you also need to add this in the web.config file

<httpRuntime requestValidationMode="2.0"></httpRuntime>

and you are done.

For selected folders use "location" object inside folder and place above code inside that

<location path="{path}">
    <system.web>
        <httpRuntime requestValidationMode="2.0" />
    </system.web>

</location>

Sunday, November 28, 2010

Simple link rollover using css

Creating a simple image rollover using css is easy and great to use. It can be used in menus and banners and else where with a few modification.
For example if you you want to create a css menu button

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Simple link rollover using css</title>
    <style type="text/css">
        a
        {
            background: #0099CC;
            color: #FFFFFF;
            display: block;
            padding: 4px;
            text-align: center;
            text-decoration: none;
            width: 99px;
        }
        a:hover
        {
            background: AliceBlue;
            color: #000;
        }
    </style>
</head>
<body>
    <a href="#">Click Me</a>
</body>
</html>

you can even use a image instead of just color. To do so just append the following to background.

{
    background: url(image-normal.png);

and

a:hover

{
   background: url(image-hover.png);
}

Tableless form using HTML with CSS

Making a tableless form design using HTML with CSS is very easy. It is a good practice because tables are slower than div tags.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Tableless form design using HTML with CSS</title>
    <style type="text/css">
        form div label
        {
            width: 112px;
            display: inline-block;
        }
        form div
        {
            margin: 0.5em 0;
        }
    </style>
</head>
<body>
    <form>
        <div>
            <label for="txtName">Name</label>
            <input name="txtName" id="txtName" />
        </div>
        <div>
            <label for="txtEmail">Email</label>
            <input name="txtEmail" id="txtEmail" />
        </div>
        <div>
            <label for="txtMobile">Mobile</label>
            <input name="txtMobile" id="txtMobile" />
        </div>
        <div>
            <label for="txtComments">Comments</label>
            <input name="txtComments" id="txtComments" />
        </div>
        <div>
            <input type="submit" value="Submit" />
        </div>
    </form>
</body>
</html>