Milonic Tooltip ..not tooltipping =)

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
galneweinhaw
Advanced
Advanced
Posts: 10
Joined: Sat Apr 01, 2006 9:32 pm

Milonic Tooltip ..not tooltipping =)

Post by galneweinhaw »

I have been using a DHTML tooltip... but when added the Milonic menus the tooltips stopped working.

If I comment out the menu, then it starts working again.

Any idea why this might be happening?

THis is the js

Code: Select all

<div id="dhtmltooltip"></div>
<script type="text/javascript">
/***********************************************
* Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var offsetxpoint=-60 //Customize x offset of tooltip
var offsetypoint=20 //Customize y offset of tooltip
var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function ddrivetip(thetext, thecolor, thewidth){
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}

function positiontip(e){
if (enabletip){
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
//Find out how close the mouse is to the corner of the window
var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20

var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<tipobj.offsetWidth)
//move the horizontal position of the menu to the left by it's width
tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
else if (curX<leftedge)
tipobj.style.left="5px"
else
//position the horizontal position of the menu where the mouse is positioned
tipobj.style.left=curX+offsetxpoint+"px"

//same concept with the vertical position
if (bottomedge<tipobj.offsetHeight)
tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
else
tipobj.style.top=curY+offsetypoint+"px"
tipobj.style.visibility="visible"
}
}

function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.width=''
}
}

document.onmousemove=positiontip
</script>
Last edited by galneweinhaw on Mon Apr 03, 2006 4:55 am, edited 1 time in total.
vikenk
Mega Advanced
Mega Advanced
Posts: 297
Joined: Tue Nov 29, 2005 7:38 pm

Post by vikenk »

Hi,

Milonic has a toolips module of it's own as well. It's likely that the code for the tooltips is similar and conflicting. Even though you're not using the Milonic tooltips module, it seems like part of the code is in the main menu files.
galneweinhaw
Advanced
Advanced
Posts: 10
Joined: Sat Apr 01, 2006 9:32 pm

Post by galneweinhaw »

Ah... thanks for the tip. I might as well use the Milonic onethen if I can figure it out =)
galneweinhaw
Advanced
Advanced
Posts: 10
Joined: Sat Apr 01, 2006 9:32 pm

Post by galneweinhaw »

Ok, so I'm trying to use the Milonic tooltip...seems pretty simple.

Any reason why I can't get it to work then =)

http://www.happyhikers.ca/EternalCampaign/test.php

The text and little image SHOULD have a tooltip I think??
vikenk
Mega Advanced
Mega Advanced
Posts: 297
Joined: Tue Nov 29, 2005 7:38 pm

Post by vikenk »

Hi,

You need to load the milonic Source files *before* the tooltips script. You have the toolips script loaded first. I tested, and simply moving the toolips script down below the Milonic source file scripts did the trick.
galneweinhaw
Advanced
Advanced
Posts: 10
Joined: Sat Apr 01, 2006 9:32 pm

Post by galneweinhaw »

vikenk wrote:Hi,

You need to load the milonic Source files *before* the tooltips script. You have the toolips script loaded first. I tested, and simply moving the toolips script down below the Milonic source file scripts did the trick.
Sweet! thanks


Is there a way to set the styles of the box (using CSS) like you can the menus?

If so, what class do you use?

Thanks!
Post Reply