link infos ?

Xeal87

Erfahrenes Mitglied
hi. Wie kann ich per javascript einstellen, dass wenn ich mit der maus über einen link gehe ein kasten angezeigt wird in dem ein spezieller text steht ?
(siehe pippiprinz.de)
danke
cya
 
Hi, also ich finde auf der Seite keinen Kasten, der irgendwas anzeigt. Kannst Du uns mal den Link näher geben. Das was mir auf Anhieb eingefallen ist, ob Du evtl. die Alt-Tags meinst. Wenn es die sind, dann schreibst Du hinter dem <img src="blabla.jpg"... alt="deinAlternativerText">

Wenns das nicht ist, dann poste noch mal.
Grüße ALF
 
ich weiss nicht ob das der alttag ist. das teil hat zumindest mal die gleiche funktion, lässt sich aber optisch anpassen. schau ma bei den news. da ist bei jeder einzellnen news unten noch sowas wie: mood, thoughts etc. wenn man da drüber geht kommt so ein kansten. das ist das was ich wissen möchte. Im Aboutteil kann man auch über diese pixelfigur fahren und es kommt ein richtiges bild, wie geht das ?
 
Hallo,

das ganze ist eine Mischung aus Javascript und CSS - wenn du danach suchst, schau mal unter dem Stichwort "ToolTip". Ich hab dir ein kleines Beispiel gebaut - wenn du fragen dazu hast einfach fragen :)

Code:
<html>
<head>
    <style type="text/css">
      .tool{ background-color:#efefef;
             position:absolute;
             z-index:2;
             padding:5px;
             border:1px solid black;
             width:200px;
             display:none;
             left:15px;
      }
    </style>
    <script type="text/javascript">
    function  show(x){
      document.getElementById(x).style.display = 'block';
    }
    
    function  hide(x){
      document.getElementById(x).style.display = 'none';
    }
    </script>
</head>
<body>
1<br>
2<br>
3<br>
<a href="http://www.tutorials.de" onmouseover="show('1')" onmouseout="hide('1')">Dein Link 1</a>
<div id="1" class="tool">Dein Text zu Link 1</div><br>
4<br>
5<br>
6<br>
<a href="http://www.tutorials.de" onmouseover="show('2')" onmouseout="hide('2')">Dein Link 2</a>
<div id="2" class="tool">Dein Text zu Link 2</div><br>
</body>
</html>

bye
 
Da kann ich doch gleich mal noch eine Frage hinterherwerfen. Ich kann weder mit IE 6.0, noch Netscape 7.0 und Opera (neu, 7.11 oder so) solche mouseOvers sehen. Ich habe JS aktiviert, aber leider kein Sehen dieser Funktion. Was kann ich machen, damit ich auch in den Genuß komme, diese mouseOver zu sehen?

Danke
ALF
 

Neue Beiträge

Zurück