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

Overlib and IE over boxes in form

Expand Messages
  • Olaf Lageveen
    Hai there, Have used overlib for a few months now, but i have something curieus which i dont understand. Perhaps you can help me ;) I have this page,
    Message 1 of 3 , Jul 1, 2005
    • 0 Attachment
      Hai there,
      Have used overlib for a few months now, but i have something curieus
      which i dont understand. Perhaps you can help me ;)

      I have this page, http://home.laagdal.nl/pages/zoekpagina.asp. Under
      the questionmarks i used overlib. When i hover my mouse over the qm's,
      the overlib-screens go under the textboxes. How is that possible. You
      can see the code underneeth. On other pages it works fine.

      Do you have an answer?

      tia

      Olaf

      If the page is not availlable, here is a part of the html:
      [begin code]

      <html>

      <head>

      <meta http-equiv="Content-Language" content="nl">
      <meta name="GENERATOR" content="Microsoft FrontPage 6.0">
      <meta name="ProgId" content="FrontPage.Editor.Document">
      <meta http-equiv="imagetoolbar" content="no" />
      <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
      <title>Zoekpagina</title>
      <link rel="stylesheet" type="text/css" href="../style.css.asp">
      <script type="text/javascript"
      src="http://localhost/js/overLib/overlib.js"><!-- overLIB (c) Erik
      Bosrup --></script>
      </head>

      <body
      onload="document.invulscherm.trefwoord.focus();setVeld(document.invulscherm.trefwoord);"
      oncontextmenu="return true;">

      <div id="overDiv" style="position:absolute; visibility:visible;
      z-index:1000"> </div>

      <h1>Zoekmachine</h1>

      <p>Via deze pagina kunt u zoeken naar werken van Anton Pieck. U kunt
      bijvoorbeeld kijken of er werken zijn met stadsgezicht van uw
      woonplaats, een
      bepaalde ambacht of een sprookje. Indien u alle informatie wilt zien,
      vult u
      niets in en drukt op zoeken.
      <b><i><font color="#FF0000">Gebruik de muis om het toetsenbord op het
      scherm te bedienen.</font></i></b></p>



      <form method="POST" action="resultaat.asp" name="invulscherm">
      <div align="center">
      <table cellpadding="0" id="AutoNumber1" width="100%" height="0"
      cellspacing="0">
      <!-- MSTableType="nolayout" -->
      <tr height=40>
      <td width="44%" align="right">Ik wil zoeken op:</td>
      <td width="38%">
      <input type="text" name="trefwoord" size="27" tabindex="1"
      onclick="setVeld(this);" id="trefwoord" class="text"><img border="0"
      src="../images/vraag.gif" width="30" height="30" onmouseover="return
      overlib('Hier kunt u een plaats, gebeurtenis of objectnummer invullen
      (bijvoorbeeld Amsterdam, Kermis, 0150)');" onmouseout="return
      nd();">  
      <td width="18%" rowspan="4">
      <select size="9" name="lijst" class="lijst" id="lijst"
      onclick="trefwoord.value = this.value" tabindex="8" >
      <option value='1906'>1906</option><option
      value='1918'>1918</option><option value='1920'>1920</option><option
      value='1940-1945'>1940-1945</option><option value='25-jarig jubileum
      "De Efteling"'>25-jarig jubileum "De Efteling"</option>
      </select>
      </td>
      </tr>

      <tr height=40>
      <td width="44%" align="right">Ik zoek alles uit de periode:</td>
      <td width="38%">
      <select size="1" name="periode" tabindex="3" class="text" >
      <option value=""></option>
      <option value=1910>1910 - 1919</option><option value=1920>1920 -
      1929</option><option value=1930>1930 - 1939</option><option
      value=1940>1940 - 1949</option><option value=1950>1950 -
      1959</option><option value=1960>1960 - 1969</option><option
      value=1970>1970 - 1979</option><option value=1980>1980 -
      1989</option><option value=1990>1990 - 1999</option><option
      value=2000>2000 - 2005</option>
      </select>
      <a href="javascript:void(0);" onmouseover="return overlib('Laat
      werken uit een bepaalde periode zien');" onmouseout="return
      nd();"><img border="0" src="../images/vraag.gif" width="30"
      height="30"></a></td>
      </tr>
      <tr height=40>
      <td width="44%" align="right">Ik zoek alles in de categorie:</td>
      <td width="38%">
      <select size="1" name="categorie" tabindex="4" class="text">
      <option value=></option><option value=boek>boek</option><option
      value=foto>foto</option><option
      value=gereedschap>gereedschap</option><option
      value=grafiek>grafiek</option><option
      value=reproductie>reproductie</option><option
      value=schildering>schildering</option><option
      value=tekening>tekening</option>

      </select><a href="javascript:void(0);" onmouseover="return
      overlib('Kies een categorie');" onmouseout="return nd();"><img
      border="0" src="../images/vraag.gif" width="30" height="30"></a></td>
      </tr>
      <tr height=40>
      <td width="44%" align="right">
       </td>
      <td width="38%">
      <input type="submit" value="Zoeken" name="B1" tabindex="5"><input
      type="reset" value="Leegmaken" name="B2" tabindex="6"></td>
      </tr>

      [end code]
    • The Web Maestro
      Olaf, This is a bug in the browser implementation for FORMs and SELECT boxes. It has been discussed on this list many times before, so you should be able to
      Message 2 of 3 , Jul 1, 2005
      • 0 Attachment
        Olaf,

        This is a bug in the browser implementation for FORMs and SELECT boxes.
        It has been discussed on this list many times before, so you should be
        able to find some help in the archives.

        The short answer it:
        - you can use the 'hideform' plugin, which is primarily for IE, since
        later versions of Mozilla don't exhibit the problem
        - for some browsers you won't find a fix and the only workaround is to
        make certain the overlib popup doesn't display over that area (i.e.,
        put the question mark on the left?)

        Hope this helps!

        On Jul 1, 2005, at 1:07 PM, Olaf Lageveen wrote:
        > Hai there,
        > Have used overlib for a few months now, but i have something curieus
        > which i dont understand. Perhaps you can help me ;)
        >
        > I have this page, http://home.laagdal.nl/pages/zoekpagina.asp. Under
        > the questionmarks i used overlib. When i hover my mouse over the qm's,
        > the overlib-screens go under the textboxes. How is that possible. You
        > can see the code underneeth. On other pages it works fine.
        >
        > Do you have an answer?
        >
        > tia
        >
        > Olaf
        >
        > If the page is not availlable, here is a part of the html:
        > [begin code]
        >
        > <html>
        >
        > <head>
        >
        > <meta http-equiv="Content-Language" content="nl">
        > <meta name="GENERATOR" content="Microsoft FrontPage 6.0">
        > <meta name="ProgId" content="FrontPage.Editor.Document">
        > <meta http-equiv="imagetoolbar" content="no" />
        > <meta http-equiv="Content-Type" content="text/html;
        > charset=windows-1252">
        > <title>Zoekpagina</title>
        > <link rel="stylesheet" type="text/css" href="../style.css.asp">
        > <script type="text/javascript"
        > src="http://localhost/js/overLib/overlib.js"><!-- overLIB (c) Erik
        > Bosrup --></script>
        > </head>
        >
        > <body
        > onload="document.invulscherm.trefwoord.focus();
        > setVeld(document.invulscherm.trefwoord);"
        > oncontextmenu="return true;">
        >
        > <div id="overDiv" style="position:absolute; visibility:visible;
        > z-index:1000"> </div>
        >
        > <h1>Zoekmachine</h1>
        >
        > <p>Via deze pagina kunt u zoeken naar werken van Anton Pieck. U kunt
        > bijvoorbeeld kijken of er werken zijn met stadsgezicht van uw
        > woonplaats, een
        > bepaalde ambacht of een sprookje. Indien u alle informatie wilt zien,
        > vult u
        > niets in en drukt op zoeken.
        > <b><i><font color="#FF0000">Gebruik de muis om het toetsenbord op het
        > scherm te bedienen.</font></i></b></p>
        >
        >
        >
        > <form method="POST" action="resultaat.asp" name="invulscherm">
        > <div align="center">
        > <table cellpadding="0" id="AutoNumber1" width="100%" height="0"
        > cellspacing="0">
        > <!-- MSTableType="nolayout" -->
        > <tr height=40>
        > <td width="44%" align="right">Ik wil zoeken op:</td>
        > <td width="38%">
        > <input type="text" name="trefwoord" size="27" tabindex="1"
        > onclick="setVeld(this);" id="trefwoord" class="text"><img border="0"
        > src="../images/vraag.gif" width="30" height="30" onmouseover="return
        > overlib('Hier kunt u een plaats, gebeurtenis of objectnummer invullen
        > (bijvoorbeeld Amsterdam, Kermis, 0150)');" onmouseout="return
        > nd();">  
        > <td width="18%" rowspan="4">
        > <select size="9" name="lijst" class="lijst" id="lijst"
        > onclick="trefwoord.value = this.value" tabindex="8" >
        > <option value='1906'>1906</option><option
        > value='1918'>1918</option><option value='1920'>1920</option><option
        > value='1940-1945'>1940-1945</option><option value='25-jarig jubileum
        > "De Efteling"'>25-jarig jubileum "De Efteling"</option>
        > </select>
        > </td>
        > </tr>
        >
        > <tr height=40>
        > <td width="44%" align="right">Ik zoek alles uit de periode:</td>
        > <td width="38%">
        > <select size="1" name="periode" tabindex="3" class="text" >
        > <option value=""></option>
        > <option value=1910>1910 - 1919</option><option value=1920>1920 -
        > 1929</option><option value=1930>1930 - 1939</option><option
        > value=1940>1940 - 1949</option><option value=1950>1950 -
        > 1959</option><option value=1960>1960 - 1969</option><option
        > value=1970>1970 - 1979</option><option value=1980>1980 -
        > 1989</option><option value=1990>1990 - 1999</option><option
        > value=2000>2000 - 2005</option>
        > </select>
        > <a href="javascript:void(0);" onmouseover="return overlib('Laat
        > werken uit een bepaalde periode zien');" onmouseout="return
        > nd();"><img border="0" src="../images/vraag.gif" width="30"
        > height="30"></a></td>
        > </tr>
        > <tr height=40>
        > <td width="44%" align="right">Ik zoek alles in de categorie:</td>
        > <td width="38%">
        > <select size="1" name="categorie" tabindex="4" class="text">
        > <option value=></option><option value=boek>boek</option><option
        > value=foto>foto</option><option
        > value=gereedschap>gereedschap</option><option
        > value=grafiek>grafiek</option><option
        > value=reproductie>reproductie</option><option
        > value=schildering>schildering</option><option
        > value=tekening>tekening</option>
        >
        > </select><a href="javascript:void(0);" onmouseover="return
        > overlib('Kies een categorie');" onmouseout="return nd();"><img
        > border="0" src="../images/vraag.gif" width="30" height="30"></a></td>
        > </tr>
        > <tr height=40>
        > <td width="44%" align="right">
        >  </td>
        > <td width="38%">
        > <input type="submit" value="Zoeken" name="B1" tabindex="5"><input
        > type="reset" value="Leegmaken" name="B2" tabindex="6"></td>
        > </tr>
        >
        > [end code]
        >
        >
        >
        >
        > Homepage: http://www.bosrup.com/web/overlib/
        > Archive: http://groups.yahoo.com/group/overlib/
        > e: http://www.bosrup.com/web/overlib/
        > Archive: http://groups.yahoo.com/group/overlib/
        >
        > Yahoo! Groups Links
        >
        >
        >
        >
        >
        >
        >

        Regards,

        Web Maestro Clay
        --
        <the.webmaestro@...> - <http://homepage.mac.com/webmaestro/>
        My religion is simple. My religion is kindness.
        - HH The 14th Dalai Lama of Tibet
      • Olaf Lageveen
        Hey Maestro, Your hint worked. I searched the overlibsite for ten minutes, before i realized they were packed within the overlib-zipfile ;) Guess that staying
        Message 3 of 3 , Jul 1, 2005
        • 0 Attachment
          Hey Maestro,

          Your hint worked. I searched the overlibsite for ten minutes, before i
          realized they were packed within the overlib-zipfile ;)

          Guess that staying up to long affects my thinking ;)

          Thanks for the quick reaction

          Olaf

          The Web Maestro schreef:
          > Olaf,
          >
          > This is a bug in the browser implementation for FORMs and SELECT boxes.
          > It has been discussed on this list many times before, so you should be
          > able to find some help in the archives.
          >
          > The short answer it:
          > - you can use the 'hideform' plugin, which is primarily for IE, since
          > later versions of Mozilla don't exhibit the problem
          > - for some browsers you won't find a fix and the only workaround is to
          > make certain the overlib popup doesn't display over that area (i.e.,
          > put the question mark on the left?)
          >
          > Hope this helps!
          >
          > On Jul 1, 2005, at 1:07 PM, Olaf Lageveen wrote:
          > > Hai there,
          > > Have used overlib for a few months now, but i have something curieus
          > > which i dont understand. Perhaps you can help me ;)
          > >
          > > I have this page, http://home.laagdal.nl/pages/zoekpagina.asp. Under
          > > the questionmarks i used overlib. When i hover my mouse over the qm's,
          > > the overlib-screens go under the textboxes. How is that possible. You
          > > can see the code underneeth. On other pages it works fine.
          > >
          > > Do you have an answer?
          > >
          > > tia
          > >
          > > Olaf
          > >
          > > If the page is not availlable, here is a part of the html:
          > > [begin code]
          > >
          > > <html>
          > >
          > > <head>
          > >
          > > <meta http-equiv="Content-Language" content="nl">
          > > <meta name="GENERATOR" content="Microsoft FrontPage 6.0">
          > > <meta name="ProgId" content="FrontPage.Editor.Document">
          > > <meta http-equiv="imagetoolbar" content="no" />
          > > <meta http-equiv="Content-Type" content="text/html;
          > > charset=windows-1252">
          > > <title>Zoekpagina</title>
          > > <link rel="stylesheet" type="text/css" href="../style.css.asp">
          > > <script type="text/javascript"
          > > src="http://localhost/js/overLib/overlib.js"><!-- overLIB (c) Erik
          > > Bosrup --></script>
          > > </head>
          > >
          > > <body
          > > onload="document.invulscherm.trefwoord.focus();
          > > setVeld(document.invulscherm.trefwoord);"
          > > oncontextmenu="return true;">
          > >
          > > <div id="overDiv" style="position:absolute; visibility:visible;
          > > z-index:1000"> </div>
          > >
          > > <h1>Zoekmachine</h1>
          > >
          > > <p>Via deze pagina kunt u zoeken naar werken van Anton Pieck. U kunt
          > > bijvoorbeeld kijken of er werken zijn met stadsgezicht van uw
          > > woonplaats, een
          > > bepaalde ambacht of een sprookje. Indien u alle informatie wilt zien,
          > > vult u
          > > niets in en drukt op zoeken.
          > > <b><i><font color="#FF0000">Gebruik de muis om het toetsenbord op het
          > > scherm te bedienen.</font></i></b></p>
          > >
          > >
          > >
          > > <form method="POST" action="resultaat.asp" name="invulscherm">
          > > <div align="center">
          > > <table cellpadding="0" id="AutoNumber1" width="100%" height="0"
          > > cellspacing="0">
          > > <!-- MSTableType="nolayout" -->
          > > <tr height=40>
          > > <td width="44%" align="right">Ik wil zoeken op:</td>
          > > <td width="38%">
          > > <input type="text" name="trefwoord" size="27" tabindex="1"
          > > onclick="setVeld(this);" id="trefwoord" class="text"><img border="0"
          > > src="../images/vraag.gif" width="30" height="30" onmouseover="return
          > > overlib('Hier kunt u een plaats, gebeurtenis of objectnummer invullen
          > > (bijvoorbeeld Amsterdam, Kermis, 0150)');" onmouseout="return
          > > nd();">  
          > > <td width="18%" rowspan="4">
          > > <select size="9" name="lijst" class="lijst" id="lijst"
          > > onclick="trefwoord.value = this.value" tabindex="8" >
          > > <option value='1906'>1906</option><option
          > > value='1918'>1918</option><option value='1920'>1920</option><option
          > > value='1940-1945'>1940-1945</option><option value='25-jarig jubileum
          > > "De Efteling"'>25-jarig jubileum "De Efteling"</option>
          > > </select>
          > > </td>
          > > </tr>
          > >
          > > <tr height=40>
          > > <td width="44%" align="right">Ik zoek alles uit de periode:</td>
          > > <td width="38%">
          > > <select size="1" name="periode" tabindex="3" class="text" >
          > > <option value=""></option>
          > > <option value=1910>1910 - 1919</option><option value=1920>1920 -
          > > 1929</option><option value=1930>1930 - 1939</option><option
          > > value=1940>1940 - 1949</option><option value=1950>1950 -
          > > 1959</option><option value=1960>1960 - 1969</option><option
          > > value=1970>1970 - 1979</option><option value=1980>1980 -
          > > 1989</option><option value=1990>1990 - 1999</option><option
          > > value=2000>2000 - 2005</option>
          > > </select>
          > > <a href="javascript:void(0);" onmouseover="return overlib('Laat
          > > werken uit een bepaalde periode zien');" onmouseout="return
          > > nd();"><img border="0" src="../images/vraag.gif" width="30"
          > > height="30"></a></td>
          > > </tr>
          > > <tr height=40>
          > > <td width="44%" align="right">Ik zoek alles in de categorie:</td>
          > > <td width="38%">
          > > <select size="1" name="categorie" tabindex="4" class="text">
          > > <option value=></option><option value=boek>boek</option><option
          > > value=foto>foto</option><option
          > > value=gereedschap>gereedschap</option><option
          > > value=grafiek>grafiek</option><option
          > > value=reproductie>reproductie</option><option
          > > value=schildering>schildering</option><option
          > > value=tekening>tekening</option>
          > >
          > > </select><a href="javascript:void(0);" onmouseover="return
          > > overlib('Kies een categorie');" onmouseout="return nd();"><img
          > > border="0" src="../images/vraag.gif" width="30" height="30"></a></td>
          > > </tr>
          > > <tr height=40>
          > > <td width="44%" align="right">
          > >  </td>
          > > <td width="38%">
          > > <input type="submit" value="Zoeken" name="B1"
          > tabindex="5"><input
          > > type="reset" value="Leegmaken" name="B2" tabindex="6"></td>
          > > </tr>
          > >
          > > [end code]
          > >
          > >
          > >
          > >
          > > Homepage: http://www.bosrup.com/web/overlib/
          > > Archive: http://groups.yahoo.com/group/overlib/
          > > e: http://www.bosrup.com/web/overlib/
          > > Archive: http://groups.yahoo.com/group/overlib/
          > >
          > > Yahoo! Groups Links
          > >
          > >
          > >
          > >
          > >
          > >
          > >
          >
          > Regards,
          >
          > Web Maestro Clay
          > --
          > <the.webmaestro@...> - <http://homepage.mac.com/webmaestro/>
          > My religion is simple. My religion is kindness.
          > - HH The 14th Dalai Lama of Tibet
          >
          >
          >
          > Homepage: http://www.bosrup.com/web/overlib/
          > Archive: http://groups.yahoo.com/group/overlib/
          > e: http://www.bosrup.com/web/overlib/
          > Archive: http://groups.yahoo.com/group/overlib/
          >
          >
          >
          > ------------------------------------------------------------------------
          > YAHOO! GROUPS LINKS
          >
          > * Visit your group "overlib
          > <http://groups.yahoo.com/group/overlib>" on the web.
          >
          > * To unsubscribe from this group, send an email to:
          > overlib-unsubscribe@yahoogroups.com
          > <mailto:overlib-unsubscribe@yahoogroups.com?subject=Unsubscribe>
          >
          > * Your use of Yahoo! Groups is subject to the Yahoo! Terms of
          > Service <http://docs.yahoo.com/info/terms/>.
          >
          >
          > ------------------------------------------------------------------------
          >
          >
          > ------------------------------------------------------------------------
          >
          > No virus found in this incoming message.
          > Checked by AVG Anti-Virus.
          > Version: 7.0.323 / Virus Database: 267.8.8/35 - Release Date: 30-6-2005

          --
          Met vriendelijke groet,

          Olaf Lageveen

          -------------
          Homepage: http://www.laagdal.nl
          Forum: http://forum.laagdal.nl
        Your message has been successfully submitted and would be delivered to recipients shortly.