Help-Feld rechts / links vom Cursor positionieren

[Linuchs]

Hallo Martl,

die Definition für ".left" aus dem Style Sheet entfernen, da JavaScript die Zuweisungen für ".left" bzw. ".right" wohl immer vorzunehmen scheint.

Habe ich gemacht ohne Erfolg. Die Zuordnung für .style.right wollte nicht funktionieren, da ich abwechselnd right und left zuordne.

Ich weiss nicht, wie ich eine Zuordnung zurücknehmen kann ohne sie auf den Wert 0 zu setzen. Dies hat nicht funktioniert:

removeAttribute("style.left");

Meine Lösung: Ich positioniere das Helpfeld fixed und mit einer pixelgenauen Breite von 400. Dann kann ich vom Klickpunkt x den linken Rand berechnen und setzen. Das klappt:

  // Helpfeld auf Klickposition positionieren
  if ( x > window.innerWidth /2 ) {
    document.getElementById( "helptext" ).style.left  = ( x -400 -15) +"px";
  } else {
    document.getElementById( "helptext" ).style.left  = ( x +5 ) +"px";
  }

Etwas unschön, dass das Helpfeld beim Scrollen nicht mit der geklickten Position mitscrollt.

Linuchs