[JavaScript] Positioinierung eines divs nach klick??

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [JavaScript] Positioinierung eines divs nach klick??

    Hi Leute,

    irgenwie komm ich nicht drauf, ich möchte immer etwas versetzt nach nem klick auf ein feld nen divcontainer anzeigen lassen?

    PHP-Code:
    function updateWMTT(e) {
            
    = (document.all) ? window.event.document.body.scrollLeft e.pageX;
            
    = (document.all) ? window.event.document.body.scrollTop  e.pageY;
        
            if (
    wmtt != null) {
            
    wmtt.style.left = (5) + "px";
            
    wmtt.style.top  = (5) + "px";
            }
            
        }
        
        function 
    showWMTT(id) {
            
    wmtt document.getElementById(id);
            
    wmtt.style.display "block"
        
    }
        
        function 
    hideWMTT() {
            
    wmtt.style.display "none";
        } 
    Das is so ein hover effekt!

    UND HIER DER AUFRUF?
    PHP-Code:
    <span onMouseOver=\"showWMTT('$commentdiv')\" onMouseOut=\"hideWMTT()\">
    <a href=\"test.php?id=
    $id&action=comment&maintask=$_GET[maintask]\">Comment</a></span> 
    Also wenn ich über den link fahre belendet er mir das span ein!

    Aber wie kann ich es so positionieren, dass es immer neben dem angeklickten erscheint???

    Hab schon einigezeit gesucht leider bis jetzt ohne Erfolg!!

    DANKE

    MFG
    MIKE

  • #2
    PHP-Code:
    wmtt.style.display "inline"
    anstatt display="block"
    it's not a bug,
    it's a feature!

    Kommentar


    • #3
      Original geschrieben von XGremliN
      PHP-Code:
      wmtt.style.display "inline"
      anstatt display="block"
      Ging leider nicht!

      habe auch noch folgenden Code eingebunden:
      PHP-Code:
      // DRAG & DROP
      //Das Objekt, das gerade bewegt wird.
      var dragobjekt null;
      // Position, an der das Objekt angeklickt wurde.
      var dragx 0;
      var 
      dragy 0;
      // Mausposition
      var posx 0;
      var 
      posy 0;

      function 
      draginit() {
       
      // Initialisierung der Uberwachung der Events

        
      document.onmousemove drag;
        
      document.onmouseup dragstop;
      }

      function 
      dragstart(element) {
         
      //Wird aufgerufen, wenn ein Objekt bewegt werden soll.

        
      dragobjekt element;
        
      dragx posx dragobjekt.offsetLeft;
        
      dragy posy dragobjekt.offsetTop;
      }

      function 
      dragstop() {
        
      //Wird aufgerufen, wenn ein Objekt nicht mehr bewegt werden soll.

        
      dragobjekt=null;
      }

      function 
      drag(ereignis) {
        
      //Wird aufgerufen, wenn die Maus bewegt wird und bewegt bei Bedarf das Objekt.

        
      posx document.all window.event.clientX ereignis.pageX;
        
      posy document.all window.event.clientY ereignis.pageY;
        if(
      dragobjekt != null) {
          
      dragobjekt.style.left = (posx dragx) + "px";
          
      dragobjekt.style.top = (posy dragy) + "px";
        }



      HABS, hab mir "onmousemove" überschrieben!
      Zuletzt geändert von Morpheus2100; 09.03.2007, 13:36.

      Kommentar

      Lädt...
      X