Interstitial Content Box (v1.1) problem at select menu

[liyenn]

1) Script Title: Interstitial Content Box (v1.1)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/interstitial.htm

3) Describe problem:
I tried to use Interstitial Content Box in my form. It can be shown like what in the example... However, the select menu in my form is not overlaid by the Content Box. Thus , it appears on top the content box.

Anyone have this problem too? I'm using IE6.

How can i solve it?

Thank you!

[jscheuer1]

Use IE 7. That is a bug in IE from about v 5. It has been fixed in IE 7. All other browsers get it right.

You could put this in the head of your page to hide the select:


<!--[if gte IE 5]>
<![if lte IE 6]>
<script type="text/javascript">
document.write('<style id="kludge" type="text/css">\
select {\
visibility:hidden;\
<\/style>')
</script>
<![endif]>
<![endif]-->

And, add this (red) to the interstitial.js file's closeit:function() to reveal the select when the box closes:


closeit:function(){
if(typeof kludge!='undefined'&&typeof kludge.disabled=='boolean')
kludge.disabled=true;
this.interVeil.style.display="none"
this.interContainer.style.display="none"
if (this.disablescrollbars && window.XMLHttpRequest) //if disablescrollbars enabled and modern browsers- IE7, Firefox, Safari, Opera 8+ etc
this.standardbody.style.overflow="auto"
if (typeof this.timervar!="undefined") clearTimeout(this.timervar)
},