OK, on your page put this (highlighted) code after the balloon tip js external script tag (partially shown for reference, but not highlighted):
Code:
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
var cookie = {
set:function(n, v, d){ //name value optional_persist_days
if(d){var dt=new Date();
dt.setDate(dt.getDate()+d);
d='; expires='+dt.toGMTString();}
document.cookie=n+'='+escape(v)+(d? d : '')+'; path=/';
},
get:function(n){ //name
var c=document.cookie.match('(^|;)\x20*'+n+'=([^;]*)');
return c? unescape(c[2]) : null;
},
kill:function(n){ //name
cookie.set(n, '', -1);
}
};
onload=function(){
if(!cookie.get('tipShown')){
setTimeout("displayballoontip(document.getElementById('tip1'), {type:'mouseover'})", 0);
setTimeout(delayhidemenu, 1000);
cookie.set('tipShown', 'true');
}
}
</script>
In it I've colored red the two items you may wish to take note of. The first is a unique id you should assign to the tip trigger that you want to give this treatment to, ex:
Code:
<a id="tip1" href="http://www.dynamicdrive.com/style/" rel="balloon1">Dynamic Drive CSS Library</a>
It will now display onload, once per session. The other item is the delay before removing the tip. I've set it to 1 second (1000 milliseconds). You may want to increase it. The higher the number, the longer the tip will display onload. If the user mouses over and out of the tip's trigger it will disappear onmouseout.
Bookmarks