Description box on mouseover

Jackie · Post by **Jackie** » Mon Dec 08, 2003 10:18 am

Hello!

I was wonderng if one could place description boxes for each menu item? For instance:
I wanted to place a second menu as a FAQ or help menu. The item would be the question and the description box could be the answer- neither item is clickable except the main title to the my main support page. That way they don't have to leave the page and received the answer they were looking for. You know, quick answers for those who don't actually read until there is a problem!

Thanks

Post by **John** » Mon Dec 08, 2003 2:50 pm

Start at http://milonic.com/forum/viewtopic.php?t=2981, and also see http://milonic.com/menusample.php?sampleid=6.

Jackie · Post by **Jackie** » Wed Dec 10, 2003 8:25 am

Thank you!

Jackie · Post by **Jackie** » Wed Dec 10, 2003 8:44 am

Hello again!
The description box is not working.
I'm a little unsure about where exactly to place this code and do I need this graphic?

Code: Select all

<a href="menu.htm" onmouseover="showtip('Here is some tool tip text')" onmouseout="popdown"><img src=/images/image.gif></a>

On my page I have this to call the menu up:

Code: Select all

	<SCRIPT language=JavaScript src="/milonic_src.js" type=text/javascript></SCRIPT>
	<script language=JavaScript>
	if(ns4)_d.write("<scr"+"ipt language=JavaScript src=/mmenuns4.js><\/scr"+"ipt>");
	  else _d.write("<scr"+"ipt language=JavaScript src=/mmenudom.js><\/scr"+"ipt>");
	</script>
	<SCRIPT language=JavaScript src="/menu_data.js" type=text/javascript></SCRIPT>

Then on the menu_data.js :

Code: Select all

aI("text=Letters From Santa;url=http://www.personalizedletter.com/Letters/Holiday_Letters/Christmas/FromSanta/index.shtml;;status=Letters From Santa;separatorsize=1;onfunction=showtip('Testing. ');fontsize=10px;pointer=move;")

Thanks

Post by **Ruth** » Wed Dec 10, 2003 11:53 am

There's a file called tooltips.js that you also need to have and it needs to be added to the script

Code: Select all

<SCRIPT language=JavaScript src="tooltips.js" type=text/javascript></SCRIPT>

On the home page under the heading DHTML Menus there's a link for samples and the menu and tooltips sample is there.

Jackie · Post by **Jackie** » Wed Dec 10, 2003 2:40 pm

Yes, I'm sorry, I do have that there as well, I just copied one line too little here. (burning 3 am oil

)
Curious... do I have to make an image for each description that I want to pop up on mouseover? I thought the text would show only, as it's written in the code. I really don't want images (I would have to make tons and tons of them.)

Still doesn't work. I've read the tips and have the file on my server. Everything else works fine about the menu including other options or styles added into AI code lines.

Post by **Ruth** » Wed Dec 10, 2003 7:20 pm

A link to the site would be helpful to see what is happening and if anyone can figure out why it's not working.

never mind, I found it in the code you gave AI etc.

Ruth

Jackie · Post by **Jackie** » Wed Dec 10, 2003 9:57 pm

This is the code on my page:

Code: Select all

<html>
<head>
<title>Personalized Letters Main</title>
<META http-equiv="Content-Type" content="text/html">
<META name="keywords" content="letters, letter, personalized, custom, letters,letter,personalized,customized, personalized letters">
<META name="description" content="Don't send a throw away greeting card, send a custom personalized letter instead. Original graphics and frameable.">
<META HTTP-EQUIV="AUDIENCE" CONTENT="Everything">
<META NAME="AREA" CONTENT="Service">
<META NAME="COPYRIGHT" CONTENT="3-13-1999 Personality Creations">
<meta name="author" content="Jacqueline Capps">
<meta name="company" content="Personality Creations">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<META NAME="ROBOT" CONTENT="INDEX,FOLLOW">
<META NAME="RATING" CONTENT="General">
<style type="text/css" media="print"><!--body{display:none}--></style>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if (parent.location.href == self.location.href) {
// change the url below to the url of the
// frameset page...
window.location.href="http://websites.milonic.com/personalizedletter.com/';
}
// End -->
</script>
<script language="javascript" type="text/javascript">
<!--
/*  Copyright Eric King : http://www.eak.homeip.net - © 2000 - 2002
    This script is free to use for any non profit website as long as this info is left in  */
function NewWindow(u,n,w,h,f,p,x,y){var	ws=window.screen?1:0,m=Math,C='center',R='random',M='custom',sw=screen.availWidth,sh=screen.availHeight,T=(p==C&&ws)?(sh-h)/2:(p==R&&ws)?(m.floor(m.random()*(sh-h))):(p==M)?y:100,L=(p==C&&ws)?(sw-w)/2:(p==R&&ws)?(m.floor(m.random()*(sw-w))):(p==M)?x:100,s='width='+w+',height='+h+',top='+T+',left='+L;s+=(!f||f=='')?'':','+f;win=window.open(u,n,s);if(win.focus)win.focus();}
// -->
</script>
<STYLE type="text/css">
BODY {
SCROLLBAR-ARROW-COLOR: #1E2C42;
SCROLLBAR-BASE-COLOR: #198B95;
}
</STYLE>

		</head>

<BODY STYLE="background: url(http://www.personalizedletter.com/pagebkg.gif) ; background-repeat: no-repeat; white"  bgcolor="#ffffff"  MARGINWIDTH="0" MARGINHEIGHT="0" TOPMARGIN="0" LEFTMARGIN="0" TEXT="#3e66ae" LINK="#3E66AE" VLINK="#449AA2" OnLoad="window.defaultStatus='Welcome To Personality Creations Personalized Letter.com!';">


	<SCRIPT language=JavaScript src="/milonic_src.js" type=text/javascript></SCRIPT>
	<script language=JavaScript>
	if(ns4)_d.write("<scr"+"ipt language=JavaScript src=/mmenuns4.js><\/scr"+"ipt>");
	  else _d.write("<scr"+"ipt language=JavaScript src=/mmenudom.js><\/scr"+"ipt>");
	</script>
	<SCRIPT language=JavaScript src="/menu_data.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript src="/tooltips.js" type=text/javascript></SCRIPT>


	<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
<script language="JavaScript1.2">
//Disable select-text script (IE4+, NS6+)- By Andy Scott
//Exclusive permission granted to Dynamic Drive to feature script
//Visit http://www.dynamicdrive.com for this script
function disableselect(e){

return false
}
function reEnable(){
return true
}
//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
<BR><BR>
<!-------Page Body Begins Here------>
<CENTER>
<TABLE BORDER="0">
<TR VALIGN="TOP">
<TD>
<H2><a href="/index.html" target="_parent"><img style="position:absolute; top:41px; left:33px; width:40px;
height:40px" src="pcl.gif" alt="Personality Creations' Personalized Letter.com" border="0"></A><img src="2.gif"  height="5" width="30" border="0"> Personalized Letter.com</H2></TD><TD> ...by </TD><TD><H2>Personality Creations</H2></TD><TD>&#153;</TD></TR>

</TABLE>
</CENTER>
<TABLE BORDER="0"><!----------MAIN BODY TABLE------->

<!--#include virtual="/topside.txt"-->   <CENTER>
<table WIDTH=125 BORDER=2 BORDERCOLOR="198b95" CELLSPACING=0>
<tr>
  <td width="100%" valign="top" align="center" bgcolor="#3e66ae"
    height="20"><strong><font color="#FFFFFF" size="2" face="Verdana, Arial">
<A NAME="NEWSLETTER">
Personality Creations Newsletter</font></strong></td>
</tr>
<tr>
 <td valign="top" background="/stone.jpg" width="100%" >
  <font face="Arial, Helvetica" size="1"><font color="#000000">
  <FORM ACTION="/cgi-bin/subscribe.cgi" METHOD="POST">
  <INPUT TYPE="RADIO" NAME="action" VALUE="subscribe" checked><B>Subscribe</B><BR>
  <INPUT TYPE="RADIO" NAME="action" VALUE="unsubscribe"><B>Un-Subscribe</B><BR>
  <CENTER>
Add Your Email Below:<BR><INPUT TYPE="TEXT" NAME="email" VALUE="" SIZE=10 MAXLENGTH=100><BR>
  <INPUT TYPE="HIDDEN" NAME="datafile" VALUE="subscribe">
  <INPUT TYPE="SUBMIT" VALUE="DO IT!"  style="background: #198B95; color: white; font-family: Verdana; font-weight: bold"><BR>
  Sign up today to receive
  our quartely newsletter.
  Coupons, news, crafts,
  updates and more.......
  <BR>
  <A HREF="/privacy.shtml" target="_blank">Privacy Statement</A>
  </CENTER>
           </font>
           </font>
    </FORM>
   </td>
 </tr>
</table>
   </CENTER>
<CENTER>

<!--#include virtual="/side.txt"-->
<BR><img src="/bestbtn.gif" height="35" width="160" alt="personalized letters">
                  <!--========END LEFT SIDE BODY TABLE ==========-->

</CENTER>
</TD>
</TR>
</TABLE>
</TD>
<TD>
<center><FONT COLOR="#449AA2"><H1>Personalized Letter Specialists<BR>for <u>all</u> <em>Domestic</em> Occasions</H1></FONT></CENTER>

<!--#include virtual="/qreturn.txt" --><BR>
<!---------RIGHT SIDE BODY TABLE TOP------->
<CENTER>
<script language="JavaScript1.2">

/*
Conveyor belt slideshow script- 
© Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com
*/


//Specify the slider's width (in pixels)
var sliderwidth="315px"
//Specify the slider's height
var sliderheight="117px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=3
//configure background color:
slidebgcolor="#FFFFFF"

//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://websites.milonic.com/personalizedletter.com/Letters/Holiday_Letters/Christmas/"><img src="/Letters/Holiday_Letters/Christmas/xmasfamt.jpg" border=1></a>'
leftrightslide[1]='<a href="http://websites.milonic.com/personalizedletter.com/Letters/Holiday_Letters/Christmas/"><img src="/Letters/Holiday_Letters/Christmas/blessingt.gif" border=1></a>'
leftrightslide[2]='<a href="http://websites.milonic.com/personalizedletter.com/Letters/Holiday_Letters/Christmas/"><img src="/Letters/Holiday_Letters/Christmas/parentt.gif" border=1></a>'
leftrightslide[3]='<a href="http://websites.milonic.com/personalizedletter.com/Letters/Holiday_Letters/Christmas/FromSanta/"><img src="/Letters/Holiday_Letters/Christmas/FromSanta/chr1th.jpg" border=1></a>'
leftrightslide[4]='<a href="http://websites.milonic.com/personalizedletter.com/Letters/Holiday_Letters/Christmas/"><img src="/Letters/Holiday_Letters/Christmas/religioust.gif" border=1></a>'
leftrightslide[5]='<a href="http://websites.milonic.com/personalizedletter.com/Letters/Holiday_Letters/Christmas/FromSanta/"><img src="/Letters/Holiday_Letters/Christmas/FromSanta/xmas2th.jpg" border=1></a>'
leftrightslide[6]='<a href="http://websites.milonic.com/personalizedletter.com/Letters/Holiday_Letters/Christmas/FromSanta/"><img src="/Letters/Holiday_Letters/Christmas/FromSanta/letter4t.jpg" border=1></a>'
leftrightslide[7]='<a href="http://websites.milonic.com/personalizedletter.com/Letters/Holiday_Letters/Christmas/FromSanta/"><img src="/Letters/Holiday_Letters/Christmas/FromSanta/LFS6t.jpg" border=1></a>'
leftrightslide[8]='<a href="http://websites.milonic.com/personalizedletter.com/Letters/Holiday_Letters/Christmas/"><img src="/Letters/Holiday_Letters/Christmas/chrislove1t.jpg" border=1></a>'
leftrightslide[9]='<a href="http://websites.milonic.com/personalizedletter.com/Letters/Holiday_Letters/Christmas/FromSanta/"><img src="/Letters/Holiday_Letters/Christmas/FromSanta/letter3t.jpg" border=1></a>'
leftrightslide[10]='<a href="http://websites.milonic.com/personalizedletter.com/Letters/Holiday_Letters/Christmas/FromSanta/"><img src="/Letters/Holiday_Letters/Christmas/FromSanta/nhomet.gif" border=1></a>'
leftrightslide[11]='<a href="http://websites.milonic.com/personalizedletter.com/Letters/Holiday_Letters/Christmas/FromSanta/"><img src="/Letters/Holiday_Letters/Christmas/FromSanta/postt.jpg" border=1></a>'
leftrightslide[12]='<a href="http://websites.milonic.com/personalizedletter.com/Letters/Holiday_Letters/Christmas/FromSanta/"><img src="/Letters/Holiday_Letters/Christmas/FromSanta/sletter7t.jpg" border=1></a>'
leftrightslide[13]='<a href="http://websites.milonic.com/personalizedletter.com/Letters/Holiday_Letters/Christmas/"><img src="/Letters/Holiday_Letters/Christmas/seasonst.gif" border=1></a>'


////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(" ")+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+20+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+20
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+30+"px"

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+30+"px"

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+30

if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+30
}
}


if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>
<BR><font size="-1">Pictured above are just 14 samples of our Christmas / From Santa letters - and there's more!</font>
</CENTER>
<BLOCKQUOTE>
<FONT COLOR="#C00000">
<b>
<P><CENTER><H4>Why &nbsp;buy a  &nbsp;mass-produced  &nbsp;greeting  &nbsp;card when you  &nbsp;can send a<BR> beautiful, &nbsp;custom &nbsp;personalized &nbsp;letter instead? Show them that <BR>
they signify&nbsp more to you by &nbsp;creating something &nbsp;extraordinary -</CENTER><BR><CENTER><em>D O &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;I T &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;T O D A Y</em> ! </CENTER></H4>
</P>
</b>
</FONT>
<P>
<font color="#3E66AE">
<P ALIGN="justify">Whether it's your baby's first Christmas, your  wedding
anniversary, or your best friend's graduation, let those  you  love  know  how
much  you  care  about  them-in  a  completely  personal  way.   Because   our
personalized  letters  allow  you  to  custom  tailor  your  message  to   the
individual, you're giving them a beautiful keepsake  that  they  will  cherish
forever. When greeting cards get thrown out in the trash, you can be confident
that your letter will be saved by the recipient years to come. That's  a  huge
gift for such a small price!
</P>
</font>
<P>
<a href="about.shtml"><justify><b>
Discover what makes us (and our personalized letters) different!<em></a> <font color="#C00000">You've seen the rest - now get the best!</em> We offer the largest variety of personalized letters available anywhere, printed on the best quality 110 lb. card stock or choose Premium High Gloss Kodak®  paper. And unlike other personalized letter sites, you will be able to proof your letter <em>before</em> you pay! Shipping is also FREE if mailing with-in the US. Other locations are priced according to extra shipping fees and requirements. </b></justify></font>
<P><center><font color="#C00000"><b>
<a href="about.shtml#ship">Shipping locations</a> and <a href="about.shtml#cost">pricing information</a></font></b></center></P>

<BR>
<CENTER>
<img style="width:123px;
height:92px" src="guar.gif" alt="If not satisfied, full refund or a FREE replacement is guaranteed!" border="0">
</CENTER><BR>

<justify>
If the recipient is not 100% satisfied with his/her letter he or she receives, we will give you a full refund or a FREE replacement - guaranteed! EVEN IF IT'S DUE TO U.S. POSTAL SERVICES! (unlike other personalized letter businesses...) No one else offers this for any kind of personalized mail order letter--so you have nothing to lose, only a thrilled face and happy heart to gain.
</justify>
<BR>
<A href="/refund.html" target="NEW" onclick="NewWindow(this.href,this.target,480,400,'scrollbars,resizable','center');return false"><B>View refund policy!</B></A>
<BR>
<CENTER><font color="#0000C0"><H4>Take Advantage of these Specials, and Try Out Our Services! </H4></FONT></CENTER>
<CENTER><font color="#198B95"><H4>NO ONE ELSE OFFERS </FONT><u><font color="#C00000">FREE LETTERS</u>!</H4></FONT></CENTER>

<p><justify><font size="-1">
&nbsp;&#149;&nbsp;<justify>Order half a year in letters, (pay for 5) -  and get one letter FREE! <font color="red">You save 6.00 - 7.25!</font></justify><br>
&nbsp;&#149;&nbsp;<justify>Order a year in letters (pay for 9) - and get 3 personalized letters FREE! <font color="red">You save 18.00 - 21.75!</font><BR></justify>
&nbsp;&#149;&nbsp;<justify>Raise money for your school, church or youth group! Check out our <a href="/fundraiser/index.shtml">program and register today</a> - all continental US qualify!<BR></justify>
&nbsp;&#149;&nbsp;<justify><B>Coming Soon...</B> Purchase any item with a value of $30.00 or more (shipping excluded) from our <a href="/gifts/index.shtml">Hand Craft Gift Store</a> and receive a FREE letter to accompany it!</font></justify></p>
</BLOCKQUOTE>
<!---------END PAGE BODY HERE-------->
</TD>
</TR>
</TD>
</TR>
</TABLE>
<!------SITE LINKS, AD BUTTONS AND COPYRIGHT INFO-----><!----AD BUTTONS---->

  <CENTER><!--#include virtual="/foot.txt" -->
<!--#exec cgi="/cgi-bin/count.cgi"-->
<!--#exec cgi="/cgi-bin/axs/ax.pl" -->
</BODY>
</HTML>

Here is the menu_data.js code for my menu:

Code: Select all




_menuCloseDelay=500           // The time delay for menus to remain visible on mouse out
_menuOpenDelay=50            // The time delay before menus open on mouse over
_followSpeed=5                // Follow scrolling speed
_followRate=40                // Follow scrolling Rate
_subOffsetTop=10              // Sub menu top offset
_subOffsetLeft=-10            // Sub menu left offset
_scrollAmount=3               // Only needed for Netscape 4.x
_scrollDelay=20               // Only needed for Netcsape 4.x



with(menuStyle=new mm_style()){
offcolor="#3e66ae";
offbgcolor="#ffffff";
oncolor="#198B95";
onbgcolor="#A6D6DA";
bordercolor="#198B95";
borderstyle="dotted";
bordercolor="198B95";
fontsize=10;
fontstyle="normal";
fontweight="bold";
fontfamily="Verdana, Arial";
padding=2;
subimage="/arrow.gif";
high3dcolor="#198B95";
low3dcolor="#A6D6DA";
pagecolor="#198B95";
pagebgcolor="#A6D6DA";
headercolor="#ffffff";
headerbgcolor="#198B95";
overfilter="Fade(duration=0.2);Alpha(opacity=98);Shadow(color='#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.2)";
}


with(milonic=new menuname("Main Menu")){
style=menuStyle;
borderwidth=2;
top=2; 
left=95;  
screenposition="center";
alwaysvisible=1;
followscroll="1";
alignment="center";
orientation="horizontal";
aI("text=Home;url=http://www.personalizedletter.com/main.shtml;;status=Back to the home page;separatorsize=1")
aI("text=Personalized&nbsp;Letters&nbsp;&nbsp;;showmenu=letters;;separatorsize=1")
aI("text=Specials&nbsp;and&nbsp;Gift&nbsp;Shop&nbsp;&nbsp;;showmenu=gifts;;separatorsize=1")
aI("text=About...&nbsp;&nbsp;;showmenu=about;;separatorsize=1")
aI("text=FREE&nbsp;Holiday&nbsp;Fun&nbsp;&nbsp;;showmenu=holidayfun;;separatorsize=1")
aI("text=Other&nbsp;Services&nbsp;&nbsp;;showmenu=other;;separatorsize=1")
}

with(milonic=new menuname("letters")){
itemwidth=170;
borderwidth=1;
style=menuStyle;
alignment="center";
aI("text=Holiday Letters;showmenu=holiday;;status=Holiday Letters;separatorsize=1")
aI("text=Occasional Letters;showmenu=occasional;;status=Occasional Letters;separatorsize=1")
aI("text=Birthday Letters;url=http://www.personalizedletter.com/Letters/Birthday_Letters/index.shtml;;status=Birthday Letters;separatorsize=1")
aI("text=Love Letters;url=http://www.personalizedletter.com/Letters/Love_Letters/index.shtml;;status=Love letters;separatorsize=1")
aI("text=Proposal Letters;url=http://www.personalizedletter.com/Letters/Proposal_Letters/index.shtml;;status=Proposal Letters;separatorsize=1")
aI("text=Encouragement Letters;url=http://www.personalizedletter.com/Letters/Encouragement_Letters/index.shtml;;status=Encouragement Letters;separatorsize=1")
aI("text=Religious Letters;url=http://www.personalizedletter.com/Letters/Religious_Letters/index.shtml;;status=Christian Letters;separatorsize=1")
aI("text=Just for Fun Letters;showmenu=fun;;status=Letters with no real catagory;separatorsize=1")
aI("text=Remembrance Letters;url=http://www.personalizedletter.com/Letters/Remembrance_Letters/index.shtml;;status=Memorial¬ Sympathy Remembrance letters;separatorsize=1")
}

with(milonic=new menuname("holiday")){
itemwidth=170;
borderwidth=1;
style=menuStyle;
alignment="center";
aI("text=Easter;url=http://www.personalizedletter.com/Letters/Holiday_Letters/Easter/index.shtml;;status=Easter Letter")
aI("text=Mother's Day;url=http://www.personalizedletter.com/Letters/Holiday_Letters/MothersDay/index.shtml;;status=Send A Letter To Mom")
aI("text=Father's Day;url=http://www.personalizedletter.com/Letters/Holiday_Letters/FathersDay/index.shtml;;status=Send Dad A Letter")
aI("text=Christmas;showmenu=Christmas;;status=Christmas Letter Area - over 18 letters here")
aI("text=Valentine's Day;url=http://www.personalizedletter.com/Letters/Holiday_Letters/ValentinesDay/index.shtml;;status=Send your Sweety a Valentine")
aI("text=Halloween;url=http://www.personalizedletter.com/Letters/Holiday_Letters/Halloween/index.shtml;;status=A Letter From Jack-O-Lantern")
}

with(milonic=new menuname("christmas")){
itemwidth=140;
borderwidth=1;
style=menuStyle;
alignment="center";
aI("text=Misc. Christmas Letters;url=http://www.personalizedletter.com/Letters/Holiday_Letters/Christmas/index.shtml;;status=Misc Christmas Letters;separatorsize=1")
aI("text=Letters From Santa;url=http://www.personalizedletter.com/Letters/Holiday_Letters/Christmas/FromSanta/index.shtml;;status=Letters From Santa;separatorsize=1;onfunction=showtip('We have more unique letters from Santa than anyone. Original backgrounds and text.');fontsize=10px;fontstyle=italic;pointer=move;")
aI("text=Free Gifts;url=http://www.personalizedletter.com/Letters/Holiday_Letters/Christmas/FromSanta/gift.shtml;status=Free gifts for Children and You at Christmas;separatorsize=1")
}

with(milonic=new menuname("occasional")){
itemwidth=110;
borderwidth=1;
style=menuStyle;
alignment="center";
aI("text=Baby;url=http://www.personalizedletter.com/Letters/Occasional_Letters/Baby/index.shtml;;status=New Addition and Unborn Child Letters;separatorsize=1")
aI("text=Wedding;url=http://www.personalizedletter.com/Letters/Occasional_Letters/Wedding/index.shtml;;status=Various Bridal and Wedding Letters;separatorsize=1")
aI("text=Anniversary;url=http://www.personalizedletter.com/Letters/Occasional_Letters/Anniversary/index.shtml;;status=Say Happy Anniversary;separatorsize=1")
aI("text=Graduation;url=http://www.personalizedletter.com/Letters/Occasional_Letters/Graduation/index.shtml;;status=Let Them Know How Proud You Are For Graduating;separatorsize=1")
}

with(milonic=new menuname("fun")){
itemwidth=170;
borderwidth=1;
style=menuStyle;
alignment="center";
aI("text=The Tooth Fairy;url=http://personalizedletter.com/Letters/Fun_Letters/ToothFairyLetterf.shtml;;status=Tooth Fairy Letter")
aI("text=Special Grandchild;url=http://www.personalizedletter.com/Letters/Fun_Letters/grandchf.shtml;;status=Grandparent thinking of you letter")
}

with(milonic=new menuname("gifts")){
itemwidth=195;
borderwidth=1;
style=menuStyle;
alignment="left";
aI("text=&nbsp;Classroom Letter Special;image=/newsimage.gif;url=http://www.personalizedletter.com/specials/class.shtml;;status=Letters for the whole class at a special price! Order early!;separatorsize=1")
aI("text=&nbsp;Half A Year In Letters;image=/newsimage.gif;url=http://www.personalizedletter.com/specials/half.shtml;;status=Pay for 5 and get one FREE;separatorsize=1")
aI("text=&nbsp;A Year In Letters;image=/newsimage.gif;url=http://www.personalizedletter.com/specials/year.shtml;;status=Pay for 9 and get 3 FREE;separatorsize=1")
aI("text=&nbsp;Handcrafted Gift Store;image=/newsimage.gif;url=http://www.personalizedletter.com/gifts/index.shtml;;status=Check out these hand crafted gifts!;separatorsize=1")
}

with(milonic=new menuname("about")){
itemwidth=160;
borderwidth=1;
style=menuStyle;
overflow="scroll";
alignment="center";
aI("text=About Us;url=http://www.personalizedletter.com/about.shtml;;status=All about us!;separatorsize=1")
aI("text=... Our Letter Design;url=http://www.personalizedletter.com/about.shtml;;status=Design of letter¬ paper used ect..;separatorsize=1")
aI("text=... Prices;url=http://www.personalizedletter.com/about.shtml#cost;;status=What are the prices anyway? Find it here;separatorsize=1")
aI("text=... Shipping;url=http://www.personalizedletter.com/about.shtml#ship;;status=Shipping information;separatorsize=1")
aI("text=... Payment Options;url=http://www.personalizedletter.com/payops.shtml;;status=All the ways and whith whom you may make payment;separatorsize=1")
aI("text=... Make Payment;url=http://www.personalizedletter.com/pay.shtml;;status=Make your payments here!;separatorsize=1")
aI("text=... Contacting Us;url=http://www.personalizedletter.com/contact.shtml;;status=Have questions? Check the FAQ out first - then write us here;separatorsize=1")
aI("text=... Testimonials;url=http://www.personalizedletter.com/kudos.shtml;;status=See what others had to say about our product!;separatorsize=1")
aI("text=... Newsletter;url=http://www.personalizedletter.com/signup.shtml;;status=Sign up for our newsletter;separatorsize=1")
aI("text=&nbsp;Fundraiser;image=http://www.allletters.com/graphics/dollar.gif;border=0;url=http://www.personalizedletter.com/fundraiser/index.shtml;;status=We offer fundraising with our letters;separatorsize=1")
aI("text=... Please Remind Me;url=http://www.personalizedletter.com/cgi-bin/remindme.cgi;;status=Get reminders for free!;separatorsize=1")
aI("text=... Calendar;url=http://www.personalizedletter.com/cgi-bin/calendar/calendar.pl;;status=Look ahead with our calendar for order and ship dates;separatorsize=1")
aI("text=... View CCNow Cart;url=http://www.ccnow.com/cgi-local/cart.cgi?prsnlty_shopcart_http://www.personalizedletter.com/thankyou.shtml;;status=View your account at the CCNow shopping cart;separatorsize=1")
aI("text=... Privacy Statement;url=http://www.personalizedletter.com/privacy.shtml;;status=We value all privacy issues - please read;separatorsize=1")
aI("text=... Terms Of Use;url=http://www.personalizedletter.com/terms.shtml;;status=Terms which this site may be used;separatorsize=1")
}

with(milonic=new menuname("holidayfun")){
itemwidth=140;
borderwidth=1;
style=menuStyle;
alignment="center";
aI("text=Holiday Fun Home;url=http://www.personalizedletter.com/Holidays/index.shtml;;status=Exclusive Personality Creations Holiday Fun! All Major Holidays - Kid Safe!;separatorsize=1")
aI("text=Christmas;url=http://www.personalizedletter.com/Holidays/Christmas/index.html;;status=Exclusive Personality Creations Holiday Fun! Crafts¬ Recipes¬ Games¬ Sing-Along and more!;target=_blank;separatorsize=1")
aI("text=Fall;url=http://www.personalizedletter.com/Holidays/Fall/fall.html;;status=Exclusive Personality Creations Holiday Fun! Fall, Halloween and Thanksgiving!;target=_blank;separatorsize=1")
aI("text=St Patricks Day;url=http://www.personalizedletter.com/Holidays/StPatricks_Day/StPatMaster.shtml;;status=Exclusive Personality Creations Holiday Fun! St Patrick\'s Day!;target=_blank;separatorsize=1")
aI("text=Email Postcards;url=http://www.personalizedletter.com/cards/index.shtml;;status=Free Online Postcards;separatorsize=1")
}

with(milonic=new menuname("Other")){
itemwidth=150;
borderwidth=1;
style=menuStyle;
alignment="center";
aI("text=Site Credits;url=http://www.personalizedletter.com/credits.shtml;;status=Those who helped make this site happen!;separatorsize=1")
aI("text=Awards Center;url=http://www.personalizedletter.com/awards/index.shtml;;status=Apply for award Winners and Our awards;separatorsize=1")
aI("text=View Our Links or Add Your Link;url=http://www.personalizedletter.com/links.shtml;;status=Trade links with us or check out links listed on our site!;separatorsize=1")
aI("text=Sponsor Ad Space;url=http://www.personalizedletter.com/adsinfo.shtml;;status=Purchase ad space on our main area pages or newsletter;separatorsize=1")
aI("text=Top Sites!;url=http://www.personalizedletter.com/topsitesphp/;;status=Personality Creations Top Sites! Join list or visit;target=_blank;separatorsize=1")
}



drawMenus();

I hope this helps and thanks a lot for trying to do so

Post by **Ruth** » Thu Dec 11, 2003 1:09 am

I noticed that there are double semi-colons in your data file, usually just before the status part of the code. I tried the menu on my site [taking out the redirect so I didn't get your site] Here's the line as I did it in the data file, I renamed that file as new_data.js so if you want to compare it will have a different name.

Code: Select all

aI("text=Letters From Santa;url=http://www.personalizedletter.com/Letters/Holiday_Letters/Christmas/FromSanta/index.shtml;status=Letters From Santa;separatorsize=1;onfunction=showtip('We have more unique letters from Santa than<BR> anyone. Original backgrounds and text.');fontsize=10px;fontstyle=italic;pointer=move;");

LINK REMOVED

Ruth

Jackie · Post by **Jackie** » Thu Dec 11, 2003 2:57 am

I thought of that as well but when I changed it - it still didn't work. I saw that it does work for you. Anyway I replaced the whole data js file and still nothing.

I see that you have a semicolon at the very end of the string - none of mine do. However, when I place it there - still nothing either way

The version 5 that I have was a converted version created at this site, that's where the double semicolons came from. I didn't put them there.
http://www.personalizedletter.com/main.shtml I removed the redirect temporarily.

Here is what my data file is like now:

Code: Select all



_menuCloseDelay=700           // The time delay for menus to remain visible on mouse out
_menuOpenDelay=30            // The time delay before menus open on mouse over
_followSpeed=5                // Follow scrolling speed
_followRate=40                // Follow scrolling Rate
_subOffsetTop=10              // Sub menu top offset
_subOffsetLeft=-10            // Sub menu left offset
_scrollAmount=3               // Only needed for Netscape 4.x
_scrollDelay=20               // Only needed for Netcsape 4.x



with(menuStyle=new mm_style()){
offcolor="#3e66ae";
offbgcolor="#ffffff";
oncolor="#198B95";
onbgcolor="#A6D6DA";
bordercolor="#198B95";
borderstyle="dotted";
bordercolor="198B95";
fontsize=10;
fontstyle="normal";
fontweight="bold";
fontfamily="Verdana, Arial";
padding=2;
subimage="/arrow.gif";
high3dcolor="#198B95";
low3dcolor="#A6D6DA";
pagecolor="#198B95";
pagebgcolor="#A6D6DA";
headercolor="#ffffff";
headerbgcolor="#198B95";
overfilter="Fade(duration=0.2);Alpha(opacity=98);Shadow(color='#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.2)";
}


with(milonic=new menuname("Main Menu")){
style=menuStyle;
borderwidth=2;
top=2; 
left=95;  
screenposition="center";
alwaysvisible=1;
followscroll="1";
alignment="center";
orientation="horizontal";
aI("text=Home;url=http://www.personalizedletter.com/main.shtml;status=Back to the home page;separatorsize=1")
aI("text=Personalized&nbsp;Letters&nbsp;&nbsp;showmenu=letters;separatorsize=1")
aI("text=Specials&nbsp;and&nbsp;Gift&nbsp;Shop&nbsp;&nbsp;showmenu=gifts;separatorsize=1")
aI("text=About...&nbsp;&nbsp;showmenu=about;separatorsize=1")
aI("text=FREE&nbsp;Holiday&nbsp;Fun&nbsp;&nbsp;showmenu=holidayfun;separatorsize=1")
aI("text=Other&nbsp;Services&nbsp;&nbsp;showmenu=other;separatorsize=1")
}

with(milonic=new menuname("letters")){
itemwidth=170;
borderwidth=1;
style=menuStyle;
alignment="center";
aI("text=Holiday Letters;showmenu=holiday;status=Holiday Letters;separatorsize=1")
aI("text=Occasional Letters;showmenu=occasional;status=Occasional Letters;separatorsize=1")
aI("text=Birthday Letters;url=http://www.personalizedletter.com/Letters/Birthday_Letters/index.shtml;status=Birthday Letters;separatorsize=1")
aI("text=Love Letters;url=http://www.personalizedletter.com/Letters/Love_Letters/index.shtml;status=Love letters;separatorsize=1")
aI("text=Proposal Letters;url=http://www.personalizedletter.com/Letters/Proposal_Letters/index.shtml;status=Proposal Letters;separatorsize=1")
aI("text=Encouragement Letters;url=http://www.personalizedletter.com/Letters/Encouragement_Letters/index.shtml;status=Encouragement Letters;separatorsize=1")
aI("text=Religious Letters;url=http://www.personalizedletter.com/Letters/Religious_Letters/index.shtml;status=Christian Letters;separatorsize=1")
aI("text=Just for Fun Letters;showmenu=fun;status=Letters with no real catagory;separatorsize=1")
aI("text=Remembrance Letters;url=http://www.personalizedletter.com/Letters/Remembrance_Letters/index.shtml;status=Memorial¬ Sympathy Remembrance letters;separatorsize=1")
}

with(milonic=new menuname("holiday")){
itemwidth=170;
borderwidth=1;
style=menuStyle;
alignment="center";
aI("text=Easter;url=http://www.personalizedletter.com/Letters/Holiday_Letters/Easter/index.shtml;status=Easter Letter")
aI("text=Mother's Day;url=http://www.personalizedletter.com/Letters/Holiday_Letters/MothersDay/index.shtml;status=Send A Letter To Mom")
aI("text=Father's Day;url=http://www.personalizedletter.com/Letters/Holiday_Letters/FathersDay/index.shtml;status=Send Dad A Letter")
aI("text=Christmas;showmenu=Christmas;status=Christmas Letter Area - over 18 letters here")
aI("text=Valentine's Day;url=http://www.personalizedletter.com/Letters/Holiday_Letters/ValentinesDay/index.shtml;status=Send your Sweety a Valentine")
aI("text=Halloween;url=http://www.personalizedletter.com/Letters/Holiday_Letters/Halloween/index.shtml;status=A Letter From Jack-O-Lantern")
}

with(milonic=new menuname("christmas")){
itemwidth=140;
borderwidth=1;
style=menuStyle;
alignment="center";
aI("text=Misc. Christmas Letters;url=http://www.personalizedletter.com/Letters/Holiday_Letters/Christmas/index.shtml;status=Misc Christmas Letters;separatorsize=1")
aI("text=Letters From Santa;url=http://www.personalizedletter.com/Letters/Holiday_Letters/Christmas/FromSanta/index.shtml;status=Letters From Santa;separatorsize=1;onfunction=showtip('We have more unique letters from Santa than<BR> anyone. Original backgrounds and text.');fontsize=10px;fontstyle=italic;pointer=move;");
aI("text=Free Gifts;url=http://www.personalizedletter.com/Letters/Holiday_Letters/Christmas/FromSanta/gift.shtml;status=Free gifts for Children and You at Christmas;separatorsize=1")
}

with(milonic=new menuname("occasional")){
itemwidth=110;
borderwidth=1;
style=menuStyle;
alignment="center";
aI("text=Baby;url=http://www.personalizedletter.com/Letters/Occasional_Letters/Baby/index.shtml;status=New Addition and Unborn Child Letters;separatorsize=1")
aI("text=Wedding;url=http://www.personalizedletter.com/Letters/Occasional_Letters/Wedding/index.shtml;status=Various Bridal and Wedding Letters;separatorsize=1")
aI("text=Anniversary;url=http://www.personalizedletter.com/Letters/Occasional_Letters/Anniversary/index.shtml;status=Say Happy Anniversary;separatorsize=1")
aI("text=Graduation;url=http://www.personalizedletter.com/Letters/Occasional_Letters/Graduation/index.shtml;status=Let Them Know How Proud You Are For Graduating;separatorsize=1")
}

with(milonic=new menuname("fun")){
itemwidth=170;
borderwidth=1;
style=menuStyle;
alignment="center";
aI("text=The Tooth Fairy;url=http://personalizedletter.com/Letters/Fun_Letters/ToothFairyLetterf.shtml;status=Tooth Fairy Letter")
aI("text=Special Grandchild;url=http://www.personalizedletter.com/Letters/Fun_Letters/grandchf.shtml;status=Grandparent thinking of you letter")
}

with(milonic=new menuname("gifts")){
itemwidth=195;
borderwidth=1;
style=menuStyle;
alignment="left";
aI("text=&nbsp;Classroom Letter Special;image=/newsimage.gif;url=http://www.personalizedletter.com/specials/class.shtml;status=Letters for the whole class at a special price! Order early!;separatorsize=1")
aI("text=&nbsp;Half A Year In Letters;image=/newsimage.gif;url=http://www.personalizedletter.com/specials/half.shtml;status=Pay for 5 and get one FREE;separatorsize=1")
aI("text=&nbsp;A Year In Letters;image=/newsimage.gif;url=http://www.personalizedletter.com/specials/year.shtml;status=Pay for 9 and get 3 FREE;separatorsize=1")
aI("text=&nbsp;Handcrafted Gift Store;image=/newsimage.gif;url=http://www.personalizedletter.com/gifts/index.shtml;status=Check out these hand crafted gifts!;separatorsize=1")
}

with(milonic=new menuname("about")){
itemwidth=160;
borderwidth=1;
style=menuStyle;
overflow="scroll";
alignment="center";
aI("text=About Us;url=http://www.personalizedletter.com/about.shtml;status=All about us!;separatorsize=1")
aI("text=... Our Letter Design;url=http://www.personalizedletter.com/about.shtml;status=Design of letter¬ paper used ect..;separatorsize=1")
aI("text=... Prices;url=http://www.personalizedletter.com/about.shtml#cost;status=What are the prices anyway? Find it here;separatorsize=1")
aI("text=... Shipping;url=http://www.personalizedletter.com/about.shtml#ship;status=Shipping information;separatorsize=1")
aI("text=... Payment Options;url=http://www.personalizedletter.com/payops.shtml;status=All the ways and whith whom you may make payment;separatorsize=1")
aI("text=... Make Payment;url=http://www.personalizedletter.com/pay.shtml;status=Make your payments here!;separatorsize=1")
aI("text=... Contacting Us;url=http://www.personalizedletter.com/contact.shtml;status=Have questions? Check the FAQ out first - then write us here;separatorsize=1")
aI("text=... Testimonials;url=http://www.personalizedletter.com/kudos.shtml;status=See what others had to say about our product!;separatorsize=1")
aI("text=... Newsletter;url=http://www.personalizedletter.com/signup.shtml;status=Sign up for our newsletter;separatorsize=1")
aI("text=&nbsp;Fundraiser;image=http://www.allletters.com/graphics/dollar.gif;border=0;url=http://www.personalizedletter.com/fundraiser/index.shtml;status=We offer fundraising with our letters;separatorsize=1")
aI("text=... Please Remind Me;url=http://www.personalizedletter.com/cgi-bin/remindme.cgi;status=Get reminders for free!;separatorsize=1")
aI("text=... Calendar;url=http://www.personalizedletter.com/cgi-bin/calendar/calendar.pl;status=Look ahead with our calendar for order and ship dates;separatorsize=1")
aI("text=... View CCNow Cart;url=http://www.ccnow.com/cgi-local/cart.cgi?prsnlty_shopcart_http://www.personalizedletter.com/thankyou.shtml;status=View your account at the CCNow shopping cart;separatorsize=1")
aI("text=... Privacy Statement;url=http://www.personalizedletter.com/privacy.shtml;status=We value all privacy issues - please read;separatorsize=1")
aI("text=... Terms Of Use;url=http://www.personalizedletter.com/terms.shtml;status=Terms which this site may be used;separatorsize=1")
}

with(milonic=new menuname("holidayfun")){
itemwidth=140;
borderwidth=1;
style=menuStyle;
alignment="center";
aI("text=Holiday Fun Home;url=http://www.personalizedletter.com/Holidays/index.shtml;status=Exclusive Personality Creations Holiday Fun! All Major Holidays - Kid Safe!;separatorsize=1")
aI("text=Christmas;url=http://www.personalizedletter.com/Holidays/Christmas/index.html;status=Exclusive Personality Creations Holiday Fun! Crafts¬ Recipes¬ Games¬ Sing-Along and more!;target=_blank;separatorsize=1")
aI("text=Fall;url=http://www.personalizedletter.com/Holidays/Fall/fall.html;status=Exclusive Personality Creations Holiday Fun! Fall, Halloween and Thanksgiving!;target=_blank;separatorsize=1")
aI("text=St Patricks Day;url=http://www.personalizedletter.com/Holidays/StPatricks_Day/StPatMaster.shtml;status=Exclusive Personality Creations Holiday Fun! St Patrick\'s Day!;target=_blank;separatorsize=1")
aI("text=Email Postcards;url=http://www.personalizedletter.com/cards/index.shtml;status=Free Online Postcards;separatorsize=1")
}

with(milonic=new menuname("Other")){
itemwidth=150;
borderwidth=1;
style=menuStyle;
alignment="center";
aI("text=Site Credits;url=http://www.personalizedletter.com/credits.shtml;status=Those who helped make this site happen!;separatorsize=1")
aI("text=Awards Center;url=http://www.personalizedletter.com/awards/index.shtml;status=Apply for award Winners and Our awards;separatorsize=1")
aI("text=View Our Links or Add Your Link;url=http://www.personalizedletter.com/links.shtml;status=Trade links with us or check out links listed on our site!;separatorsize=1")
aI("text=Sponsor Ad Space;url=http://www.personalizedletter.com/adsinfo.shtml;status=Purchase ad space on our main area pages or newsletter;separatorsize=1")
aI("text=Top Sites!;url=http://www.personalizedletter.com/topsitesphp/;status=Personality Creations Top Sites! Join list or visit;target=_blank;separatorsize=1")
}



drawMenus();

There are some of these "¬" in the code that I don't know where they came from either. If that matters at all. I really appreciate you taking the time to help with this.... it's beginning to drive me crazy.

Post by **Ruth** » Thu Dec 11, 2003 5:07 am

To tell you the truth, I don't really know code. I'm one of those who does the take this out, see if it works, put that in see if it works.

Here's another link, it's for a zip file of the 4 milonic files I used on the page I put up. See if they work on that separate page you just had the link for. Or when you go to that link I had previously, then just get the files from your temp internet folder.

LINK REMOVED

Also, I am getting an error when I go to that link you just gave and highlight where the tooltip should be. I don't know why it's throwing that error, but I do know it's coming from the tooltips.js file,

Code: Select all

Line 75
character: 2
Error: '_Mtip is undefined

I found the line and it says null after it, something to do with konqueror. Perhaps that is conflicting with some code on your page. I'll leave the page up for a day or so.

Ruth

Milonic JavaScript Menu

Description box on mouseover

Description box on mouseover

confusion about the tooltips code

Here is the code, my sources can't be accessed

still not working on my site.