Project CSharp

Anatomy of a MVC Request Response

2016-04-10T00:32:00.000-07:00

Diagram for MVC Request Response

To be short and precise:

When a user sends a HTTP request through a browser, the controller which is the traffic hub receives the request and interacts with model to perform the operation.
Model perform the business operation to complete the task and respond back to controller.
Then the controller selects a View and passes requested data to the view to generate a page.
The View engine reads view template and dynamically generates HTML that is sent to the user.

ActionResult Types in MVC

2016-03-26T01:07:00.000-07:00

Following table list ActionResult Types in MVC:

Type	HelperMethod	Description
ContentResult	Content()	Raw text data
EmptyResult	--	Returnsnothing
FileResult	File()	Base class to send file
HttpUnauthorizedResult	--	Returns HTTP 401
JavaScriptResult	JavaScript()	Returns and executes script
JsonResult	Json()	JavaScript Object Notation
PartialViewResult	PartialView	HTML snippet
RedirectResult	Redirect()	Redirect to URL
RedirectToRouteResult	RedirectToRoute() RedirectToAction()	Redirect to MVC route or action
ViewResult	View()	Full HTML page

The Tenets of MVC

2016-03-20T08:42:00.001-07:00

Following are the tenets of MVC:

Separation of concerns

Foundation concept of a good application is that it should be modularized. So that each module focuses on its own module. In MVC, Model knows nothing about the View and the Controller. The View knows nothing about the Controller and so on. The more you keep the application separate the more it will perform better and it will be more maintainable. That's separation of concerns.

Convention over configuration

The ASP.NET MVC eliminates the need for extensive configuration settings by following various conventions. Example would be in MVC project has separate folders for Module, Views and Controller. Convention locations to locate code files that implement those different components. By keeping those component in convention folders you don't have to make extensive configuration changes.

Keep it DRY: Don't Repeat Yourself

DRY is one of the design principle that MVC embraces. The point here is you should reduce the duplication of code and logic which help in making the application faster as well as easier to maintaining. For example you can encapsulate chunk of reusable user interface code in partial view temples which are similar to asp.net user controls.

Be helpful, but get out of the way

MVC allows you to have more control over HTML then ASP.NET web pages. It help you to fully customize the HTML view as per your need.

Angularjs - Hello World!

2015-12-18T20:11:00.002-08:00

What is Angularjs?

AngularJS is a javascript framework which helps build web and mobile application. It is one of the projects developed by Google Inc. It is the widely used client side scripting language.

Google has made this project opensource which mean the source code is available for all. It can be re-modified and used for other projects. It is best fit for SPA (Single Page Application), MVC framework web application etc..,

Visit website Made With Angular (Click Here) to know the top websites which uses Angular JS.

Talking about benefits of Angular JS:

Dependency Injection
Two Way Data-Binding
Testing
ModelViewControler
Directives, Filters etc.,

To get started you need to have angular.js file added to your project. You can download the file or use the CDN link.

Download AngularJS version 1.5.5 file from here

Google CDN Minified : https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js

Google Uncompressed : https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.js

Why Google CDN?

While downloading and using the AngularJS source code is great for development, we recommend that you source the script from Google's CDN (Content Delivery Network) in your deployed, customer facing app whenever possible. You get the following advantages for doing so:

Better Caching : If you host AngularJS yourself, your users will have to download the source code atleast once. But if the browser sees that you are referring to Google CDN's version of AngularJS, and your user has visited another app which uses AngularJS, then he can avail the benefits of caching, and thus reduce one download, speeding up his overall experience!

Decreased Latency : Google's CDN distributes your static content across the globe, in various diverse, physical locations. It increases the odds that the user gets a version of AngularJS served from a location near him, thus reducing overall latency.

Increased Parallelism : Using Google's CDN reduces one request to your domain. Depending on the browser, the number of parallel requests it can make to a domain is restricted (as low as 2 in IE 7). So it can make a gigantic difference in loading times for users of those browsers.

Angular example:

AngularJS starts automatically when the web page has loaded.

The ng-app directive tells AngularJS that the <div> element is the "owner" of an AngularJS application.

The ng-model directive binds the value of the input field to the application variable name.

The ng-bind directive binds the innerHTML of the <p> element to the application variable name.

Normalizing and Denormalizing Data

2015-06-01T20:47:00.000-07:00

After designing a database, it is important to ensure that the data in the table is consistent and relevant. Normalization is a process of reducing the redundancy of data in a relational database. The reversal of normalization to improve performance due to some factors is called Denormalization.

Redundancy means repetition of data. Redundancy increases the time involved in adding, updating, and deleting data. It also increases the utilization of disk space and hence, disk I/O increases.

HTML 5.0 - The most powerful yet!

2015-06-01T10:14:00.000-07:00

HMTL 5 is the latest version. HyperText Markup Language, commonly referred to as HTML, is the standard markup language used to create static web pages. It is written in the form of HTML elements consisting of tags enclosed in angle brackets (like ).

Below is the syntax for HTML 5.0:

<!DOCTYPE html>
<html> 
   <head>

      <title>Page Title</title>

      <meta charset="UTF-8">
   </head> 
   <body> 
      <h1>This is a Heading</h1> 
      <p>This is a paragraph.</p>
   </body>
</html>

The first "working draft" of HTML5 came out in January of 2008 and it already has surprisingly broad browser support. However HTML5 is not yet fully implemented and won't be for some years yet. There are any number of planning committees that have plans to make it a "Recommendation", but such plans are still in the planning phase.

Two groups, the W3C and the WHATWG, are in charge of developing HTML5. Why two groups? "The WHATWG was formed in response to the slow development of web standards monitored by the W3C." wikipedia – In other words they got in a fight and parted ways.

Fundamental changes are coming with the development of APIs that will run in HTML5 – exciting and powerful new tools that will take the internet places we can't begin to imagine. Also new elements such as the <header>, <nav> and <article> have been introduced which will help search engines analyze web pages better.

HTML5 is not just the future of web design, it's the present.

Quick look at "New Features of ASP.NET MVC 4.0 Framework"

2015-06-01T00:48:00.001-07:00

The ASP.NET MVC framework provides the following features:

Separation of application tasks (input logic, business logic, and UI logic), testability, and test-driven development (TDD). All core contracts in the MVC framework are interface-based and can be tested by using mock objects, which are simulated objects that imitate the behavior of actual objects in the application. You can unit-test the application without having to run the controllers in an ASP.NET process, which makes unit testing fast and flexible. You can use any unit-testing framework that is compatible with the .NET Framework.

An extensible and pluggable framework. The components of the ASP.NET MVC framework are designed so that they can be easily replaced or customized. You can plug in your own view engine, URL routing policy, action-method parameter serialization, and other components. The ASP.NET MVC framework also supports the use of Dependency Injection (DI) and Inversion of Control (IOC) container models. DI enables you to inject objects into a class, instead of relying on the class to create the object itself. IOC specifies that if an object requires another object, the first objects should get the second object from an outside source such as a configuration file. This makes testing easier.

Extensive support for ASP.NET routing, which is a powerful URL-mapping component that lets you build applications that have comprehensible and searchable URLs. URLs do not have to include file-name extensions, and are designed to support URL naming patterns that work well for search engine optimization (SEO) and representational state transfer (REST) addressing.

Support for using the markup in existing ASP.NET page (.aspx files), user control (.ascx files), and master page (.master files) markup files as view templates. You can use existing ASP.NET features with the ASP.NET MVC framework, such as nested master pages, in-line expressions (<%= %>), declarative server controls, templates, data-binding, localization, and so on.

Support for existing ASP.NET features. ASP.NET MVC lets you use features such as forms authentication and Windows authentication, URL authorization, membership and roles, output and data caching, session and profile state management, health monitoring, the configuration system, and the provider architecture.

Source: MSDN

In simple words "Introduction to ASP.NET MVC"

2015-06-01T00:41:00.000-07:00

The Model View Controller (MVC) architectural pattern separates an application into three main components: Model, View, and Controller.

ASP.NET MVC Pattern

The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications. The ASP.NET MVC framework is a lightweight, highly testable presentation framework that (as with Web Forms-based applications) is integrated with existing ASP.NET features, such as master pages and membership-based authentication. The MVC framework is defined in the System.Web.Mvc assembly.

MVC is a standard design pattern that many developers are familiar with. Some types of Web applications will benefit from the MVC framework. Others will continue to use the traditional ASP.NET application pattern that is based on Web Forms and postbacks. Other types of Web applications will combine the two approaches; neither approach excludes the other.

The MVC framework includes the following components:

· Models: Model objects are the parts of the application that implement the logic for the application's data domain. Often, model objects retrieve and store model state in a database. For example, a Product object might retrieve information from a database, operate on it, and then write updated information back to a Products table in a SQL Server database.

In small applications, the model is often a conceptual separation instead of a physical one. For example, if the application only reads a dataset and sends it to the view, the application does not have a physical model layer and associated classes. In that case, the dataset takes on the role of a model object.

· Views: Views are the components that display the application's user interface (UI). Typically, this UI is created from the model data. An example would be an edit view of a Products table that displays text boxes, drop-down lists, and check boxes based on the current state of a Product object.

· Controllers: Controllers are the components that handle user interaction, work with the model, and ultimately select a view to render that displays UI. In an MVC application, the view only displays information; the controller handles and responds to user input and interaction. For example, the controller handles query-string values, and passes these values to the model, which in turn might use these values to query the database.

The MVC pattern helps you create applications that separate the different aspects of the application (input logic, business logic, and UI logic), while providing a loose coupling between these elements. The pattern specifies where each kind of logic should be located in the application. The UI logic belongs in the view. Input logic belongs in the controller. Business logic belongs in the model. This separation helps you manage complexity when you build an application, because it enables you to focus on one aspect of the implementation at a time. For example, you can focus on the view without depending on the business logic.

The loose coupling between the three main components of an MVC application also promotes parallel development. For example, one developer can work on the view, a second developer can work on the controller logic, and a third developer can focus on the business logic in the model.

What are the Characteristics of the Object-Oriented Approach?

2015-05-31T22:00:00.003-07:00

Following are the characteristics of the Object-Oriented Approach:

Realistic Modeling

The Object-Oriented approach allows you to identify entities as objects having attributes and behavior. Attributes and behavior typically dipct how the object acts and reacts. For example, the car is an object belonging to the class Vehicle. The car has attributes such as speed, color, and power. It displays behavior such as being stationary, moving slowly, or accelerating.

Reusability

In programming word, using existing classes or objects form other application saves resources spent in recreating the classes from scratch. The process of creating a new class by adding some features to an existing class is known as inheritance. The benefit of reputability translates to savings in time and effort, which in turn results in cost benefits.

Resilience to Change

In the object-oriented system, this requirement does not mean that the new car needs to be built from scratch. The new features can be easily incorporated in the old system without modifying the base attributes.

Resilience to change also results in easier maintenance. This feature of object-oriented methodology is known as extensibility. The ability of a class to inherit features from another class also makes object-oriented programs more extensible. For the same reason, even during construction, parts of the system under development can be refined without any major changes to other parts.

Existence as Different Forms

Using the object-oriented approach, objects can be made to respond differently to the same message. the response is decided based on the information or parameters provided with the message. This ability to react differently based on the information associated with the message is known as polymorphisum.

What the heck is ASP.NET Web API?

2015-05-31T07:17:00.000-07:00

ASP.NET Web API is a framework that makes it easy to build HTTP services that reach a broad range of clients, including browsers and mobile devices. ASP.NET Web API is an ideal platform for building RESTful applications on the .NET Framework. (Source MSDN)

To get started checkout an article from Mike Wasson - Getting Started with ASP.NET Web API 2 (C#)

What is Entity Framework?

2015-05-22T11:37:00.003-07:00

Entity Framework is an Object Relational Mapping framework.

On high level, Object Relational Mapping framework automatically creates classes based on database tables (also known as Schema first approach) or it can also automatically generate necessary SQL to create database tables based on classes (also known as Code First approach).

There are three types of approach used in Entity Framework namely,

Schema First
Model First
Code First (Commonly used approach in development)

This should be sufficient to convince the interviewer question.

What are the new features of C# 6.0?

2015-05-22T00:15:00.002-07:00

C# 6.0 is the latest version which ships with Visual Studio 2015. You to start learning the new features to update yourselves for many different reasons. C# 6.0 is not yet completed and Microsoft is releasing few features now and then. For interview point of view, just mentioned the following items and you should be satisfying the interviewer question.

Following are few features of C# 6.0

1. $ sign

The purpose for it is to simplify string based indexing. Its not some thing like current dynamic features of C# since it internally uses regular indexing functionality. To understand lets consider following example:

var col = new Dictionary()
{
// using inside the intializer
$first = "Hassan"
};

//Assign value to member

//the old way:
col["first"] = "Hassan";

// the new way
col.$first = "Hassan";

2. Exception filters:

Exception filters are already supported in VB compiler but now they are coming into C#. exception filters lets you specify a condition for a catch block. the catch block gets executed only if the condition is satisfied, this one is my favorite feature, so let's look at an example:

try
{
throw new Exception("Me");
}
catch (Exception ex) if (ex.Message == "You")
{
// this one will not execute.
}
catch (Exception ex) if (ex.Message == "Me")
{
// this one will execute
}

3. await in catch and finally block:

As far as I know, no one know why in C# 5 using await keyword in catch and finally block was not available, any way its now possible to use though. this is great because often we want to perform I/O operation in order to log the exception reason in catch block or such things in finally block and they Need asynchrony.

try
{
DoSomething();
}
catch (Exception)
{
await LogService.LogAsync(ex);
}

4. Declaration expressions

This feature simply allows you to declare local variable in the middle of an expression. It is as simple as that but really destroys a pain. I have been doing a lot of asp.net web form projects in the past and this was my every day code:

long id;
if (!long.TryParse(Request.QureyString["Id"], out id))
{ }
which can be improved to this:
Hide Copy Code
if (!long.TryParse(Request.QureyString["Id"], out long id))
{ }

The scoping rules for this kind of declaration is same as general scoping rules in C#.

5. using Static

This feature allows you to specify a particular type in a using statement after that all static members of that type will be accessible is subsequent code.

using System.Console;

namespace ConsoleApplication10
{
class Program
{
static void Main(string[] args)
{
//Use writeLine method of Console class
//Without specifying the class name
WriteLine("Hellow World");
}
}
}

6. Auto property initializer:

With C# 6 initialize auto properties just like a field at declaration place. The only thing to notice here is that this initialization dose not cause the setter function to be invoked internally. the value of backing field is set directly. so here is an example:

public class Person
{
// You can use this feature on both
//getter only and setter / getter only properties

public string FirstName { get; set; } = "Hassan";
public string LastName { get; } = "Hashemi";
}

7. Primary Constructor:

The main purpose for it is using constructor parameters for initialization. When declaring a primary constructor all other constructors must call the primary constructor using :this().
here is an example finally:

//this is the primary constructor:
class Person(string firstName, string lastName)
{
public string FirstName { get; set; } = firstName;
public string LastName { get; } = lastName;
}

notice that declaration of primary constructor is at the top of the class.

8- Dictionary Initializer:

Some people believed that the old way of initiailzing dictionaries was dirty so the C# team dicided to make it cleaner, thanks to them. here is an example of the old way and new way:

// the old way of initializing a dictionary
Dictionary oldWay = new Dictionary()
{
{ "Afghanistan", "Kabul" },
{ "United States", "Washington" },
{ "Some Country", "Some Capital city" }
};

// new way of initializing a dictionary
Dictionary newWay = new Dictionary()
{
// Look at this!
["Afghanistan"] = "Kabul",
["Iran"] = "Tehran",
["India"] = "Delhi"
};

Note: To play around and know more about C# 6.0 download Visual Studio 2015 click here

What is Data Model?

2015-04-07T19:39:00.002-07:00

Definition:

A data model is a description of the organization of data in a database. It also describes the relationship among data and any constraints that have to be defined on the data.

Data models can be broadly be classified into two categories:

Object-based logical model

It focuses on describing the data, the relationship among the data, and any constraints defined.

Record-base logical model

It focuses on describing the data structure and the access techniques in a Database Management System.

What is Database Management system (DBMS)?

2015-04-06T21:30:00.002-07:00

Definition 1:

A database management system (DBMS) is a software used to store and manage data. A DBMS stores data in databases and uses data models to describe the various ways of organizing data.

Definition 2:

Database Management System is the task of maintaining databases so that information is readily available.

DBMS's are designed to maintain large volumes of data.Management of data involves:

Defining structures of data storage.
Providing mechanisms for data manipulation such as adding, editing, and deleting data.
Providing data security against unauthorized access.

What is a Database?

2015-04-06T21:24:00.002-07:00

Definition:

A database is a collection of logically related information.

Following are the top 10 database engines using by companies around the globe:

Oracle
MySQL
Microsoft SQL Server
PostgreSQL
DB2
MongoDB
Microsoft Access
SQLite
Sybase
Teradata

What is Relational Database Management System (RDBMS)?

2015-04-06T21:18:00.000-07:00

Definition:

A relational database management system (RDBMS) is an advanced version of DBMS that also defines the relationship between the various data values. It helps in organizing and accessing data more efficiently than DBMS.

What is a Class in Object Oriented Programming (OOP)?

2015-04-04T00:08:00.001-07:00

Definition:

Class is a declaration, a template, or a blueprint that can be used to classify objects.

For example, the peacock, the sparrow, and the kingfisher are all birds. All of them share characteristics that are common to the family of birds. All of them lay eggs, are covered with feathers, have hollow bone structures, and have the ability to fly. Therefore, they share structural and behavioral similarities and belong to the class called Birds.

What is an object in Object Orientation (OOP)?

2015-04-03T02:21:00.000-07:00

Definition 1:

An object is a combination of messages and data. Objects can receive and send messages and use messages to interact with each other. The messages contain information that is to be passed to the recipient object.

Definition 2:

An object literally means a 'material thing' that is capable of being presented to the senses.

Definition 3:

An object is a tangible entity that may exhibit some well-defined behavior. For example, let us consider a tennis ball:

A tennis ball is a tangible entity, with a visible boundary.
A tennis ball has a specific defined purpose (such as bouncing)
You can direct a specific action towards a tennis ball by hitting it with racquet or by tossing it.

What is Object Oriented Programming (OOP) ?

2015-04-02T22:32:00.000-07:00

Object-Oriented Programming (OOP) is one of the most popular methodologies in software development. It offers a powerful model for creating computer programs. It speeds the program development process, improves maintenance and enhances reusablity of programs.

jQuery - Hello World!!!

2013-08-09T23:50:00.000-07:00

jQuery is powerful client side scripting language. It is easy to learn language. It supports large number of browser which includes IE, Firefox, etc. It is JavaScript library of code that is already written by sine talented programmers. It simplifies most of the complex tasks that you don't need to worry. Below code display and hide Hello World!!! text using jQuery.

JQuery Hello Word!!!

jQuery Hello World!!!

Hello World!!!

How to get Image Preview after browsing through fileupload control using JavaScript

2010-11-19T18:49:00.000-08:00

There are situations when you work with File Upload controls and you want to show the image preview when you hit ok in the dialog box. There are many solution but we are going to demonstrate using JavaScript. Now the below code snippet uses showImage function which first splits the complete path present in file upload text box. Later it appends 'file:///' to the complete file path.

Example:



function showImage(id,img,divName,no)
        {
            var fileUploader = id.value;            
             dots = fileUploader.split(".");
          
            //get the part AFTER the LAST period.
            fileType = "." + dots[dots.length-1];
            if(fileType=='.jpg'||fileType=='.JPG'||fileType=='.gif'||fileType=='.GIF' ||fileType=='.jpeg'||fileType=='.JPEG'||fileType=='.bmp'||fileType=='.BMP'||       fileType=='.png'||fileType=='.PNG'||fileType=='.tif'||fileType=='.TIF'||fileType=='.thm'||fileType=='.THM')
            {
               // alert('That file is OK!');
               // return true;
            }
            else
            {
                return false;
            }
            
            var filePath = fileUploader.split("\\"); 
            var path = 'file:///';
            for(var i = 1; i <  filePath.length;i++)
            {
                path += filePath[i];
                if(i != filePath.length -1)
                    path += "/";
            }  
          if(path.length > 1)
            {
                if(no==1)
                {                   
                  var ele= document.getElementById('<%= panellogo.ClientID %>');
                  ele.style.display = 'block';
                  var ele1= document.getElementById('<%= imglogo.ClientID %>');           
                }
                else if(no==2)
                {
                  var ele= document.getElementById('<%= panelheader.ClientID %>');
                  ele.style.display = 'block';
                  var ele1= document.getElementById('<%= imgheader.ClientID %>');              
                }
                else if(no==3)
                {
                  var ele= document.getElementById('<%= panelfooter.ClientID %>');
                  ele.style.display = 'block';
                  var ele1= document.getElementById('<%= imgfooter.ClientID %>');
                }
                else if(no==4)
                {
                   var ele= document.getElementById('<%= panelmiddlebar.ClientID %>');
                   ele.style.display = 'block';
                   var ele1= document.getElementById('<%= imgmiddlebar.ClientID %>');           
                }
                ele1.src =path ; 
           }
        }

How to use javascript to change values of a controls inside a gridview?

2010-08-29T04:10:00.000-07:00

There are situations where you need to change value present in grid view dynamically. In one of my project, I need to calculate price according to the number of food items selected from a drop-down list control and this will be client site operation. To do that I have used JavaScript. Below is the ASP.NET and JavaScript which you need to past it in ASP.NET page.

Confirmation dialog box in Code Behind using C#( C-Sharp ) in ASP.NET

2010-08-17T03:08:00.000-07:00

You can call a confirmation dialog box from code behind using c#. Copy follow the code in respective files.

Copy this is HTML

<p>
        <asp:Button id="btnSave" runat="server" Text="Save and Update 'RFFM'" OnClientClick="return UpdateRFFM();" />
    </p>

Copy this in C# code behind.

using System;
using System.Data;
using System.Data.SqlClient;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

using System.Text;
using ADI.Web;

namespace SIS
{
    public partial class update_sis : System.Web.UI.Page
    {
        SqlCommand cmd;
        SqlParameter pm;
        string strForm = "";
        StringBuilder sb;
        string strError = "";
        int UpdateStatus = -1;
        string strEmailTemplate = "";

        protected void Page_Load(object sender, EventArgs e)
        {
            Response.ContentType = "text/plain";
            Response.Cache.SetCacheability(HttpCacheability.NoCache);

            if (Request["form_name"] == null)
            {
                Response.Write("");
                Response.End();
            }
            strForm = Utils.ToStringNullSafe(Request["form_name"]);
            sb = new StringBuilder();

            if (Session["ApplicationId"] == null)
            {
                Response.Write("Bad Request...");
                Response.End();
            }

            int ApplicationId = int.Parse(Session["ApplicationId"].ToString());

            switch (strForm)
            {
                case "rffm_create_user":
                    if (Session["email"] == null)
                    {
                        Response.Write("Bad Request");
                        Response.End();
                    }
                    Session["errmsg"] = "";
                    try
                    {
                        cmd = new SqlCommand("usp_SIS_PutUser");

                        // output parameter
                        pm = new SqlParameter("@UpdateStatus", SqlDbType.Int);
                        pm.Direction = ParameterDirection.Output;
                        cmd.Parameters.Add(pm);

                        // input parameters
                        cmd.Parameters.Add("Id", SqlDbType.Int).Value = 0;
                        cmd.Parameters.Add("@UserName", SqlDbType.VarChar, 50).Value = Session["Email"].ToString();

                        string strPassword = System.Guid.NewGuid().ToString().Substring(0, 8);
                        
                        cmd.Parameters.Add("@Password", SqlDbType.VarChar, 50).Value = Utils.base64Encode(strPassword);
                        cmd.Parameters.Add("@Active", SqlDbType.Bit).Value = false;
                        int ClubId = int.Parse(Session["ClubId"].ToString());
                        if (ClubId > 0)
                        {
                            cmd.Parameters.Add("@Group_Id", SqlDbType.Int).Value = 31;
                            cmd.Parameters.Add("@Club_Id", SqlDbType.Int).Value = ClubId;
                            cmd.Parameters.Add("@NonClub_Id", SqlDbType.Int).Value = (object)DBNull.Value;
                        }
                        else
                        {
                            cmd.Parameters.Add("@Group_Id", SqlDbType.Int).Value = 32;
                            cmd.Parameters.Add("@Club_Id", SqlDbType.Int).Value = (object)DBNull.Value;
                            cmd.Parameters.Add("@NonClub_Id", SqlDbType.Int).Value = int.Parse(Session["Non_ClubId"].ToString());
                        }

                        Utils.executeSP(cmd);
                        Session.Remove("emil");
                        strError = "";

                        if (Session["errmsg"].ToString() != "") 
                            strError = "-1" + Session["errmsg"].ToString();

                        if (strError == "")
                        {
                            int UpdateStatus = int.Parse(cmd.Parameters["@UpdateStatus"].Value.ToString());
                            if (UpdateStatus < 0)
                                strError = "-1There was a problem when creating new user. Please contact Admin";
                            else
                            {
                                // send email
                                strEmailTemplate = Utils.ReadTemplate("newuser.txt");
                                strError = "00" + SIS_Site.SendEmail(UpdateStatus, strEmailTemplate);
                            }
                        }
                    } catch (Exception ex) {
                        strError = "-1" + ex.Message;
                    }
                    break;
                case "rffm_SendVerificationEmail":
                    // send email
                    if (Session["UserId"] == null)
                    {
                        Response.Write("Bad Request");
                        Response.End();
                    }
                    strError = "";
                    strEmailTemplate = Utils.ReadTemplate("newuser.txt");
                     strError = "00" + SIS_Site.SendEmail(int.Parse(Session["UserId"].ToString()), strEmailTemplate);
                    Session.Remove("UserId");
                    break;
                case "rffm_UserSetupVerify":
                    strError = "";
                    try
                    {
                        cmd = new SqlCommand("usp_SIS_UserSetupVerify");

                        // output parameter
                        pm = new SqlParameter("@UpdateStatus", SqlDbType.Int);
                        pm.Direction = ParameterDirection.Output;
                        cmd.Parameters.Add(pm);

                        SqlParameter pm2 = new SqlParameter("@EMail", SqlDbType.VarChar, 500);
                        pm2.Direction = ParameterDirection.Output;
                        cmd.Parameters.Add(pm2);

                        SqlParameter pm3 = new SqlParameter("@Updatetext", SqlDbType.VarChar, 200);
                        pm3.Direction = ParameterDirection.Output;
                        cmd.Parameters.Add(pm3);

                        SqlParameter pm4 = new SqlParameter("@UserId", SqlDbType.Int);
                        pm4.Direction = ParameterDirection.Output;
                        cmd.Parameters.Add(pm4);

                        // input parameters
                        cmd.Parameters.Add("@ApplicationId", SqlDbType.Int).Value = ApplicationId;

                        Utils.executeSP(cmd);

                        if (Session["errmsg"] != null)
                            strError = Session["errmsg"].ToString();

                        if (strError == "")
                        {
                            UpdateStatus = int.Parse(cmd.Parameters["@UpdateStatus"].Value.ToString());
                            if (UpdateStatus < 0)
                                strError = "There was an error when processing your request";
                        }

                        Session["email"] = cmd.Parameters["@EMail"].Value.ToString();
                        Session["UserId"] = cmd.Parameters["@UserId"].Value.ToString();
                        Session["Updatetext"] = cmd.Parameters["@Updatetext"].Value.ToString();

                        switch (UpdateStatus)
                        {
                           case 1:
                                strError = "1";
                                break;
                            case 2:
                                strError = "2";
                                break;
                            case 3:
                                strError = "3";
                                break;
                            case 4:
                                strError = Session["Updatetext"].ToString();
                                break;
                            case 5:
                                strError = "5" + Session["Updatetext"].ToString();
                                break;
                            default:
                                break;
                        }
                    }
                    catch (Exception ex)
                    {
                        strError = ex.Message;
                    }
                    break;

                case "rffm":
                    Session["current_tab"] = "rffm";
                    try
                    {
                        cmd = new SqlCommand("usp_SIS_PutProjectProfile");

                        // output parameter
                        pm = new SqlParameter("@UpdateStatus", SqlDbType.Int);
                        pm.Direction = ParameterDirection.Output;
                        cmd.Parameters.Add(pm);

                        // input parameters
                        cmd.Parameters.Add("@ApplicationId", SqlDbType.Int).Value = ApplicationId;
                        cmd.Parameters.Add("@LastSavedBy", SqlDbType.VarChar, 50).Value = Session["user"].ToString();

                        cmd.Parameters.Add("@FeasibilityStudyDocument", SqlDbType.VarChar, 8000).Value = Request["FeasibilityStudy"];
                        cmd.Parameters.Add("@PlanningPermissionNotRequired", SqlDbType.VarChar, 8000).Value = Request["PlanningPermissionNotRequired"];
                        cmd.Parameters.Add("@Sustainable", SqlDbType.VarChar, 8000).Value = Request["Sustainable"];

                        string strRDMRecommendation = Request["RDMRecommendation"];
                        cmd.Parameters.Add("@RDMRecommendation", SqlDbType.VarChar, 8000).Value = (strRDMRecommendation == null) ? (object)DBNull.Value : strRDMRecommendation;

                        cmd.Parameters.Add("@Risk", SqlDbType.VarChar, 10).Value = Request["Risk"];
                        cmd.Parameters.Add("@Region", SqlDbType.VarChar, 50).Value = Request["Region"];
                        cmd.Parameters.Add("@RDMName", SqlDbType.VarChar, 50).Value = Session["user"].ToString();
                        cmd.Parameters.Add("@RDMReviewDate", SqlDbType.DateTime).Value = DateTime.Now;
                        cmd.Parameters.Add("@DesignAndPlanningPermission", SqlDbType.VarChar, 8000).Value = Request["DesignAndPlanningPermission"];
                        cmd.Parameters.Add("@RecommendationOfProjectNeedAgainstSDA", SqlDbType.VarChar, 8000).Value = Request["RecommendationOfProjectNeedAgainstSportsDevelopmentActivity"];
                        cmd.Parameters.Add("@ValueForMoneyAssessment", SqlDbType.VarChar, 8000).Value = Request["ValueForMoneyAssessment"];
                        cmd.Parameters.Add("@ActionId", SqlDbType.Int).Value = int.Parse(Request["ActionId"].ToString());
                        cmd.Parameters.Add("@ActionNotes", SqlDbType.VarChar, 500).Value = "RFFM";

                        Utils.executeSP(cmd);

                        if (Session["errmsg"] != null)
                            strError = Session["errmsg"].ToString();

                        if (strError == "")
                        {
                            UpdateStatus = int.Parse(cmd.Parameters["@UpdateStatus"].Value.ToString());
                            if (UpdateStatus < 0)
                                strError = "There was an error when processing your request";
                            else
                                Session["current_tab"] = "";
                        }
                    }
                    catch (Exception ex)
                    {
                        strError = ex.Message;
                    }
                    break;

                case "check_session":
                    if (Session["ApplicationId"] != null)
                    {
                        string hfID = Request["hf_ApplicationId"].ToString();
                        string sfID = Session["ApplicationId"].ToString();

                        if (hfID != sfID)
                        {
                            strError = "-1";
                        }
                    }
                    break;
                default:
                    strError = "Bad request";
                    break;

            }
            
            Response.Write(strError);
        }
    }
}

Copy this in Javascript file

function UpdateRFFM()
{
    var msg;
    var status_code;
    var rffmAction = $(".rffmAction").val();
    var Risk = $(".ddlRisk").val();
    var Region = $(".ddlRegion").val();
    var strError = "";
    
    if (rffmAction == "151") {
        if (Risk == "")
            strError = strError + "Please select a Risk\n";
        if (Region == "")
            strError = strError + "Please select a Region\n";                
    }
    
    if (strError != "") {
        alert(strError);
        return false;
    }
    
    var reply = false;

    if (rffmAction == "151") {
        $.post(getFullPath("update_sis.aspx"), 
            {form_name: 'rffm_UserSetupVerify'}, function(data) {
            if (data.length > 0)
                status_code = data.substring(0, 1);
            else
                status_code = '';
            
            switch(status_code) {
                case '0':
                    UpdateRFFM_Normal();
                    break;
                case '1':
                    $.post(getFullPath("update_sis.aspx"),
                        {form_name: 'rffm_create_user'}, function(data) {
                            status_code = data.substring(0, 2);
                            msg = data.substring(2);
                            if (status_code == "-1") 
                                alert(msg);
                            else {
                                alert('created new user account\n\n' + msg);
                                UpdateRFFM_Normal();
                            }                                    
                        });
                    break;
                case '2':
                    UpdateRFFM_Normal();
                    break;
                case '3':
                     $.post(getFullPath("update_sis.aspx"),
                        {form_name: 'rffm_SendVerificationEmail'}, function(data) {
                            status_code = data.substring(0, 2);
                            msg = data.substring(2);
                            if (status_code == "-1") 
                                alert(msg);
                            else {
                                alert('verification email sent\n\n' + msg);
                                UpdateRFFM_Normal();
                            }
                        });
                    break;
                case '4':
                    alert(data);
                    break;
                case '5':
                    msg = data.substring(1);
                    if (confirm(msg) == true) {
                      $.post(getFullPath("update_sis.aspx"),
                        {form_name: 'rffm_SendVerificationEmail'}, function(data) {
                            status_code = data.substring(0, 2);
                            msg = data.substring(2);
                            if (status_code == "-1") 
                                alert(msg);
                            else 
                                alert('verification email was sent\n\n' + msg);
                                UpdateRFFM_Normal();
                        });
                    }
                    break;                                                                                                
                default:
                    alert(data);
                    break;
            }
        });
    } else
        UpdateRFFM_Normal();

    return reply;
}
function UpdateRFFM_Normal() {
    var reply = false;         
    $.post(getFullPath("update_sis.aspx"), {form_name: 'rffm',
        FeasibilityStudy: $(".FeasibilityStudy").val(),
        PlanningPermissionNotRequired: $(".PlanningPermissionNotRequired").val(),
        Sustainable: $(".Sustainable").val(),
        RDMRecommendation: $(".RDMRecommendation").val(),
        Risk: $(".ddlRisk").val(),
        Region: $(".ddlRegion").val(),
        DesignAndPlanningPermission: $(".DesignAndPlanningPermission").val(),
        RecommendationOfProjectNeedAgainstSportsDevelopmentActivity: $(".RecommendationOfProjectNeedAgainstSportsDevelopmentActivity").val(),
        ValueForMoneyAssessment: $(".ValueForMoneyAssessment").val(),
        ActionNotes: $(".ActionNotes").val(),
        ActionId: $(".rffmAction").val()
        }, function(data) {
           if (data.length > 0) {
                alert(data);
                return false;
            } else {
                window.location = getFullPath("application_form.aspx");
                return false;
            }
        });
}

Creating Horizontal and Vertical Menu with CSS in ASP.NET

2010-08-17T02:55:00.000-07:00

There are number of ways to develop MENU for you website. Programmers have the independence to develop their website menu as the like. You can build a menu using JavaScript, HTML, and CSS etc.., today we are going to create menu with CSS. We will be creating Horizontal and Vertical Menu as well.

For more information http://www.asp.net/cssadapters/Menu.aspx

<a href="#ctl00_ctl00_MainContent_LiveExample_Menu1_SkipLink"><img alt="Skip Navigation Links" src="/cssadapters/WebResource.axd?d=UUOvVNmVYQo-9uVb4SQONw2&amp;t=633802488069218315" width="0" height="0" style="border-width:0px;" /></a><table id="ctl00_ctl00_MainContent_LiveExample_Menu1" class="Menu-Skin-Vertical ctl00_ctl00_MainContent_LiveExample_Menu1_2" cssselectorclass="PrettyMenu" cellpadding="0" cellspacing="0" border="0">
  <tr onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Products" id="ctl00_ctl00_MainContent_LiveExample_Menu1n0">
    <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
      <tr>
        <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_3" href="/cssadapters/GenericPage.aspx?goto=Products" style="border-style:none;font-size:1em;">Products</a></td><td style="width:0;"><img src="/cssadapters/WebResource.axd?d=vJD-cVU3-AH0-ltYurT8k63fTYnLllATOo5obypP4xk1&amp;t=633802488069218315" alt="Expand Products" style="border-style:none;vertical-align:middle;" /></td>
      </tr>
    </table></td>
  </tr><tr onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Legal" id="ctl00_ctl00_MainContent_LiveExample_Menu1n1">
    <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
      <tr>
        <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_3" href="/cssadapters/GenericPage.aspx?goto=Legal" style="border-style:none;font-size:1em;">Legal</a></td><td style="width:0;"><img src="/cssadapters/WebResource.axd?d=vJD-cVU3-AH0-ltYurT8k63fTYnLllATOo5obypP4xk1&amp;t=633802488069218315" alt="Expand Legal" style="border-style:none;vertical-align:middle;" /></td>
      </tr>
    </table></td>
  </tr><tr onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Support" id="ctl00_ctl00_MainContent_LiveExample_Menu1n2">
    <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
      <tr>
        <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_3" href="/cssadapters/GenericPage.aspx?goto=Support" style="border-style:none;font-size:1em;">Support</a></td><td style="width:0;"><img src="/cssadapters/WebResource.axd?d=vJD-cVU3-AH0-ltYurT8k63fTYnLllATOo5obypP4xk1&amp;t=633802488069218315" alt="Expand Support" style="border-style:none;vertical-align:middle;" /></td>
      </tr>
    </table></td>
  </tr><tr onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Just for You" id="ctl00_ctl00_MainContent_LiveExample_Menu1n3">
    <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
      <tr>
        <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_3" href="/cssadapters/GenericPage.aspx?goto=Just for You" style="border-style:none;font-size:1em;">Just for You</a></td><td style="width:0;"><img src="/cssadapters/WebResource.axd?d=vJD-cVU3-AH0-ltYurT8k63fTYnLllATOo5obypP4xk1&amp;t=633802488069218315" alt="Expand Just for You" style="border-style:none;vertical-align:middle;" /></td>
      </tr>
    </table></td>
  </tr><tr onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="About" id="ctl00_ctl00_MainContent_LiveExample_Menu1n4">
    <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
      <tr>
        <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_3" href="/cssadapters/GenericPage.aspx?goto=About" style="border-style:none;font-size:1em;">About</a></td><td style="width:0;"><img src="/cssadapters/WebResource.axd?d=vJD-cVU3-AH0-ltYurT8k63fTYnLllATOo5obypP4xk1&amp;t=633802488069218315" alt="Expand About" style="border-style:none;vertical-align:middle;" /></td>
      </tr>
    </table></td>
  </tr>
</table><div id="ctl00_ctl00_MainContent_LiveExample_Menu1n0Items" class="ctl00_ctl00_MainContent_LiveExample_Menu1_0">
  <table border="0" cellpadding="0" cellspacing="0">
    <tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Windows" id="ctl00_ctl00_MainContent_LiveExample_Menu1n5">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=ProductsWindows" style="border-style:none;font-size:1em;">Windows</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Office" id="ctl00_ctl00_MainContent_LiveExample_Menu1n6">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=ProductsOffice" style="border-style:none;font-size:1em;">Office</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Business Solutions" id="ctl00_ctl00_MainContent_LiveExample_Menu1n7">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=ProductsBusinessSolutions" style="border-style:none;font-size:1em;">Business Solutions</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Servers" id="ctl00_ctl00_MainContent_LiveExample_Menu1n8">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=ProductsServers" style="border-style:none;font-size:1em;">Servers</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Developer Tools" id="ctl00_ctl00_MainContent_LiveExample_Menu1n9">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=ProductsDeveloperTools" style="border-style:none;font-size:1em;">Developer Tools</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Subscriptions" id="ctl00_ctl00_MainContent_LiveExample_Menu1n10">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=ProductSubscriptions" style="border-style:none;font-size:1em;">Subscriptions</a></td><td style="width:0;"><img src="/cssadapters/WebResource.axd?d=vJD-cVU3-AH0-ltYurT8k63fTYnLllATOo5obypP4xk1&amp;t=633802488069218315" alt="Expand Subscriptions" style="border-style:none;vertical-align:middle;" /></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="More" id="ctl00_ctl00_MainContent_LiveExample_Menu1n11">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=ProductsMore" style="border-style:none;font-size:1em;">More</a></td><td style="width:0;"><img src="/cssadapters/WebResource.axd?d=vJD-cVU3-AH0-ltYurT8k63fTYnLllATOo5obypP4xk1&amp;t=633802488069218315" alt="Expand More" style="border-style:none;vertical-align:middle;" /></td>
        </tr>
      </table></td>
    </tr>
  </table><div class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6 ctl00_ctl00_MainContent_LiveExample_Menu1_0" id="ctl00_ctl00_MainContent_LiveExample_Menu1n0ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
    <img src="/cssadapters/WebResource.axd?d=WSyEhXriAnqu01zshl-aQsXWguA6_tt7S-yQRtPmguE1&amp;t=633802488069218315" alt="Scroll up" />
  </div><div class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6 ctl00_ctl00_MainContent_LiveExample_Menu1_0" id="ctl00_ctl00_MainContent_LiveExample_Menu1n0ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
    <img src="/cssadapters/WebResource.axd?d=3NJCeayrf8zn8YgdPhQw8FD2Cwtw97plQ97bG_kLCjI1&amp;t=633802488069218315" alt="Scroll down" />
  </div>
</div><div id="ctl00_ctl00_MainContent_LiveExample_Menu1n10Items" class="ctl00_ctl00_MainContent_LiveExample_Menu1_0">
  <table border="0" cellpadding="0" cellspacing="0">
    <tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Software" id="ctl00_ctl00_MainContent_LiveExample_Menu1n12">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=ProductsSubscriptionsSoftware" style="border-style:none;font-size:1em;">Software</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Manage Your Profile" id="ctl00_ctl00_MainContent_LiveExample_Menu1n13">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=ProductsSubscriptionsManageYourProfile" style="border-style:none;font-size:1em;">Manage Your Profile</a></td>
        </tr>
      </table></td>
    </tr>
  </table><div class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6 ctl00_ctl00_MainContent_LiveExample_Menu1_0" id="ctl00_ctl00_MainContent_LiveExample_Menu1n10ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
    <img src="/cssadapters/WebResource.axd?d=WSyEhXriAnqu01zshl-aQsXWguA6_tt7S-yQRtPmguE1&amp;t=633802488069218315" alt="Scroll up" />
  </div><div class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6 ctl00_ctl00_MainContent_LiveExample_Menu1_0" id="ctl00_ctl00_MainContent_LiveExample_Menu1n10ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
    <img src="/cssadapters/WebResource.axd?d=3NJCeayrf8zn8YgdPhQw8FD2Cwtw97plQ97bG_kLCjI1&amp;t=633802488069218315" alt="Scroll down" />
  </div>
</div><div id="ctl00_ctl00_MainContent_LiveExample_Menu1n11Items" class="ctl00_ctl00_MainContent_LiveExample_Menu1_0">
  <table border="0" cellpadding="0" cellspacing="0">
    <tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Mobile Devices" id="ctl00_ctl00_MainContent_LiveExample_Menu1n14">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=ProductsMobileDevices" style="border-style:none;font-size:1em;">Mobile Devices</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Games and Xbox" id="ctl00_ctl00_MainContent_LiveExample_Menu1n15">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=ProductsGamesXbox" style="border-style:none;font-size:1em;">Games and Xbox</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Hardware" id="ctl00_ctl00_MainContent_LiveExample_Menu1n16">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=ProductsHardware" style="border-style:none;font-size:1em;">Hardware</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="MSN" id="ctl00_ctl00_MainContent_LiveExample_Menu1n17">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=ProductsMSN" style="border-style:none;font-size:1em;">MSN</a></td>
        </tr>
      </table></td>
    </tr>
  </table><div class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6 ctl00_ctl00_MainContent_LiveExample_Menu1_0" id="ctl00_ctl00_MainContent_LiveExample_Menu1n11ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
    <img src="/cssadapters/WebResource.axd?d=WSyEhXriAnqu01zshl-aQsXWguA6_tt7S-yQRtPmguE1&amp;t=633802488069218315" alt="Scroll up" />
  </div><div class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6 ctl00_ctl00_MainContent_LiveExample_Menu1_0" id="ctl00_ctl00_MainContent_LiveExample_Menu1n11ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
    <img src="/cssadapters/WebResource.axd?d=3NJCeayrf8zn8YgdPhQw8FD2Cwtw97plQ97bG_kLCjI1&amp;t=633802488069218315" alt="Scroll down" />
  </div>
</div><div id="ctl00_ctl00_MainContent_LiveExample_Menu1n1Items" class="ctl00_ctl00_MainContent_LiveExample_Menu1_0">
  <table border="0" cellpadding="0" cellspacing="0">
    <tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="License" id="ctl00_ctl00_MainContent_LiveExample_Menu1n18">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=LegalLicense" style="border-style:none;font-size:1em;">License</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Terms of Use" id="ctl00_ctl00_MainContent_LiveExample_Menu1n19">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=LegalTerms" style="border-style:none;font-size:1em;">Terms of Use</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Privacy" id="ctl00_ctl00_MainContent_LiveExample_Menu1n20">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=LegalPrivacy" style="border-style:none;font-size:1em;">Privacy</a></td>
        </tr>
      </table></td>
    </tr>
  </table><div class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6 ctl00_ctl00_MainContent_LiveExample_Menu1_0" id="ctl00_ctl00_MainContent_LiveExample_Menu1n1ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
    <img src="/cssadapters/WebResource.axd?d=WSyEhXriAnqu01zshl-aQsXWguA6_tt7S-yQRtPmguE1&amp;t=633802488069218315" alt="Scroll up" />
  </div><div class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6 ctl00_ctl00_MainContent_LiveExample_Menu1_0" id="ctl00_ctl00_MainContent_LiveExample_Menu1n1ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
    <img src="/cssadapters/WebResource.axd?d=3NJCeayrf8zn8YgdPhQw8FD2Cwtw97plQ97bG_kLCjI1&amp;t=633802488069218315" alt="Scroll down" />
  </div>
</div><div id="ctl00_ctl00_MainContent_LiveExample_Menu1n2Items" class="ctl00_ctl00_MainContent_LiveExample_Menu1_0">
  <table border="0" cellpadding="0" cellspacing="0">
    <tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Support Lifecycle and Policies" id="ctl00_ctl00_MainContent_LiveExample_Menu1n21">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=SupportLifecyclePolicies" style="border-style:none;font-size:1em;">Lifecycle and Policies</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Contact Support" id="ctl00_ctl00_MainContent_LiveExample_Menu1n22">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=SupportContact" style="border-style:none;font-size:1em;">Contact Support</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Third-Party Services" id="ctl00_ctl00_MainContent_LiveExample_Menu1n23">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=SupportThirdPartyProviders" style="border-style:none;font-size:1em;">Third-Party Services</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Research" id="ctl00_ctl00_MainContent_LiveExample_Menu1n24">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=Research" style="border-style:none;font-size:1em;">Research</a></td><td style="width:0;"><img src="/cssadapters/WebResource.axd?d=vJD-cVU3-AH0-ltYurT8k63fTYnLllATOo5obypP4xk1&amp;t=633802488069218315" alt="Expand Research" style="border-style:none;vertical-align:middle;" /></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Downloads" id="ctl00_ctl00_MainContent_LiveExample_Menu1n25">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=Downloads" style="border-style:none;font-size:1em;">Downloads</a></td><td style="width:0;"><img src="/cssadapters/WebResource.axd?d=vJD-cVU3-AH0-ltYurT8k63fTYnLllATOo5obypP4xk1&amp;t=633802488069218315" alt="Expand Downloads" style="border-style:none;vertical-align:middle;" /></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Learning" id="ctl00_ctl00_MainContent_LiveExample_Menu1n26">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=Learning" style="border-style:none;font-size:1em;">Learning</a></td><td style="width:0;"><img src="/cssadapters/WebResource.axd?d=vJD-cVU3-AH0-ltYurT8k63fTYnLllATOo5obypP4xk1&amp;t=633802488069218315" alt="Expand Learning" style="border-style:none;vertical-align:middle;" /></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Subscriptions" id="ctl00_ctl00_MainContent_LiveExample_Menu1n27">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=SupportSubscriptions" style="border-style:none;font-size:1em;">Subscriptions</a></td><td style="width:0;"><img src="/cssadapters/WebResource.axd?d=vJD-cVU3-AH0-ltYurT8k63fTYnLllATOo5obypP4xk1&amp;t=633802488069218315" alt="Expand Subscriptions" style="border-style:none;vertical-align:middle;" /></td>
        </tr>
      </table></td>
    </tr>
  </table><div class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6 ctl00_ctl00_MainContent_LiveExample_Menu1_0" id="ctl00_ctl00_MainContent_LiveExample_Menu1n2ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
    <img src="/cssadapters/WebResource.axd?d=WSyEhXriAnqu01zshl-aQsXWguA6_tt7S-yQRtPmguE1&amp;t=633802488069218315" alt="Scroll up" />
  </div><div class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6 ctl00_ctl00_MainContent_LiveExample_Menu1_0" id="ctl00_ctl00_MainContent_LiveExample_Menu1n2ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
    <img src="/cssadapters/WebResource.axd?d=3NJCeayrf8zn8YgdPhQw8FD2Cwtw97plQ97bG_kLCjI1&amp;t=633802488069218315" alt="Scroll down" />
  </div>
</div><div id="ctl00_ctl00_MainContent_LiveExample_Menu1n24Items" class="ctl00_ctl00_MainContent_LiveExample_Menu1_0">
  <table border="0" cellpadding="0" cellspacing="0">
    <tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Product Support Centers" id="ctl00_ctl00_MainContent_LiveExample_Menu1n28">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=SupportProductCenters" style="border-style:none;font-size:1em;">Product Info</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Knowledge Base" id="ctl00_ctl00_MainContent_LiveExample_Menu1n29">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=SupportKnowledgeBase" style="border-style:none;font-size:1em;">Knowledge Base</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Communities and Newsgroups" id="ctl00_ctl00_MainContent_LiveExample_Menu1n30">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=SupportCommunitiesNewsgroups" style="border-style:none;font-size:1em;">Communities</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Support for IT Professionals" id="ctl00_ctl00_MainContent_LiveExample_Menu1n31">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=SupportITProfessionals" style="border-style:none;font-size:1em;">IT Pros</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Support for Developers" id="ctl00_ctl00_MainContent_LiveExample_Menu1n32">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=SupportDevelopers" style="border-style:none;font-size:1em;">Developers</a></td>
        </tr>
      </table></td>
    </tr>
  </table><div class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6 ctl00_ctl00_MainContent_LiveExample_Menu1_0" id="ctl00_ctl00_MainContent_LiveExample_Menu1n24ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
    <img src="/cssadapters/WebResource.axd?d=WSyEhXriAnqu01zshl-aQsXWguA6_tt7S-yQRtPmguE1&amp;t=633802488069218315" alt="Scroll up" />
  </div><div class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6 ctl00_ctl00_MainContent_LiveExample_Menu1_0" id="ctl00_ctl00_MainContent_LiveExample_Menu1n24ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
    <img src="/cssadapters/WebResource.axd?d=3NJCeayrf8zn8YgdPhQw8FD2Cwtw97plQ97bG_kLCjI1&amp;t=633802488069218315" alt="Scroll down" />
  </div>
</div><div id="ctl00_ctl00_MainContent_LiveExample_Menu1n25Items" class="ctl00_ctl00_MainContent_LiveExample_Menu1_0">
  <table border="0" cellpadding="0" cellspacing="0">
    <tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Windows Update" id="ctl00_ctl00_MainContent_LiveExample_Menu1n33">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=DownloadsWindowsUpdate" style="border-style:none;font-size:1em;">Windows Update</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Office Update" id="ctl00_ctl00_MainContent_LiveExample_Menu1n34">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=DownloadsOfficeUpdate" style="border-style:none;font-size:1em;">Office Update</a></td>
        </tr>
      </table></td>
    </tr>
  </table><div class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6 ctl00_ctl00_MainContent_LiveExample_Menu1_0" id="ctl00_ctl00_MainContent_LiveExample_Menu1n25ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
    <img src="/cssadapters/WebResource.axd?d=WSyEhXriAnqu01zshl-aQsXWguA6_tt7S-yQRtPmguE1&amp;t=633802488069218315" alt="Scroll up" />
  </div><div class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6 ctl00_ctl00_MainContent_LiveExample_Menu1_0" id="ctl00_ctl00_MainContent_LiveExample_Menu1n25ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
    <img src="/cssadapters/WebResource.axd?d=3NJCeayrf8zn8YgdPhQw8FD2Cwtw97plQ97bG_kLCjI1&amp;t=633802488069218315" alt="Scroll down" />
  </div>
</div><div id="ctl00_ctl00_MainContent_LiveExample_Menu1n26Items" class="ctl00_ctl00_MainContent_LiveExample_Menu1_0">
  <table border="0" cellpadding="0" cellspacing="0">
    <tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Books" id="ctl00_ctl00_MainContent_LiveExample_Menu1n35">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=LearningBooks" style="border-style:none;font-size:1em;">Books</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Training" id="ctl00_ctl00_MainContent_LiveExample_Menu1n36">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=LearningTraining" style="border-style:none;font-size:1em;">Training</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Certification" id="ctl00_ctl00_MainContent_LiveExample_Menu1n37">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=LearningCertification" style="border-style:none;font-size:1em;">Certification</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Events" id="ctl00_ctl00_MainContent_LiveExample_Menu1n38">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=LearningEvents" style="border-style:none;font-size:1em;">Events</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Webcasts" id="ctl00_ctl00_MainContent_LiveExample_Menu1n39">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=LearningWebcasts" style="border-style:none;font-size:1em;">Webcasts</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Patterns and Practices" id="ctl00_ctl00_MainContent_LiveExample_Menu1n40">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=LearningPatternsPractices" style="border-style:none;font-size:1em;">Patterns and Practices</a></td>
        </tr>
      </table></td>
    </tr>
  </table><div class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6 ctl00_ctl00_MainContent_LiveExample_Menu1_0" id="ctl00_ctl00_MainContent_LiveExample_Menu1n26ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
    <img src="/cssadapters/WebResource.axd?d=WSyEhXriAnqu01zshl-aQsXWguA6_tt7S-yQRtPmguE1&amp;t=633802488069218315" alt="Scroll up" />
  </div><div class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6 ctl00_ctl00_MainContent_LiveExample_Menu1_0" id="ctl00_ctl00_MainContent_LiveExample_Menu1n26ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
    <img src="/cssadapters/WebResource.axd?d=3NJCeayrf8zn8YgdPhQw8FD2Cwtw97plQ97bG_kLCjI1&amp;t=633802488069218315" alt="Scroll down" />
  </div>
</div><div id="ctl00_ctl00_MainContent_LiveExample_Menu1n27Items" class="ctl00_ctl00_MainContent_LiveExample_Menu1_0">
  <table border="0" cellpadding="0" cellspacing="0">
    <tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Newsletters" id="ctl00_ctl00_MainContent_LiveExample_Menu1n41">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=SupportSubscriptionsNewsletters" style="border-style:none;font-size:1em;">Newsletters</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Manage Your Profile" id="ctl00_ctl00_MainContent_LiveExample_Menu1n42">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=SupportSubscriptionsManageYourProfile" style="border-style:none;font-size:1em;">Manage Your Profile</a></td>
        </tr>
      </table></td>
    </tr>
  </table><div class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6 ctl00_ctl00_MainContent_LiveExample_Menu1_0" id="ctl00_ctl00_MainContent_LiveExample_Menu1n27ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
    <img src="/cssadapters/WebResource.axd?d=WSyEhXriAnqu01zshl-aQsXWguA6_tt7S-yQRtPmguE1&amp;t=633802488069218315" alt="Scroll up" />
  </div><div class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6 ctl00_ctl00_MainContent_LiveExample_Menu1_0" id="ctl00_ctl00_MainContent_LiveExample_Menu1n27ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
    <img src="/cssadapters/WebResource.axd?d=3NJCeayrf8zn8YgdPhQw8FD2Cwtw97plQ97bG_kLCjI1&amp;t=633802488069218315" alt="Scroll down" />
  </div>
</div><div id="ctl00_ctl00_MainContent_LiveExample_Menu1n3Items" class="ctl00_ctl00_MainContent_LiveExample_Menu1_0">
  <table border="0" cellpadding="0" cellspacing="0">
    <tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Home Users" id="ctl00_ctl00_MainContent_LiveExample_Menu1n43">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=JustForYouHomeUsers" style="border-style:none;font-size:1em;">Home Users</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Macintosh Users" id="ctl00_ctl00_MainContent_LiveExample_Menu1n44">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=JustForYouMacintoshUsers" style="border-style:none;font-size:1em;">Macintosh Users</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="IT Professionals (TechNet)" id="ctl00_ctl00_MainContent_LiveExample_Menu1n45">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=JustForYouITProfessionals" style="border-style:none;font-size:1em;">IT Professionals</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Developers (MSDN)" id="ctl00_ctl00_MainContent_LiveExample_Menu1n46">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=JustForYouDevelopersMSDN" style="border-style:none;font-size:1em;">Developers (MSDN)</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Partners" id="ctl00_ctl00_MainContent_LiveExample_Menu1n47">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=JustForYouPartners" style="border-style:none;font-size:1em;">Partners</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Small Businesses" id="ctl00_ctl00_MainContent_LiveExample_Menu1n48">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=JustForYouSmallBusinesses" style="border-style:none;font-size:1em;">Small Businesses</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Large Businesses" id="ctl00_ctl00_MainContent_LiveExample_Menu1n49">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=JustForYouLargeBusinesses" style="border-style:none;font-size:1em;">Large Businesses</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Government" id="ctl00_ctl00_MainContent_LiveExample_Menu1n50">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=JustForYouGovernment" style="border-style:none;font-size:1em;">Government</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Educators" id="ctl00_ctl00_MainContent_LiveExample_Menu1n51">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=JustForYouEducators" style="border-style:none;font-size:1em;">Educators</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Journalists" id="ctl00_ctl00_MainContent_LiveExample_Menu1n52">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=JustForYouJournalists" style="border-style:none;font-size:1em;">Journalists</a></td>
        </tr>
      </table></td>
    </tr>
  </table><div class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6 ctl00_ctl00_MainContent_LiveExample_Menu1_0" id="ctl00_ctl00_MainContent_LiveExample_Menu1n3ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
    <img src="/cssadapters/WebResource.axd?d=WSyEhXriAnqu01zshl-aQsXWguA6_tt7S-yQRtPmguE1&amp;t=633802488069218315" alt="Scroll up" />
  </div><div class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6 ctl00_ctl00_MainContent_LiveExample_Menu1_0" id="ctl00_ctl00_MainContent_LiveExample_Menu1n3ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
    <img src="/cssadapters/WebResource.axd?d=3NJCeayrf8zn8YgdPhQw8FD2Cwtw97plQ97bG_kLCjI1&amp;t=633802488069218315" alt="Scroll down" />
  </div>
</div><div id="ctl00_ctl00_MainContent_LiveExample_Menu1n4Items" class="ctl00_ctl00_MainContent_LiveExample_Menu1_0">
  <table border="0" cellpadding="0" cellspacing="0">
    <tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Accessibility" id="ctl00_ctl00_MainContent_LiveExample_Menu1n53">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=AboutAccessibility" style="border-style:none;font-size:1em;">Accessibility</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Careers" id="ctl00_ctl00_MainContent_LiveExample_Menu1n54">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=AboutCareers" style="border-style:none;font-size:1em;">Careers</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Community Affairs" id="ctl00_ctl00_MainContent_LiveExample_Menu1n55">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=AboutCommunityAffairs" style="border-style:none;font-size:1em;">Community Affairs</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Diversity" id="ctl00_ctl00_MainContent_LiveExample_Menu1n56">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=AboutDiversity" style="border-style:none;font-size:1em;">Diversity</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Investor Relations" id="ctl00_ctl00_MainContent_LiveExample_Menu1n57">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=AboutInvestorRelations" style="border-style:none;font-size:1em;">Investor Relations</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Research" id="ctl00_ctl00_MainContent_LiveExample_Menu1n58">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=AboutResearch" style="border-style:none;font-size:1em;">Research</a></td>
        </tr>
      </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Security and Privacy" id="ctl00_ctl00_MainContent_LiveExample_Menu1n59">
      <td><table class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td style="white-space:nowrap;width:100%;"><a class="ctl00_ctl00_MainContent_LiveExample_Menu1_1 Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_5" href="/cssadapters/GenericPage.aspx?goto=AboutSecurityPrivacy" style="border-style:none;font-size:1em;">Security and Privacy</a></td>
        </tr>
      </table></td>
    </tr>
  </table><div class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6 ctl00_ctl00_MainContent_LiveExample_Menu1_0" id="ctl00_ctl00_MainContent_LiveExample_Menu1n4ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
    <img src="/cssadapters/WebResource.axd?d=WSyEhXriAnqu01zshl-aQsXWguA6_tt7S-yQRtPmguE1&amp;t=633802488069218315" alt="Scroll up" />
  </div><div class="Menu-Skin-StaticItem ctl00_ctl00_MainContent_LiveExample_Menu1_6 ctl00_ctl00_MainContent_LiveExample_Menu1_0" id="ctl00_ctl00_MainContent_LiveExample_Menu1n4ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
    <img src="/cssadapters/WebResource.axd?d=3NJCeayrf8zn8YgdPhQw8FD2Cwtw97plQ97bG_kLCjI1&amp;t=633802488069218315" alt="Scroll down" />
  </div>
</div><a id="ctl00_ctl00_MainContent_LiveExample_Menu1_SkipLink"></a>

Difference between HTML and XML?

2010-08-09T00:07:00.000-07:00

HTML was created by Tim Berners-Lee as a simple and effective way of generating clear and readable documents. HTML enables you to create documents and Web pages that can be read by all web browsers.

The World Wide Web Consortium(W3C) developed XML to enable the expansion of Web Technologies into the new domains of document processing and data interchange. It is designed to ease data exchange over the Internet. XML is a text-based markup language that enables you to store data in a structured format by using meaningful tags.

Conside a sample HTML Code:

<b> My Book </b>

<p> John Smith <br />
    Tech books publications <br />
    $50.00 <br />
</p>

The preceding code snippet represents information about the author, publisher, and cost of a book. However, the tags used for presenting the content do not reveal this information. The tags specify the format in which the content must be displayed on ab browser.

<book>
 <name> My Book </name>
  <author> John Smith </author>
  <publisher> Tech books publications </publisher>
  <price> $50.00 </price> 
</book>

The preceding code snippet, the content is described by using meaningul tags to represent the data. XML enables you to create a markup language for your application and does not place any restriction on the number of tags that you can define.