dringende frage: eben verschieben mit JS

Dieses Thema im Forum "Web Page Design" wurde erstellt von Kollar, 29.12.2004.

  1. Kollar

    Kollar Thread Starter MacUser Mitglied

    Beiträge:
    1.580
    Zustimmungen:
    0
    MacUser seit:
    03.02.2004
    hallo, ich habe versucht eine ebene über mouseover an die position des mauszeigers zu verschieben. quasi soll ein "kleines" popup über den link erscheinen, mit mouseout wollte ich es ausblenden. ich schaffe es aber nichtmal die ebene an die position zu verschieben. wäre sehr froh, wenn mir jemand kurz helfen könnte, ob bei folgendem script ein großer fehler drin ist:


    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script language="JavaScript" type="text/JavaScript">
    <!--
    
    
    // * Dependencies * 
    // this function requires the following snippets:
    // JavaScript/readable_MM_functions/findObj
    // JavaScript/readable_MM_functions/showHideLayers
    // JavaScript/events/getMouseLoc
    function moveLayerToMouseLoc(theLayer, offsetH, offsetV)
    {
      var obj;
      if ((findObj(theLayer))!=null)
      {
        if (document.layers)  //NS
        {
          document.onMouseMove = getMouseLoc;
          obj = document.layers[theLayer];
          obj.left = mLoc.x +offsetH;
          obj.top  = mLoc.y +offsetV;
        }
        else if (document.all)//IE
        {
          getMouseLoc();
          obj = document.all[theLayer].style;
          obj.pixelLeft = mLoc.x +offsetH;
          obj.pixelTop  = mLoc.y +offsetV;
        }
        showHideLayers(theLayer,'','show');
      }
    }
    // get mouse location
    function Point(x,y) {  this.x = x; this.y = y; }
    mLoc = new Point(-500,-500);
    function getMouseLoc(e)
    {
      if(!document.all)  //NS
      {
        mLoc.x = e.pageX;
        mLoc.y = e.pageY;
      }
      else               //IE
      {
        mLoc.x = event.x + document.body.scrollLeft;
        mLoc.y = event.y + document.body.scrollTop;
      }
      return true;
    }
    //NS init:
    if(document.layers){ document.captureEvents(Event.MOUSEMOVE); document.onMouseMove = getMouseLoc; }
    //-->
    </script>
    
    
    
    
    
    
    
    
    
    
    </head>
    
    <body>
    <div id="Layer1" style="position:absolute; left:452px; top:37px; width:43px; height:24px; z-index:1; visibility: visible;">test</div>
    <br><br><br><br><br><br><br>
    
    <a href="#" onMouseOver="moveLayerToMouseLoc('Layer1', '1', '1')">achtung:</a>
    
    
    </body>
    </html>
    
    
     
  2. Arioch

    Arioch MacUser Mitglied

    Beiträge:
    715
    Zustimmungen:
    13
    MacUser seit:
    15.11.2004
    Ist Overlib vielleicht das, was du suchst?
     
    Zuletzt von einem Moderator bearbeitet: 24.10.2015
  3. Kollar

    Kollar Thread Starter MacUser Mitglied

    Beiträge:
    1.580
    Zustimmungen:
    0
    MacUser seit:
    03.02.2004
    :love: ich liebe dich, das ist in etwa DAS was ich gesucht hatte :)
     
  4. Arioch

    Arioch MacUser Mitglied

    Beiträge:
    715
    Zustimmungen:
    13
    MacUser seit:
    15.11.2004
    So kennt man mich :cool: Wieso schreibt eigentlich kaum jemand sein Geschlecht ins Profil? :D
    Das Script lässt sich beliebig anpassen/ändern. Ich habs bei einigen Links so eingerichtet, dass sich in dem Popup ein Bild öffnet. Auch ein netter Effekt!
    Gruss,
    Arioch
     
  5. Kollar

    Kollar Thread Starter MacUser Mitglied

    Beiträge:
    1.580
    Zustimmungen:
    0
    MacUser seit:
    03.02.2004
    ja, das ist auch super das teil, und lieben tu ich dich jetzt eher "übertragen" :D .. danke nochmal
     
Die Seite wird geladen...

Diese Seite empfehlen