Loading ...
Sorry, an error occurred while loading the content.

Re: Overlay a tag not clickable in IE6

Expand Messages
  • ian_percival
    Well I figured it out all by myself... so thanks for nothing (jk) I am posting the solution in case anyone finds this via search and needs the solution. I
    Message 1 of 3 , May 8, 2007
    • 0 Attachment
      Well I figured it out all by myself... so thanks for nothing (jk)

      I am posting the solution in case anyone finds this via search and
      needs the solution.

      I dropped the do_overlay() JS function and replaced it with the
      following CSS definition.

      <style type="text/css">

      #mainOverlay {
      position: absolute;
      top: 50px;
      left: 325px;
      }
      #sencondaryOverlay {
      position: absolute;
      top: 0px;
      left: 650px;
      }

      </style>

      This has it working in IE6 and any other browser who may have their JS
      turned off.


      --- In ydn-javascript@yahoogroups.com, "ian_percival"
      <ian_percival@...> wrote:
      >
      > Can anyone help me on this?
      >
      >
      > --- In ydn-javascript@yahoogroups.com, "ian_percival"
      > <ian_percival@> wrote:
      > >
      > > I am using Yahoo overlay to put some text to the screen over an image.
      > >
      > > The text contains 2 links... neither of them are clickable in IE6 but
      > > they both work in IE7 and FF.
      > >
      > > Any insight as to what I can do to get it working in IE6?
      > >
      > > **********SOURCE*************
      > >
      > > <link rel="stylesheet" type="text/css"
      > >
      >
      href="http://yui.yahooapis.com/2.2.2/build/container/assets/container.css">
      > > <link rel="stylesheet" type="text/css" href="/css/entry.css">
      > >
      > > <!-- Dependencies -->
      > > <script type="text/javascript"
      > >
      >
      src="http://yui.yahooapis.com/2.2.2/build/yahoo-dom-event/yahoo-dom-event.js"></script>
      > >
      > > <!-- Source file -->
      > > <script type="text/javascript"
      > >
      >
      src="http://yui.yahooapis.com/2.2.2/build/container/container_core-min.js"></script>
      > >
      > > <script language="javascript">
      > > function do_overlay() {
      > > var mainOverlay = new YAHOO.widget.Overlay("mainOverlay");
      > > mainOverlay.cfg.setProperty("xy", [325, 50]);
      > >
      > > var sencondaryOverlay = new
      > YAHOO.widget.Overlay("sencondaryOverlay");
      > > sencondaryOverlay.cfg.setProperty("xy", [650, 0]);
      > > }
      > > </script>
      > >
      > >
      > > <div id="mainOverlay" style="height: 800px; width: 400px;">
      > > <div style="align: center;"><img
      src="/images/rigpig_title.gif"></div>
      > >
      > > <div style="font-size: 8pt; padding-top: 10px; padding-bottom: 15px;
      > > color: #ffffff;">
      > > This website contains Adult content and nudity.
      > > By clicking to enter this site you agree that you are
      > > legally able to view this type of content.
      > > </div>
      > >
      > > <div style="float: left;"><a href="/home.php">Enter
      Website</a></div>
      > > <div style="float: right;"><a href="about:blank">Leave
      > Website</a></div>
      > >
      > > </div>
      > > </div>
      > >
      > > <div id="sencondaryOverlay">
      > > <div style="font-size: 8pt; color: #ffffff;">
      > > <span style="font-weight: bold;">The ...... now has new </span>
      > > <span style="font-weight: bold; font-size: 14pt;">extended dancer
      > > hours!</span><br><br>
      > > <table style="color: #ffffff;">
      > > <tr>
      > >
      > > <td>
      > > MONDAY - THURSDAY
      > > </td>
      > > <td>
      > > 12:05 PM - 12:15 AM
      > > </td>
      > > </tr>
      > > <tr>
      > > <td>
      > > FRIDAY
      > > </td>
      > >
      > > <td>
      > > 12:05 PM - 12:45 AM
      > > </td>
      > > </tr>
      > > <tr>
      > > <td>
      > > SATURDAY
      > > </td>
      > > <td>
      > > 12:30 PM - 11:15 PM
      > > </td>
      > >
      > > </tr>
      > > </table>
      > > </div>
      > > </div>
      > >
      >
    Your message has been successfully submitted and would be delivered to recipients shortly.