PDA

View Full Version : Link Floatie Script - IE Error (resolved - New problem CSS



gpigate
01-08-2009, 03:37 PM
1) Script Title: Link Floatie Script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex5/linkfloaties.htm

3) Describe problem: Getting Error on Page when viewed in IE. Says line 463 iens6 is undefined. When you pull source line 463 is the if below.

it doesnt do this when looking at the dd script on the dd site in IE..... and its an exact copy.

<layer name="nsviewer" bgcolor="#d9e2ff" style="border-width:thin;z-index:1"></layer>
<script type="text/javascript">
if (iens6){
document.write("<div id='viewer' style='background-color:#d9e2ff;visibility:hidden;position:absolute;right:0;width:0;height:0;z-index:1;overflow:hidden;border:0 black;'></div>")
}
if (ns4){
hideobj = eval("document.nsviewer")
hideobj.visibility="hidden"
}
</script>

The script works and does what it is supposed to but I am getting this error.

Link to page ? http://outdoorsindoors.net/DEV/GPAW/index.php?page=mods/calc/calc1

gpigate
01-08-2009, 03:41 PM
found and fixed.... i love it when all I have to do is post a thread to find the problem.. been looking for it for an hour :)

gpigate
01-08-2009, 03:49 PM
I do have a question on positioning though. It works fine if I put the link floatie invocation code outside of my normal divs. but if I place my hints image and the code inside of the footer where I want it throws it WAY down to the bottom and far right creating scroll bars



here are the styles for the footer.

} #calc .calcfoot {
background: url(calc1_foot.jpg);
text-align: left;
width: 780px;
height: 48px;
position: absolute;
bottom: 0;
} #calc .calcfoot .hints {position: absolute; bottom:15px; left: 15px;
} #calc .calcfoot .sbmtbtn {background: url(submit_btn.jpg) no-repeat top left; border:none; position: absolute; bottom:15px; right: 15px; width:76px; color:#004eab; padding: 2px 8px; font-size: 8pt; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align:center; font-weight:bold;
} #calc .calcfoot .sbmtbtn:hover{background: url(submit_btn_h.jpg) no-repeat top left; border:none; position: absolute; bottom:15px; right: 15px; width:76px; color:#000000; padding: 2px 8px; font-size: 8pt; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align:center; font-weight:bold;
}

<div id="calcfoot" class="calcfoot"><div id="dhtmlfloatie" ></div><a href="#" onMouseover="showfloatie(floattext[0], event, '#D9FFD9', 250, 100)"><img src="themes/CCS/hints.gif" class="hints" border="0"></a><div id="Submit"><input type="submit" class="sbmtbtn" name="c1submit" value="Submit"/></div></div>
</div>
</div>


these are just the parts I think are involved. Same link as above in original post. if you need more of the code let me know. the last div there is the last div in the page.. If i place it outside of that it works fine putting it at the bottom right of the page without scrolling. I know the style is conflicting with something else... just cant find it.

the link /image I am using is the question mark bottom left in the footer.