Getting started with the OpenLinkz search widget - read these posts and get up and running

Setting up OpenLinkz OpenLinkz Simplified Changing Appearance of Links OpenLinkz Cheat Sheet

OpenLinkz Cheat Sheet

Use this cheat sheet to make sure you are following the basic rules for setting up the OpenLinkz widget and getting it to work on your pages. Once you have the initialization stuff done (see the prior post on Enabling OpenLinkz for more details), there are just a few things to keep in mind: use the right tags, set up the onmouseover event properly and spell the class name correctly.

Load the Code

To load the javascript file at run-time, paste into the HEAD section of your HTML page the following code snippet:

<script type='text/javascript' src='http://openlinkz.com/scripts/openlinkz.js'></script>"

Tags

  • Use either an ANCHOR tag or a SPAN tag

Events

  • Set up the "onmouseover" event:
  • onmouseover="openLinkz(this, 'first search term', 'second search term');"
  • Be careful with the quotes.


  • Or leave it out altogether and let OpenLinkz supply a default (see the OpenLinkz Simplified post).

Class name

  • Supply the tag with the appropriate CLASS name (class="xxxxLink") as shown in the table below.
  • Remember, class names are case sensitive.

OpenLinkz Themetag Class
stock marketstockLink
technologytechLink
news and current eventsnewsLink

Link Styles


Here are the input parameters to the initializeOpenLinkz() function that you can use to modify the appearance of links (see the Changing the Appearance of Links post).
  • Parameter #1: Bottom Border, possible values: '', 'dashed', 'solid', 'none'

  • Parameter #2: Border Color, possible values: '', color names such as 'red', 'blue', etc. and numeric colors such as '#e6e6e6 or '#000000'

  • Parameter #3, Background Color, possible values: same as Parameter #2

Posted by TradeRadarOperator at 4/21/2007 02:52:00 PM  

0 comments:

Post a Comment

Digg!



 
Support our sponsors!
Close this ad panelX