Nu har jeg næsten fået Totalkredit-løsningen til at virke. Men jeg kunne godt tænke mig en ramme hele vejen rundt og en anden skrifttype og -størrelse. Kan du hjælpe med det.
Se eksempel her:
www.kalendersystem.dk/popupDer er tale om 2 filer + grafikfilen.
Index.html
<head>
<SCRIPT type="text/JavaScript" src="bxphjaelp.js"></SCRIPT>
</head>
<body onload="popupInit();">
<table>
<tr>
<td><img style="border: 0px;" src="gfx/spg_3.gif" width="10" height="12" onmouseover="popup(1); this.style.cursor='pointer';" onmouseout="popout(1);" alt=""/>
<div style="position: absolute; background-color: Window;" id="divDescription"></div>
</td>
<td>Årstal1</td>
</tr>
</table>
</body>
bxphjaelp.js
/********************************************************************************
Copyright (C) 1999 Thomas Brattli
This script is made by and copyrighted to Thomas Brattli at
www.bratta.comVisit for more great scripts. This may be used freely as long as this msg is intact!
I will also appriciate any links you could give me.
********************************************************************************/
//Default browsercheck, added to all scripts!
function checkBrowser(){
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
//this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5 && this.dom) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this
}
bw=new checkBrowser()
messages=new Array()
messages[1]="Lånets låntype. Er det et Flexlån, type F1 eller et rentetilpasningslån kaldes det \"Rentetilpasningslån med årlig refinansiering\""
messages[2]="7-cifret kode for hvilke obligationer lånet er udstedt i. Fremgår af terminsopkrævning eller årsopgørelse."
messages[3]="Årlig pålydende rente, som betales på lånet. For kontantlån kaldes den også kontantlånsrenten og er typisk højere end obligationsrenteprocenten. Fremgår af terminsopkrævningen/årsopgørelsen."
messages[4]="Seneste restgæld. For kontantlån kaldes denne også kontantrestgælden og er typisk lavere end obligationsrestgælden. Fremgår af terminsopkrævningen/årsopgørelsen."
fromX=-15
fromY=20
bxpFromX=20
bxpFromY=-10
//Makes crossbrowser object.
function makeObj(obj){
this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?document.layers[obj]:0;
this.wref=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj].document:0;
this.writeIt=b_writeIt;
return this
}
function b_writeIt(text){if(bw.ns4){this.wref.write(text);this.wref.close()}
else this.wref.innerHTML=text}
//Capturing mousemove
var descx,descy;
function popmousemove(e){
if(bw.ns4 || bw.ns5){
descx=e.pageX;
descy=e.pageY
} else {
descx=event.x;
descy=event.y
}
// old code -mdk
// descx=bw.ns4?e.pageX:event.x; descy=bw.ns4?e.pageY:event.y
// descx=bw.ns5?e.pageX:event.x;
// descy=bw.ns5?e.pageY:event.y
}
//Initiates page
var isLoaded;
function popupInit(){
oDesc=new makeObj('divDescription')
if(bw.ns4)document.captureEvents(Event.MOUSEMOVE)
document.onmousemove=popmousemove;
isLoaded=true;
}
//Shows the messages
function popup(num){
if(isLoaded){
oDesc.writeIt('<div style="padding-top:1px; padding-left:1px; padding-bottom:1px;"><table cellspacing="0" cellpadding="0" border="0" class="HelpBackground"><tr><td colspan="3" bgcolor="#061746"></td></tr><tr><td width="1" bgcolor="#061746"></td><td width="155" style="padding-top : 1px;padding-left : 1px; padding-right : 2px; padding-bottom : 1px;" class="HelpText">'+messages[num]+'<br></font></td><td width="1" bgcolor="#061746"></td></tr><tr><td colspan="3" bgcolor="#061746"></td></tr></table></div>')
if(bw.ie5 || bw.ie6) descy=descy+document.body.scrollTop
oDesc.css.left=descx+fromX; oDesc.css.top=descy+fromY
oDesc.css.visibility='visible'
}
}
// Shows the messages
function bxpup(num) {
if(isLoaded) {
oDesc.writeIt('<div style="padding-top:1px; padding-left:1px; padding-bottom:1px;"><table cellspacing="0" cellpadding="0" border="0" class="HelpBackground"><tr><td colspan="3" bgcolor="#061746"></td></tr><tr><td width="1" bgcolor="#061746"></td><td width="155" style="padding-top : 1px;padding-left : 1px; padding-right : 2px; padding-bottom : 1px;" class="HelpText">'+ num +'<br></font></td><td width="1" bgcolor="#061746"></td></tr><tr><td colspan="3" bgcolor="#061746"></td></tr></table></div>')
if(bw.ie5 || bw.ie6) {
descy=descy + document.body.scrollTop;
}
oDesc.css.left=descx + bxpFromX;
oDesc.css.top=descy + bxpFromY;
oDesc.css.visibility='visible';
}
}
//Hides it
function popout(num){
if(isLoaded) oDesc.css.visibility='hidden'
}
//initiates page on pageload.
onload=popupInit;
