[JavaScript] Positioinierung eines divs nach klick??

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • [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!

    Comment


    • #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!
      Last edited by Morpheus2100; 09-03-2007, 12:36.

      Comment

      Working...
      X