Scripts Tab - XSitePro Website Design

Home Previous  Next

icon_xsp

Brought to you by XSitePro Website Design Software

professional website design made easy      

 

Scripts are generally small pieces of code (often Javascript, or another programming language) which, when inserted into your Web page content, give a specific piece of functionality.

 

XSitePro itself has some scripts built in (Image Galleries, Random Quotes, News Scrollers, etc.) but you may choose to use third party scripts in your Web pages, in which case you may find you need this particular advanced page setting feature.

 

Many scripts freely available for your download and use, in your Web page(s), require specific pieces of script code to be copied and pasted into specific positions in your Web page’s HTML code – or else the script simply will not function.

 

Note: You will generally be informed of this when downloading, or copying, the script.

 

 

Using the controls on this tab is very straightforward. Essentially, if you have been informed that in order for a script to work on your Web page you must copy a certain piece of code into your page’s ‘Head’ section, ‘Top of Body’ section or ‘Bottom of Body’ section you’ll be able to do just that, right here on this tab.

 

While not essential, a basic knowledge of the terms ‘Head’ and ‘Body’ sections (within a Web page’s HTML code) is useful if using this tab, in the advanced page settings.

 

Unlike the ‘global’ script settings for your site’s pages, accessed via the Global Scripts button on the Other Tab, the settings on this tab, in advanced page settings, give you control over script code placement at an individual, page-by-page level.

 

 

Instructions

 

To load this tab, within the Advanced Page Settings window, click the “Scripts” tab.

 

piece_advanced_page_settings_tab4

 

 

Let’s look at the four controls on this screen:

 

 

Custom Script at the very start of the file – To insert a script before anything else in the page HTML, simply check the ‘Custom Script at the very start of the file’ checkbox and then click the corresponding button_advanced_page_settings_edit button.

 

This will load a text editor window into which you may simply paste your script (as supplied on the site from which you have sourced your script).

 

Note: To copy the script from the Web page in question, simply select all the relevant text (by clicking and dragging your cursor over the text until the required text is highlighted) then by pressing the CTRL+C keys on your keyboard together. To paste the text into the text-box mentioned above, simply position your cursor in the text box, then press CTRL+V together.

 

Once you have pasted the text into the text editor window, click the button_advanced_page_settings_ok button to save the script and return to the scripts tab, in the advanced settings window.

 

 

Custom Head Script – To insert a script into the head section of your current Web page’s HTML code, simply check the ‘Custom Head Script’ checkbox and then click the corresponding button_advanced_page_settings_edit button.

 

This will load a text editor window into which you may simply paste your script (as supplied on the site from which you have found this script).

 

Once you have pasted the text into the text editor window, click the button_advanced_page_settings_ok button to save the script and return to the scripts tab, in the advanced settings window.

 

In specific technical terms, the effect that this will have had, is to insert the pasted text between the <head> and </head> tags within the HTML code for this Web page.

 

 

Custom Script at Top of Body – To insert a script at the top of the Body section of your current Web page’s HTML code, simply check the ‘Custom Script at Top of Body’ checkbox and then click the corresponding button_advanced_page_settings_edit button.

 

This will load the text editor window into which you may simply paste your script (as supplied on the site from which you have found this script).

 

Once you have pasted the text into the text editor window, click the button_advanced_page_settings_ok button to save the script and return to the scripts tab, in the advanced settings window.

 

In specific technical terms, the effect that this will have had, is to insert the pasted text right after the opening <body> tag within the HTML code for this Web page.

 

 

Custom Script at Bottom of Body – To insert a script at the bottom of the Body section of your current Web page’s HTML code, simply check the ‘Custom Script at Bottom of Body’ checkbox and then click the corresponding button_advanced_page_settings_edit button.

 

This will load the text editor window into which you may simply paste your script (as supplied on the site from which you have found this script).

 

Once you have pasted the text into the text editor window, click the button_advanced_page_settings_ok button to save the script and return to the scripts tab, in the advanced settings window.

 

In specific technical terms, the effect that this will have had, is to insert the pasted text just before the closing </body> tag within the HTML code for this Web page.

 

 

If you do not wish to make any changes on any of the other advanced page settings tabs, for this page, you should click the button_advanced_page_settings_ok button to save your changes and return to the Page Settings screen in XSitePro.

 

Note: Until you click this button (even if you navigate to other tabs in the advanced settings window) your changes will not have been committed.

Home  Previous  Next