Bei Klick auf maussensitiven Bereich soll daneben ein kleiner Kasten mit text öffnen

denmuk

Also ich möchte ,dass wenn man auf den maussensitiven Bereich geht noch rauf klicken kann und sich daneben ein kleiner Kasten mit Text oder einer Grafik öffnet (nicht in einen neuen Tab)

Vielen Dank schon einmal für eure Hilfe und Ideen.

Hier mein Quellcode:

sourceImage = new Image();

function changeImage(target,image) {

sourceImage.src = image;

document.getElementById(target).src = sourceImage.src;

}

</script>

</head>

<body>

</map>

basti1012

Du hast jetzt aber nur ein Teil deines Codes gepostet oder ?

Dann mußt du noch ein container erstellen der display block bekommt wenn du mit der Maus auf deiner map gehst oder wie du das auch meinst mit deinen maussensitiven Bereich .

Da könnte dir auch mouseover mouseout helfen. Jenachdem was du genau vorhast.

meinst du den area Bereich,wenn du den verläst soll der kasten kommen ?

Sempervivum

Googlesuche nach "tooltip on click" führt z. B. zu dieser Anleitung:

https://www.w3schools.com/howto/howto_js_popup.asp

Versuche, dieses auf deinen Anwendungsfall mit dem maussensitiven Bereich umzuändern.

Ein Problem sehe ich jedoch bei deinem Vorhaben: Du hast schon ein href-Attribut in dem area-Tag, das beim Klick auf eine neue Seite führt. Das widerspricht deiner Absicht, beim Klick den kleinen Kasten zu öffnen. Es geht ja nur eines von beiden.

basti1012

Da habe ich gar nicht dran gedacht . Vieleicht sollte er anstatt das anzuklicken mit hovern machen oder doppel klick ,fals das darauf überhaupt geht weil der erste klick ja schon die Seite öffnen tut

Jetzt mitmachen!