Kleines HTML Problem
Eingetragen von sg88 (95)am 23.08.2011 - 09:18 Uhr in
Servus zusammen,
auch wenn das hier eigentlich kein HTML Forum ist, kann ich mir gut vorstellen das ihr mir helfen könnt :)
Ich habe folgende Karte im Anhang erstellt. Bei Mouseover wird der entsprechende abschnitt gehilightet.
<p><img src="/parlament_sitze/sites/default/files/wahlkreise_tiny_gimp.jpg" usemap="#imgmap201182392211" /><map id="imgmap201182392211" name="imgmap201182392211"><area alt="Kassel Land I-II" coords="286,169,283,167,282,162,274,155,274,147,270,146,268,144,268,140,273,137,271,134,271,125,269,122,274,120,274,118,270,112,276,110,279,113,281,109,281,102,276,98,277,96,280,95,279,89,284,82,290,84,290,78,295,73,299,73,303,68,308,67,308,61,319,45,313,38,322,35,328,34,339,26,341,27,340,33,344,35,346,35,351,31,353,35,361,35,364,32,366,36,367,40,376,48,376,51,373,51,367,46,366,47,365,52,368,56,363,56,362,58,364,60,363,62,360,65,357,65,358,68,361,70,361,74,368,81,366,85,366,93,368,96,365,99,362,99,360,100,357,100,352,107,355,110,356,111,355,112,351,112,355,119,358,119,363,124,366,123,366,126,374,127,373,129,370,130,369,134,373,138,377,138,379,141,389,141,389,144,384,148,378,147,376,151,376,154,373,154,369,156,367,159,367,163,367,165,362,168,358,166,354,160,355,156,348,156,346,153,344,155,340,155,337,153,335,154,332,151,326,153,324,151,320,151,318,149,316,144,312,144,306,146,303,145,302,147,302,153,299,160" href="4" shape="poly" target="_self" title="" /></map></p>Jetzt hätte ich noch gerne, dass bei Mouseover die Links rechtsoben auch noch der passende Bereich auf der Karte hervorgehoben wird. Wie kann ich die Links mit der Karte verbinden?
Gruß
SG
| Anhang | Größe |
|---|---|
| Map.JPG | 33.87 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
http://drupal.org/project/jq_
am 23.08.2011 - 09:22 Uhr
http://drupal.org/project/jq_maphilight
Jep mit dem Modul habe ich
am 23.08.2011 - 09:57 Uhr
Jep mit dem Modul habe ich das gemacht,
aber wie kann ich jetzt noch die passenden Links dazu konfigurieren??
(Kein Betreff)
am 23.08.2011 - 13:15 Uhr
<area coords="65,371, 67,371, 68,371, 69,372, 65,371, 65,371, 65,371" href="#" alt="Antarctica" title="Antarctica" shape="poly">Ähm, das hat auch leider
am 23.08.2011 - 14:33 Uhr
Ähm, das hat auch leider nicht wirklich viel mit der Lösung meines Problems zu tun :S
oh habe ich falsch
am 23.08.2011 - 14:48 Uhr
oh habe ich falsch gelesen...ich dachte du wolltest die areas verlinken
:) Ne nich ganz, ich will das
am 23.08.2011 - 14:56 Uhr
:) Ne nich ganz,
ich will das die Area (z.B. 1-4) gehilightet wird, wenn ich in nem Block über nen Link "hovere".
Bin gerade leicht am verzweifeln :P
Dann solltest Du Dich
am 23.08.2011 - 18:23 Uhr
Dann solltest Du Dich intensiv mit JavaScript/jQuery befassen. Über entsprechende Bedingungen (Mouseover event) mußt Du dann den entsprechenden Bereich Deiner Map umfärben bzw ein andere Bild darüber einblenden. Ist auf jeden Fall auch eine Fleißarbeit, da Du zu jedem Link eine passende Funktion brauchst.
Beste Grüße
Werner
Hallo Werner, vielen Dank für
am 24.08.2011 - 07:09 Uhr
Hallo Werner,
vielen Dank für den Tipp, ich habe es fast befürchtet. Leider habe ich von JavaScript bis jetzt absolut keine Ahnung und werde mich dann damit etwas länger beschäftigen müssen.
Wenn jemandem noch eine andere Lösung einfällt, kann er sie mich gerne wissen lassen ;)
Gruß
SG
Dann kannst Du Dich
am 24.08.2011 - 09:40 Uhr
Dann kannst Du Dich vielleicht auf jQuery beschränken. Das ist etwas einfacher zu handhaben als JavaScript allgemein. Die von Dir gewünschte Funktionalität geht damit auf jeden Fall. Ohne JavaScript (jQuery ist eine JavaScript Library) geht es aber nicht, da die von Dir gewünschten Aktionen alle rein im Browser ablaufen ohne Aktionen des Servers (das wäre auch viel zu langsam).
Beste Grüße
Werner
Ich bin jetzt endlich dazu
am 19.09.2011 - 08:17 Uhr
Ich bin jetzt endlich dazu gekommen mit der aneignung mit jQuery zu beginnen.
Jetzt hat sich mir direkt eine Frage aufgetan, wie kann ich aus einem Block herraus auf einen Node mit jQuery verweisen?
Wie das ganz in einem Node funktioniert ist mir jetzt soweit klar, aber wie kann ich den Mouseover in einem Node von einen Block aus steuern?
jQuery hat immer Wirkung auf
am 19.09.2011 - 10:28 Uhr
jQuery hat immer Wirkung auf der ganzen im Browser aufgebauten Seite. Da gibt es keine Grenzen wie Block oder Node. Wo die Wirkung ansetzt, bestimmst Du durch die ausgewählten Selektoren in Deinem jQuery Script. Meist bindet man die jQuery Scripte über den .info-File des eigenen Themes ein und nicht über einen Block oder Node.
Beste Grüße
Werner