• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Fenster öffnet sich bei hover?

Status
Für weitere Antworten geschlossen.
W

WGz

Neues Mitglied
Hallo,

wie kann ich beim Überfahren eines Gebietes mit dem
Mauscursor ein Fenster öffnen?

Mein vergeblicher Versuch endete so:
Code: 
<html>

<head>

<style type="text/css">
a.info
{
position:relative;
z-index:1;
color:#000000;
text-decoration:none;
}

a.info:hover
{
z-index:2;
}

a.info span
{
display: none;
}

a.info:hover span
{
display:block;
position:absolute;
top:0em;
left:2em;
width:490;
border:1px solid #12127D;
background-color:#ff6600;
color:#000000;
text-align: left;
padding: 5px;
font-size: 0.8em;
}
</style>
</head>

<body bgcolor="#000080">

<div>
<map name="hauptfeld">
<area shape="circle" coords="330,057,057" href="Erde.htm" alt="">

      <a class="info" href="#">
<area shape="rect" coords="221,348,437,370">      
      <span>
        <p align="justify">
         Hier steht der Text, der in einem Fenster erscheinen soll.
        </p>
      </span>
      </a>
</map>
<p>
<img src="bilder/hauptfeld.gif" alt="" usemap="#hauptfeld" border="0">
</p>
</div>
</body>
</html>

Dank für Hinweise,
Werner.
 
Zuletzt bearbeitet:
Mit CSS lassen sich (noch) keine neuen Fenster öffnen. CSS ist für Layout/Design zuständig.

Was Du suchst, ist der JavaScript-EventHandler onMouseOver().

Gruß,
-Efchen
 
Ich danke für die rasche Antwort.

Efchen schrieb:
Was Du suchst, ist der JavaScript-EventHandler onMouseOver().
Zum Vergrößern anklicken....

Gibt es hierzu irgendwelche Beispiele?

Mein Problem ist nicht das Erscheinen eines Tooltips beim
Überfahren eines Textes oder Wortes, sondern beim
Überfahren des Areals in der ImageMap:
www.guenzl.net/privates/versuch.gif
das ich im Beispiel grau hinterlegt habe und das mit Coords
beschrieben wird.

Wie ich es sehe, müssten also in einem JS die Koordinaten
des grauen Feldes irgendwo stehen.

Gruß,
Werner.
 
Schade, leider ist hier kein Hinweis zu erkennen, wie man die
Koordinaten des grauen Feldes in der ImageMap so einbindet,
dass beim Überfahren ein Tooltip aufgeht.
 
csstester schrieb:
ahhh, tooltip geht auch mit css
Zum Vergrößern anklicken....
Ja richtig, daran schaffe ich und kriege es nicht hin. Das Problem
schlechthin ist, die Koordinaten des grauen Feldes in der ImageMap
in ein tag einzubringen.
a.info {
area shape="rect" coords="221,348,437,370"; text-decoration:none;
}
Zum Vergrößern anklicken....

oder so.

Nun habe ich es (zunächst) mit JS hinbekommen:

Tooltips per JavaScript / DHTML

mit wz_tooltip.js

Zitat:
<area shape="rect" coords="221,348,437,370" href="index.htm" onmouseover="TagToTip('Span1')" onmouseout="UnTip()">
<span id="Span1">Irgendein Kommentar zum Hintergrund<br>des Doppelpfeiles</span>


Meinen Dank für die Hinweise,
Werner.
 
Zuletzt bearbeitet:
Schön, das war doch genau das, was ich gesagt und verlinkt habe. onMouseOver.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben