1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

dringende frage: eben verschieben mit JS

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

  1. Kollar

    Kollar Thread Starter MacUser Mitglied

    Mitglied seit:
    03.02.2004
    Beiträge:
    1.580
    Zustimmungen:
    0
    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

    Mitglied seit:
    15.11.2004
    Beiträge:
    715
    Zustimmungen:
    13
    Ist Overlib vielleicht das, was du suchst?
     
  3. Kollar

    Kollar Thread Starter MacUser Mitglied

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

    Arioch MacUser Mitglied

    Mitglied seit:
    15.11.2004
    Beiträge:
    715
    Zustimmungen:
    13
    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

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