AJAX VBScript Tutorial
Building classic ASP websites, which means they are fully coded in VBScript, is made easy with Ajax. Because many Web developers around the world are still coding in classic ASP or VBScript, the demand for the use of Ajax continues to grow. To make coding even faster and simpler for VBScript programmers, the classic ASP and Ajax were combined to build a lightweight tool called ASPajax. ASPajax provides coders with .NET Ajax element practicality and convenient Update Panels capability to VBScript ASP.
Other People Are Reading
Instructions
-
-
1
Open the "AJAX" component of your ASP.NET program to access your Web-creation toolbox. Select a "ScriptManager" from the AJAX Toolbox Extensions section, and drag it onto your page to create and design a new ASP.NET Web application. This will set up your project structure and allow you to start adding RadControls to your website.
-
2
Set the Empty Message in the Smart Tag to "Enter Your Name" and from the Skin drop-down menu, select "Office 2007" to add a RadTextBox to your Web page. Set the Label property to "Name: " in the Appearance section of the Properties window, then establish the MaxLength property of your RadTextBox to "100" in the Behavior section of the Properties window. Assign SelectionOnFocus property to "CaretToEnd" and the ToolTip property to "Name to Which the Merchandise Should Be Delivered."
-
-
3
Insert two line breaks after the RedTextBox, and then include a RadMaskedTextBox underneath it. Set the Skin property of your RedMaskedTextBox to "Office 2007" in the Smart Tag and then click the "SetMask" link. When the Input Mask dialog displays on your screen, select the "Phone Number" row to obtain a predefined mask, and click "OK."
-
4
Set the Label property to "Phone:" in the Appearance section of the Properties window. Assign the EmptyMessage property to "Enter Phone Number" in the Behavior section of the Properties window and the HideOnBlur property to "True." This will display the EmptyMessage component to allow your guest to enter a number on the text box when HideOnBlur is activated. Now designate SelectionOnFocus property to "CaretToBeginning" and the ToolTip property to "Phone Number of Contact."
-
5
Insert two or more line breaks after the RedMaskedTextBox, and then include a RadNumbericTextBox underneath it. Set the Numeric Type to "Currency" and "Office 2007" for the Skin in the Smart Tag. Designate the Label property to "Cost: " and the ShowSpinButtons property to "True" in the Appearance section of the Properties window. Set the EmptyMessage property to "Enter Cost" in the Behavior section of the Properties window. Also, assign the SelectionOnFocus property to "CaretToEnd" and the ToolTip property to "Cost of Order." Designate "0" to the "MinValue" property and "10000" to the "MaxValue" property.
-
6
Insert two or more lines after the RadNumericTextBox, and then include a RadDateInput underneath it. Assign "Office 2007" for the Skin in the Smart Tag, and then choose the "Set Display Date Format" link. Choose the row for the long date format ("D") when the Date Format dialog appears, and then click "OK." To bring up the Date Format dialog again and place it in edit mode, click the "Set Date Format" link one more time in the Smart Tag. Choose the row for the short date format ("d") and then click "OK."
-
7
Set the Label property to "Ship By: " in the Appearance section of the Properties window. Input "Enter the Ship-by Date" in the Behavior section of the Properties window to set the EmptyMessage property. Also, assign the ToolTip property to "The last date the order can be shipped" and "SelectAll" in the SelectionOnFocus property.
-
8
Press "CTRL+F5" to run the application.
-
1
Tips & Warnings
Apply the RadControls on your local site first before you execute them on your live website to catch errors before you show your work on the Internet.
References
Resources
- Photo Credit Comstock/Comstock/Getty Images
