PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Shapes mit externen Link aktivieren

brasiliero
01.06.2008, 21:52:57
Hallo

Ich habe HIER (http://jobadoo.eu)in langwieriger Arbeit eine Imagemap erstellt und habe folgendes abschließendes Problem und zwar:

möchte ich das bei mouseover auf den Flaggen unter dem Bild das entsprechende shape auf der Imagemap aktiviert wird (so als ob man auf der map selbst ein mouseover macht)hierzu habe ich den shape eine ID zugewiesen <area id="test" shape="poly" coords=
nun sollte ich von einem externen link per Javascript darauf zugreifen können aber mein Javascript ist bei weitem nicht ausreichend um das selbst zu lösen google brachte leider auch keine hilfe

vieleicht findet sich hier ja jemand der mir weiterhelfen könnte

mfg mike
Opendix
01.06.2008, 22:12:11
erstmal: Hast du da wirklich selbst für jedes Land so ein area gemacht oder kriegt man das irgendwoe her?



un sollte ich von einem externen link per Javascript darauf zugreifen können

hä?

Wenn du ja nun mi der Maus über eine solche Flagge fährst wird ja ein onmouseover-Event gefeuert...

Da drin kannst du nun ja das Element mit der entsprechenden ID abfragen und das dann entsprechend leuchten lassen...


var elem = document.getElementById('schweiz');
//Jetzt kannst du hier ja mit diesem Elementmachen was du willst
brasiliero
01.06.2008, 22:20:39
Leider bekommt man das nicht so einfach irgendwo her die blank maps ja die findest du auf wiki aber die shapes musst du schon selbst machen hat 2 volle Tage gedauert deine Antwort verstehe ich leider nicht wircklich in java gibt es ja sowas wie einen onmouseover befehl der müsste doch entsprechend konfiguriert auch in der Lage sein den shape bzw die shape ID zu aktivieren zumahl der highlight effect ja auch durch eine javafunktion hervorgerufen wird
Opendix
01.06.2008, 23:10:36
krass :D

also ich meine das so:

<html>
<script>
function HoverLand(land)
{
var areaelement = document.getElementById(land);
//Evtl über eine CSS-Klasse das Land hervorheben
areaelement.class = "CSS Klasse die das Land hovert";
//oder über einfache styledefinitionen:
areaelement.style="bgcolor=#889911;";
}

function DeHover(land)
{
var areaelement = document.getElementById(land);
//Jetzt einfach die oben gemachten Style-Sachen
//wieder in den Urzustand zurücksetzen
}
</script>
<body>
<a href="linkzumland.ch" onmouseover="javascript:HoverLand('schweiz');" onmouseout="javascript:DeHover('Schweiz');"><img ... /></a>
</body>
</html>


Ob das eine gute Lösung ist und ob es auch das ist was du meinst weis ich nicht :)