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

Tooltip z-index in 2.3.1

Expand Messages
  • foti-1@comcast.net
    A change to the Container code causes my tooltip to appear behind some other absolutely positioned elements now. I can t seem to find anything in the README
    Message 1 of 2 , Oct 1, 2007
    • 0 Attachment
      A change to the Container code causes my tooltip to appear behind some other absolutely positioned elements now. I can't seem to find anything in the README or documentation about setting the z-index for tooltips. Can someone clue me in? Thanks.

      My current code looks something like this:

      YAHOO.util.Event.on(window, 'load', function() {
      var els = document.getElementsByTagName('a');
      new YAHOO.widget.Tooltip( 'pageToolTip', {
      context : els,
      showdelay : 500,
      hidedelay : 250,
      effect : {effect:YAHOO.widget.ContainerEffect.FADE, duration:0.25}
      });
      });
    • foti-1@comcast.net
      Nevermind. The answer was simple... just add zIndex to the config: YAHOO.util.Event.on(window, load , function() { var els =
      Message 2 of 2 , Oct 1, 2007
      • 0 Attachment
        Nevermind. The answer was simple... just add zIndex to the config:

        YAHOO.util.Event.on(window, 'load', function() {
        var els = document.getElementsByTagName('a');
        new YAHOO.widget.Tooltip( 'pageToolTip', {
        context : els,
        showdelay : 500,
        hidedelay : 250,
        zIndex : 999,
        effect : {effect:YAHOO.widget.ContainerEffect.FADE, duration:0.25}
        });
        });



        -------------- Original message ----------------------
        From: foti-1@... (Peter Foti)
        > A change to the Container code causes my tooltip to appear behind some other
        > absolutely positioned elements now. I can't seem to find anything in the README
        > or documentation about setting the z-index for tooltips. Can someone clue me
        > in? Thanks.
        >
        > My current code looks something like this:
        >
        > YAHOO.util.Event.on(window, 'load', function() {
        > var els = document.getElementsByTagName('a');
        > new YAHOO.widget.Tooltip( 'pageToolTip', {
        > context : els,
        > showdelay : 500,
        > hidedelay : 250,
        > effect : {effect:YAHOO.widget.ContainerEffect.FADE, duration:0.25}
        > });
        > });
      Your message has been successfully submitted and would be delivered to recipients shortly.