ShipsQuickinfo v1.6 Documentation

Quickstart | HTML <head>-Generator | Test the script | Option: appendButton | Option: defaultTab | Option: defaultShipView | Option: tooltipTitle | Bundled Ships

HTML Generator

Specify the details of your installation to generate the HTML you need to include in your website.

Script setup:

Installation URL:
Can be relative to the pages you include the script in, but I recommend using an absolute path (especially if you are using pretty URLs).
Image folder:
The location of the images subfolder. This is a separate configuration so you can move that folder anywhere you like. If you keep the default, this is the installation URL + /images
Popup title:
Custom title for the popup, can contain HTML. Leave blank for default.
Append the
Whether you want to append the more icon to all the ship info links. This is useful if you want to keep the original URL defined in the <a> tag. Default is yes.
Default popup tab
The default tab to show when the popup for a ship opens. Default value is the description.
Default ship view
The default ship view to show when opening the preview tab. The default value is the ship's front view.

Your HTML code for the HEAD section of your pages:

<script type="text/javascript" src="http://www.aeonoftime.com/EVE_Online_Tools/Ships_Quickinfo/demo/js/prototype.js"></script>
<script type="text/javascript" src="http://www.aeonoftime.com/EVE_Online_Tools/Ships_Quickinfo/demo/js/scriptaculous.js?load=effects,builder,dragdrop"></script>
<script type="text/javascript" src="http://www.aeonoftime.com/EVE_Online_Tools/Ships_Quickinfo/demo/js/ShipsQuickinfo.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.aeonoftime.com/EVE_Online_Tools/Ships_Quickinfo/demo/css/ShipsQuickinfo.css" />
<script type="text/javascript">
    ShipsQuickinfo.imgFolder = 'http://www.aeonoftime.com/EVE_Online_Tools/Ships_Quickinfo/demo/images/';
    ShipsQuickinfo.scriptFolder = 'http://www.aeonoftime.com/EVE_Online_Tools/Ships_Quickinfo/demo/'
</script>

Calling the init routines

ShipsQuickinfo.init(); has to be called in all situations. Whether you do it via the body tag onload attribute or via DOM events is your choice.

Example with a call in the body tag: 

<body onload="ShipsQuickinfo.init();">