افکتی جهت نمایش پیغام و توضیحات در صفحه
۱- کد زیر را در قسمت head صفحه کپی نمایید
<script type=”text/javascript”>
//SET TOOLTIP DESCRIPTIONS BELOW
//Extend or contract array as needed
var description=new Array()
description[0]=’This is tool-tip description 1′
description[1]='<b>This is tool-tip descrition 2′
description[2]='<i>This is tool-tip description 3′
//Do not edit below here
iens6=document.all||document.getElementById
ns4=document.layers
<!–GLOBAL VARIABLES–>
var thename
var theobj
var thetext
var winHeight
var winPositionFromTop
var winWidth
var startH=2
var openTimer
<!–END GLOBAL VARIABLES–>
<!–GLOBAL FUNCTIONS–>
function ietruebody(){
return (document.compatMode && document.compatMode!=”BackCompat”)? document.documentElement : document.body
}
function setObj(text,theswitch,inwidth,inheight) {
thetext=text
if(iens6){
thename = “viewer”
theobj=document.getElementById? document.getElementById(thename):document.all.thename
winHeight=100
if(iens6&&document.all) {
winPositionFromTop=!window.opera? ietruebody().clientHeight : document.body.clientHeight
winWidth=(ietruebody().clientWidth-ietruebody().leftMargin)
}
if(iens6&&!document.all) {
winPositionFromTop=window.innerHeight
winWidth=(window.innerWidth-(ietruebody().offsetLeft+30))
}
if(theswitch==”override”) {
winWidth=inwidth
winHeight=inheight
}
theobj.style.width=winWidth+”px”
theobj.style.height=startH+”px”
if(iens6&&document.all) {
theobj.style.top=ietruebody().scrollTop+winPositionFromTop+”px”
//window.status=winPositionFromTop
theobj.innerHTML = “”
theobj.insertAdjacentHTML(“BeforeEnd”,”<table cellspacing=0 width=”+winWidth+” height=”+winHeight+” border=1><tr><td width=100% valign=top><font type=’times’ size=’2′ style=’color:black;font-weight:normal’>”+thetext+”</font></td></tr></table>”)
}
if(iens6&&!document.all) {
theobj.style.top=window.pageYOffset+winPositionFromTop+”px”
theobj.innerHTML = “”
theobj.innerHTML=”<table cellspacing=0 width=”+winWidth+” height=”+winHeight+” border=1><tr><td width=100% valign=top><font type=’times’ size=’2′ style=’color:black;font-weight:normal’>”+thetext+”</font></td></tr></table>”
}
}
if(ns4){
thename = “nsviewer”
theobj = eval(“document.”+thename)
winPositionFromTop=window.innerHeight
winWidth=window.innerWidth
winHeight=100
if(theswitch==”override”) {
winWidth=inwidth
winHeight=inheight
}
theobj.moveTo(0,eval(window.pageYOffset+winPositionFromTop))
theobj.width=winWidth
theobj.clip.width=winWidth
theobj.document.write(“<table cellspacing=0 width=”+winWidth+” height=”+winHeight+” border=1><tr><td width=100% valign=top><font type=’times’ size=’2′ style=’color:black;font-weight:normal’>”+thetext+”</font></td></tr></table>”)
theobj.document.close()
}
viewIt()
}
function viewIt() {
if(startH<=winHeight) {
if(iens6) {
theobj.style.visibility=”visible”
if(iens6&&document.all) {
theobj.style.top=(ietruebody().scrollTop+winPositionFromTop)-startH+”px”
}
if(iens6&&!document.all) {
theobj.style.top=(window.pageYOffset+winPositionFromTop)-startH+”px”
}
theobj.style.height=startH+”px”
startH+=2
openTimer=setTimeout(“viewIt()”,10)
}
if(ns4) {
theobj.visibility = “visible”
theobj.moveTo(0,(eval(window.pageYOffset+winPositionFromTop)-startH))
theobj.height=startH
theobj.clip.height=(startH)
startH+=2
openTimer=setTimeout(“viewIt()”,10)
}
}else{
clearTimeout(openTimer)
}
}
function stopIt() {
if(iens6) {
theobj.innerHTML = “”
theobj.style.visibility=”hidden”
startH=2
}
if(ns4) {
theobj.document.write(“”)
theobj.document.close()
theobj.visibility=”hidden”
theobj.width=0
theobj.height=0
theobj.clip.width=0
theobj.clip.height=0
startH=2
}
}
<!–END GLOBAL FUNCTIONS–>
</script>
۲- این بخش از کد را در قسمت body ، خارج از هر تگ دیگری کپی کنید.
<layer style=” background-color:#FFFF99; border-width:1px;z-index:1″></layer><script type=”text/javascript”>
if (iens6){
document.write(“<div id=’viewer’ style=’background-color:#FFFFCC;visibility:hidden;position:absolute;left:0;width:0;height:0;z-index:1;overflow:hidden;border:0px ridge white’></div>”)
}
if (ns4){
hideobj = eval(“document.nsviewer”)
hideobj.visibility=”hidden”
}
</script>
۳- کد زیر را در محل مورد نظر خود کپی نمایید
Example:<br>
<a href=”#” onMouseOver=”setObj(description[1],’override’,550,30)” onMouseOut=”clearTimeout(openTimer);stopIt()”>Test link</a>
