Fenster öffnet sich bei hover?

html.de-Forum HTML, XHTML & CSS
1

Hallo,

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

Mein vergeblicher Versuch endete so:


<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.

2

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

3

Ich danke für die rasche Antwort.

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:
[U]www.guenzl.net/privates/versuch.gif[/U]
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.

4

SELFHTML: JavaScript / Sprachelemente / Event-Handler

5

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.

6

ahhh, tooltip geht auch mit css

7

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;
}

oder so.

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

Tooltips per JavaScript / DHTML

mit wz_tooltip.js

  [B]Zitat:[/B]
Irgendein Kommentar zum Hintergrund
des Doppelpfeiles

Meinen Dank für die Hinweise,
Werner.

8

Schön, das war doch genau das, was ich gesagt und verlinkt habe. onMouseOver.