File: //home/eblama1/sms.karnplayinland.com/assets/js/tipmessage/read me.html
<!DOCTYPE html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Untitled</TITLE><STYLE type="text/css">
font.dis{
color: #483D8B;
font-style: italic;
}
font.code{
color: red;
}
font.imcode{
color: blue;
}
</STYLE>
</HEAD>
<BODY>
<H1>
DHTML tip message version 1.5
</H1>
<H3 align="center">
Before using the generator get an idea of how this script works
</H3>
<H3>
About the script:
</H3>
<P>My script creates a comprehensive DHTML tip message to help describe
important links on your webpage. Modeled after a similar script by
Eric Bosrup, it is extremely versatile in its placement and special
effects to render as the tooltip is being displayed. The script
supports over 26 different configuration parameters! Overall an
excellent script that works cross browser (IE4+, NS4+, Opera 7+).</P><H3>
To be able to use the generator easily you should know the following:
</H3>
<OL>
<LI>Every tip message is created from a combination of one Text array
and one Style array the word array in JavaScript means collection.</LI>
<LI>The Text and the Style arrays consist the tip message's
configuration values.</LI>
<LI>Every Text and Style have a index number which will be used as a
reference to them.</LI>
<LI>The index number of the Text and Style array should be consecutive
e.g. Text[0],Text[1] , Style[0],Style[1].</LI>
<LI>You then implement the tips in the links [(A) tags or href tags] by
using the <B>STM</B> function which means show tip message.<BR></LI>
<LI>In the <B>STM</B> function you choose which Text and Style array or
in other words configuration will be used for this tip</LI>
</OL>
<P>this is how the script should be implemented on your web site.<BR><BR><FONT class="code"><HTML><BR><HEAD><BR><FONT class="dis">// Make sure that you upload the main15.js to your
server and include a link to it as the following</FONT><BR><FONT class="imcode"><SCRIPT language="JavaScript1.2"
src="main15.js"
type="text/javascript""></SCRIPT></FONT><BR><TITLE></TITLE><BR></HEAD><BR><BODY><BR><BR><FONT class="dis">// The following code is the <div> tag which
is needed for the tip message work. The <div> tag should be
right under the <body> tag NO where else will do!. In the
generator you will be given the option of specifying the ID of the
<div> tag. After generation if you changed the div tag's ID
or removed it or miss placed it where it should be under the body tag
the script will popup an alter box telling you that something is wrong
with the div tag.</FONT><BR><FONT class="imcode"><DIV id="tiplayer"
style="visibility:hidden;position:absolute;z-index:1000;top:-100;"></DIV></FONT><BR><BR><FONT class="dis">// And now for the Text and Style array
configuration.<BR>Lets say that you wanted to create 3 tip messages that look the same
(Same Style array used) with different text and title (different Text
arrays used) for each tip. If so your code should look should look
something like this but with your configuration of course.</FONT><BR><FONT class="imcode"><SCRIPT language="JavaScript1.2"
><BR><BR><FONT class="dis">//The Text array parameters come in the following
order Text[...]=[title,text]<BR></FONT> <FONT color="#008080">Text[0]</FONT>=["this is title
one","this is text one"]<BR><FONT color="#FF0066">Text[1]</FONT>=["this is title
two","this is text two"]<BR><FONT color="#FF00FF">Text[2]</FONT>=["this is title
three","this is text three"]<BR><BR><FONT class="dis">//The Style array parameters come in the following
order
Style[...]=[titleColor,TitleBgColor,TitleBgImag,TitleTextAlign,TitleFontFace,TitleFontSize,TextColor,TextBgColor,TextBgImag,TextTextAlign,TextFontFace,<BR>TextFontSize,Width,Height,BorderSize,BorderColor,Textpadding,transition
number,Transition duration,Transparency level,shadow type,shadow
color,Appearance behavior,TipPositionType,Xpos,Ypos]<BR></FONT> <FONT color="#666633">Style[0]</FONT>=["white","","","","",,"black","#ffffcc","","","",,,,2,"#b22222",2,24,0.5,0,2,"gray",,2,,13]<BR><BR><FONT class="dis">// these are global settings</FONT><BR>var TipId="tiplayer" <FONT class="dis">// should be the same
as <div> tag's id</FONT><BR>var FiltersEnabled = 1 <FONT class="dis">// should be the set as to 1
if your going to use visual effects if not set to 0</FONT><BR>mig_clay()<BR><BR></SCRIPT></FONT><BR><BR><FONT class="dis">// Now that we created our Text and Style arrays
needed lets implement them in the link tags by using a reference to
the arrays by their index number in the STM function</FONT><BR><FONT class="imcode"><a href="your url"
onMouseOver="<FONT color="#CC0099">stm(</FONT><FONT color="#008080">Text[0]</FONT>,<FONT color="#666633">Style[0]</FONT><FONT color="#CC0099">)</FONT>" onMouseOut="<FONT color="#CC0099">htm()</FONT>">Tip One</A><BR><a href="your url" onMouseOver="<FONT color="#CC0099">stm(</FONT><FONT color="#FF0066">Text[1]</FONT>,<FONT color="#666633">Style[0]</FONT><FONT color="#CC0099">)</FONT>"
onMouseOut="<FONT color="#CC0099">htm()</FONT>">Tip
two</A><BR><a href="your url" onMouseOver="<FONT color="#CC0099">stm(</FONT><FONT color="#FF00FF">Text[2]</FONT>,<FONT color="#666633">Style[0]</FONT><FONT color="#CC0099">)</FONT>"
onMouseOut="<FONT color="#CC0099">htm()</FONT>">Tip
three</A><BR><BR></FONT> <FONT class="dis">//Of course you may create more links using
the same code these are three tips exactly the same</FONT><BR><FONT class="imcode"><a href="your url"
onMouseOver="<FONT color="#CC0099">stm(</FONT><FONT color="#FF0066">Text[1]</FONT>,<FONT color="#666633">Style[0]</FONT><FONT color="#CC0099">)</FONT>" onMouseOut="<FONT color="#CC0099">htm()</FONT>">Tip four</A><BR><a href="your url" onMouseOver="<FONT color="#CC0099">stm(</FONT><FONT color="#FF0066">Text[1]</FONT>,<FONT color="#666633">Style[0]</FONT><FONT color="#CC0099">)</FONT>"
onMouseOut="<FONT color="#CC0099">htm()</FONT>">Tip
five</A><BR><a href="your url" onMouseOver="<FONT color="#CC0099">stm(</FONT><FONT color="#FF0066">Text[1]</FONT>,<FONT color="#666633">Style[0]</FONT><FONT color="#CC0099">)</FONT>"
onMouseOut="<FONT color="#CC0099">htm()</FONT>">tip
six</A></FONT><BR></BODY><BR></HTML></FONT><BR><BR><B>Note:</B><BR><FONT class="dis">If your going to use the same code on many pages its
recommend that you use an external .js file to do that simply copy the
array configuration code WITH OUT THE SCRIPT TAGS JUST WHAT'S
BETWEEN IT and save it as style.js and include and link to it just
like the main15.js but the link to the style.js should be in the body
tag just under the div tag and also be sure to up load it to your
server.</FONT></P><H3>
Well that's all you need to know I hope I explained well pleas
look at the demo.html before generating<BR>If your having problems pleas email me and I may help you create your
tips.<BR>pleas email me if your using the script so i may list your website!
</H3>
<H3>
Author: Essam Gamal (Migoicons)<BR>Email:<a href="mailto:migoicons@hotmail.com?subject=from a client">migoicons@hotmail.com</a><BR>Website: <A href="http://migoicons.tripod.com" target="_blank" title="click to go to my web site ">http://migoicons.tripod.com</A>
</H3><BR><BR>
</BODY>
</HTML>