[Erledigt] Html Mouseover in Map Area

Elektechnicals · 09.10.2011, 18:26

Hallo,

dies ist der gewöhnliche code um eine Html Map zu erstellen:

PHP-Code:

  <p><img src="mapbackground.png" usemap="#map1" border="0" height="xx" width="xx"></p>

<map name="map1">

  <area shape="poly" coords="80,0,84,0,164,39,164,43,87,82,79,82,0,43,0,41" href="#">

</map>

Wie erreiche ich es, dass wenn man mit der Mouse auf einen der Bereiche ("area") geht, dieser Bereich mit einem Bild "überschrieben" wird oder sich farblich ändert.

Beispiel ist die Deutschlandkarte hier: http://www.mediaevent.de/xhtml/area-map.html

Danke im Voraus.

mfG Elektechnicals

hausl · 09.10.2011, 20:22

Zitat:

Zitat von Elektechnicals

... dieser Bereich ... "überschrieben" wird oder sich farblich ändert...

Da sieht nur so aus, ist fast schon eine optische Täuschung, da wird immer das ganze Bild getauscht...

Siehe:

http://www.mediaevent.de/xhtml/bilder/Niedersachsen.gif
http://www.mediaevent.de/xhtml/bilder/Hessen.gif
http://www.mediaevent.de/xhtml/bilder/Bayern.gif

etc...

Elektechnicals · 09.10.2011, 21:00

Achso, also müsste ich für jedes Mouseover ein anderes Bild benutzen.

Z.B. Bild1 für Mouseover für Bereich 1...

Danke dir

hausl · 10.10.2011, 08:54

Richtig.. den Rest kann man auch ergooglen..

zb (vom Ansatz her)
http://www.npage.de/forum/javascript...mouseover.html

etc..

LG

Elektechnicals · 10.10.2011, 14:08

ok. danke

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
HTML Codes übertragen?	Extremefall	JavaScript, Ajax und mehr	7	28.01.2011 21:50
Scriptsuche Daten aus HTML Tabelle A in HTML Tabelle B einfügen	headbannger83	Scriptbörse	1	10.01.2011 15:39
Problem mit PHP Simple HTML DOM Parser	berryone	PHP-Fortgeschrittene	2	30.08.2010 18:00
Doppelter E-Mail versand	include21	PHP Tipps 2010	3	06.05.2010 15:47
HTML im Kontaktformular sperren?	Flo194	PHP Tipps 2010	11	16.02.2010 21:23
Variable und komplette HTML Datei	chrisonline	PHP Tipps 2007	3	24.05.2007 15:30
&amp;amp;lt;if&amp;amp;gt; &amp;amp;lt;/if&amp;amp;gt; in einer HTML Datei fuer Templ		PHP-Fortgeschrittene	6	03.11.2005 12:05
Kontaktformular, welches auf neue html Seite führt		PHP Tipps 2005-2	4	20.07.2005 11:21
HTML Tabellenzeile in Tabelle einfügen?		Datenbanken	2	28.01.2005 00:28
IMAP: Bild(er) in HTML Part richtig darstellen		PHP-Fortgeschrittene	1	07.10.2004 12:21
{$varname.optelement} mit preg_match aus HTML extrahieren		PHP Tipps 2004	0	11.09.2004 04:13
Unterschied HTML und PHP		PHP Tipps 2004	4	28.08.2004 19:02
Validitor (HTML 4.01) = Schwachsinn?	Filewalker	Off-Topic Diskussionen	19	03.08.2004 15:27
[Erledigt] PDF aus HTML erzeugen ?		PHP-Fortgeschrittene	2	05.06.2004 02:10

09.10.2011, 18:26
Elektechnicals Neuer Benutzer Registriert seit: 09.10.2011 Beiträge: 3 PHP-Kenntnisse: Anfänger	[Erledigt] Html Mouseover in Map Area Hallo, dies ist der gewöhnliche code um eine Html Map zu erstellen: PHP-Code: `<p><img src="mapbackground.png" usemap="#map1" border="0" height="xx" width="xx"></p> <map name="map1"> <area shape="poly" coords="80,0,84,0,164,39,164,43,87,82,79,82,0,43,0,41" href="#"> </map>` Wie erreiche ich es, dass wenn man mit der Mouse auf einen der Bereiche ("area") geht, dieser Bereich mit einem Bild "überschrieben" wird oder sich farblich ändert. Beispiel ist die Deutschlandkarte hier: http://www.mediaevent.de/xhtml/area-map.html Danke im Voraus. mfG Elektechnicals Geändert von Elektechnicals (10.10.2011 um 14:09 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

09.10.2011, 21:00
Elektechnicals Neuer Benutzer Registriert seit: 09.10.2011 Beiträge: 3 PHP-Kenntnisse: Anfänger	Achso, also müsste ich für jedes Mouseover ein anderes Bild benutzen. Z.B. Bild1 für Mouseover für Bereich 1... Danke dir

10.10.2011, 08:54
hausl Erfahrener Benutzer Registriert seit: 03.08.2010 Beiträge: 1.140 PHP-Kenntnisse: Anfänger	Richtig.. den Rest kann man auch ergooglen.. zb (vom Ansatz her) http://www.npage.de/forum/javascript...mouseover.html etc.. LG __________________ Keine Zahl != ein Zeichen das keine Zahl ist

10.10.2011, 14:08
Elektechnicals Neuer Benutzer Registriert seit: 09.10.2011 Beiträge: 3 PHP-Kenntnisse: Anfänger	ok. danke