My latest creation is a static advert ticker positioned at the bottom of the window. It's contained within an <iframe> for easy placement on other websites. I added a <span> around the <iframe> to keep it fixed at the bottom of the screen. The script includes a help window enclosed in a tag inside the <iframe>, using the visible/hidden property to toggle text display.
However, there's a slight issue because the help text does not appear on the main window since it's within an <iframe>. To work around this, I enlarged the size of the <iframe> and set it to transparent.
Everything looks good visually, except for the fact that links underneath the <span><iframe> section cannot be clicked. I attempted to use CSS pointer-events without success, as the links within the <iframe> must remain clickable as well.
I'm unsure whether the issue stems from the <iframe> itself or the surrounding tag. Could it possibly be a security measure to prevent "clickjacking" or is there a solution available?
If necessary, I could shrink the <iframe> and utilize a JavaScript pop-up window to display the help text, although these windows tend to display the URL and status windows, which isn't ideal!
For reference, here's the code snippet:
<span style="position:fixed;bottom:10px;display:inline;width:100%">
<center>
<iframe src="http://www.xxx.com/cgi-bin/ticker/run_tick.pl?s=xzy" frameborder=0 align=top width=800px height=330px marginwidth=0 marginheight=0 hspace=0 vspace=0 scrolling=no allowtransparency=true></iframe>
</center>
</span>