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

Autocomplete iframe and css

Expand Messages
  • nicholascjohnson
    Hello. I m trying to get the iframe shim from the autocomplete object to go behind the results container like it should. I m almost positive that it has
    Message 1 of 2 , Jul 25, 2007
    • 0 Attachment
      Hello. I'm trying to get the iframe shim from the autocomplete object
      to go behind the results container like it should. I'm almost positive
      that it has something to do with my markup/css but I'm stumped.

      Since it's an internal project, you can see a screen of the result at
      http://www.nicholascjohnson.com/yui-autocomplete.gif and here's the
      related markup and styling:

      <div id="nuc_lookup">
      <label>People Lookup:
      <input autocomplete="off" id="nuc_lookup_input"
      onfocus="nuc_emplkup_setOnFocus800(this);"
      onblur="nuc_emplkup_setOnBlur800(this);" value="First or Last name or
      S#" style="color: rgb(204, 204, 204);" type="text">
      <input
      src="http://134.20.14.71:7001/portal/server.pt/gateway/PTARGS_0_21125_800_0_0_43/http%3B/lwlsacp01%3B7003/NucleusExperience/faces/images/search.gif"
      title="Launch your search" type="image">
      </label>
      <div id="nuc_lookup_container"><div style="display: none;"
      class="yui-ac-content"><div style="display: none;"
      class="yui-ac-hd"></div><div class="yui-ac-bd"><ul><li style="display:
      none;"></li><li style="display: none;"></li><li style="display:
      none;"></li><li style="display: none;"></li><li style="display:
      none;"></li><li style="display: none;"></li><li style="display:
      none;"></li><li style="display: none;"></li><li style="display:
      none;"></li><li style="display: none;"></li></ul></div><div
      style="display: none;" class="yui-ac-ft"></div></div></div>
      <!-- <label>People Lookup:
      <input type="text" id="nuc_lookup_input" /> <input type="image"
      src="images/search.gif" title="Launch your search" />
      </label>
      -->
      </div>

      div#nuc_lookup {position:relative; width:400px;}
      div#nuc_lookup_container {color:#333; text-align:left;
      background:#fff; overflow:hidden; position:relative; top:4px;}
      div#nuc_lookup_container ul {list-style:none;}
      div#nuc_lookup_container li {float:none; padding:4px 6px;
      cursor:pointer; white-space:nowrap;}
      div#nuc_lookup_container li.yui-ac-highlight {background:#ffff69;}
      div#nuc_lookup_container div.yui-ac-content {z-index:9050;}
    • jennykhan
      Hi there, Have you tried setting the AutoComplete property useIFrame to true? The code you ve posted looks like the generated markup, which is not as helpful
      Message 2 of 2 , Aug 1, 2007
      • 0 Attachment
        Hi there,

        Have you tried setting the AutoComplete property "useIFrame" to true?
        The code you've posted looks like the generated markup, which is not
        as helpful as the implementation code itself. Perhaps you could try
        again, and send us the implementation markup and JavaScript code for
        your example.

        Thanks,
        Jenny



        --- In ydn-javascript@yahoogroups.com, "nicholascjohnson"
        <nicholascjohnson@...> wrote:
        >
        > Hello. I'm trying to get the iframe shim from the autocomplete object
        > to go behind the results container like it should. I'm almost positive
        > that it has something to do with my markup/css but I'm stumped.
        >
        > Since it's an internal project, you can see a screen of the result at
        > http://www.nicholascjohnson.com/yui-autocomplete.gif and here's the
        > related markup and styling:
        >
        > <div id="nuc_lookup">
        > <label>People Lookup:
        > <input autocomplete="off" id="nuc_lookup_input"
        > onfocus="nuc_emplkup_setOnFocus800(this);"
        > onblur="nuc_emplkup_setOnBlur800(this);" value="First or Last name or
        > S#" style="color: rgb(204, 204, 204);" type="text">
        > <input
        >
        src="http://134.20.14.71:7001/portal/server.pt/gateway/PTARGS_0_21125_800_0_0_43/http%3B/lwlsacp01%3B7003/NucleusExperience/faces/images/search.gif"
        > title="Launch your search" type="image">
        > </label>
        > <div id="nuc_lookup_container"><div style="display: none;"
        > class="yui-ac-content"><div style="display: none;"
        > class="yui-ac-hd"></div><div class="yui-ac-bd"><ul><li style="display:
        > none;"></li><li style="display: none;"></li><li style="display:
        > none;"></li><li style="display: none;"></li><li style="display:
        > none;"></li><li style="display: none;"></li><li style="display:
        > none;"></li><li style="display: none;"></li><li style="display:
        > none;"></li><li style="display: none;"></li></ul></div><div
        > style="display: none;" class="yui-ac-ft"></div></div></div>
        > <!-- <label>People Lookup:
        > <input type="text" id="nuc_lookup_input" /> <input type="image"
        > src="images/search.gif" title="Launch your search" />
        > </label>
        > -->
        > </div>
        >
        > div#nuc_lookup {position:relative; width:400px;}
        > div#nuc_lookup_container {color:#333; text-align:left;
        > background:#fff; overflow:hidden; position:relative; top:4px;}
        > div#nuc_lookup_container ul {list-style:none;}
        > div#nuc_lookup_container li {float:none; padding:4px 6px;
        > cursor:pointer; white-space:nowrap;}
        > div#nuc_lookup_container li.yui-ac-highlight {background:#ffff69;}
        > div#nuc_lookup_container div.yui-ac-content {z-index:9050;}
        >
      Your message has been successfully submitted and would be delivered to recipients shortly.