Menü neber Mausposition öffnen

[Thomas_Jung]

Hallo ich habe folgenden Code im Netz gefunden der genau das macht.
Das Problem ist nur wenn der Mauszeiger ganz unten oder ganz rechts ist befindet sich das Menü nicht mehr im sichtbaren Bereich.
Läßt sich das vieleicht in diesem Script ändern so das, das Menü immer Sichtbar ist.

Gruß Thomas Jung

  var cX = 0;
  var cY = 0;
  var rX = 0;
  var rY = 0;

  function UpdateCursorPosition(e) {
    cX = e.pageX;
    cY = e.pageY;
  }

  function UpdateCursorPositionDocAll(e) {
    cX = event.clientX;
    cY = event.clientY;
  }
  if (document.all) {
    document.onmousemove = UpdateCursorPositionDocAll;
  } else {
    document.onmousemove = UpdateCursorPosition;
  }

  function AssignPosition(d) {
    if (self.pageYOffset) {
      rX = self.pageXOffset;
      rY = self.pageYOffset;
    } else if (document.documentElement && document.documentElement.scrollTop) {
      rX = document.documentElement.scrollLeft;
      rY = document.documentElement.scrollTop;
    } else if (document.body) {
      rX = document.body.scrollLeft;
      rY = document.body.scrollTop;
    }
    if (document.all) {
      cX += rX;
      cY += rY;
    }
    d.style.left = (cX + 10) + "px";
    d.style.top = (cY + 10) + "px";
  }

  function HideContent(d) {
    if (d.length < 1) {
      return;
    }
    document.getElementById(d).style.display = "none";
  }

  function ShowContent(d) {
    if (d.length < 1) {
      return;
    }
    var dd = document.getElementById(d);
    AssignPosition(dd);
    dd.style.display = "block";
  }

  function ReverseContentDisplay(d) {
    if (d.length < 1) {
      return;
    }
    var dd = document.getElementById(d);
    AssignPosition(dd);
    if (dd.style.display == "none") {
      dd.style.display = "block";
    } else {
      dd.style.display = "none";
    }
  }
  //-->

<a onmouseover="ShowContent('uniquename3'); return true;" onmouseout="HideContent('uniquename3'); return true;" href="javascript:ShowContent('uniquename3')">

[show on mouseover, hide on mouseout]

</a>

<div id="uniquename3" style="display:none; position:absolute; border-style: solid; background-color: white; padding: 5px;">

  Content goes here.

</div>

 

[Sempervivum]

Sieh dir Tooltipster an, das legt die Lage des Popup intelligent so fest, dass es immer sichtbar ist.
Tooltipster

 

[Thomas_Jung]

Hi Sempervivum,
wäre auch eine Lösung.
Vieleicht geht das auch ohne ein Plugin
Vielen Dank für deine Antwort.

Gruß Thomas Jung

 

[Sempervivum]

Geht selbstverständlich, aber warum immer wieder das Rad neu erfinden?