[FRAGE] Frage zu SVG und Sichtbarkeit von Objekten

[akey83]

Hallo Zusammen,

ich bin aktuell echt am verzweifeln und komme einfach nicht mehr weiter und hier mein Problem...

Ich arbeite derzeit an einer interaktiven Weltkarte auf welcher der User verschiedene Küstengebiete anklicken kann und bekommt anschließend Informationen zu genau diesem Küstengebiet. Habe die aktuelle Version mal auf meine Dropbox hochgeladen -> Link . Aktuell funktioniert nur der Button für Mexico

Okay, so das eigentlich Problem ist, dass wenn ich auch Mexico klicke, ein Ausschnitt dieses Gebietes auftaucht, ähnlich einer Lupe, wenn ich dort dann auf den linken Button drück dann erschein ein interaktives SVG. Das Problem an der Sache ist nur, dass das SVG eigentlich unsichtbar und direkt über der Lupe stehen soll und sobald der Button angeklickt wird, wird das SVG sichtbar und steht im Vordergrund. Wenn ich dies jedoch so mache dann verdeckt das unsichtbare SVG aber die Lupe und die beiden Links sind nicht anklickbar. Ihr versteht??

Im Prinzip möchte ich eine SVG über einem Link anzeigen lassen sobald der Link angeklickt wird - ich weiss nur nicht wie - .hide versteckt zwar die SVG aber dadurch verdeckt es die Links darunter - ebenso wenn ich die Deckkraft auf 0% setze....

Ich hoffe jemand kann mir da eine einfach Lösung sagen

Viele Grüße,
key

 

[mikdoe]

AW: Die wohl einfachste JS Frage der Welt

Ein ZIP wird nicht gern runtergeladen. Kannst du den Code soweit minimieren, dass alles überflüssige weg und der Fehler zu sehen ist und ein Create a new fiddle - JSFiddle davon machen?

 

[kkapsner]

Anstatt dem ZIP wäre ein funktionaler Link, unter dem wir uns die Sache live ansehen können, viel besser - wobei jsFiddle für deinen Fall wahrscheinlich nicht genügend Funktionalität bietet (kein SVG-Upload). Hast du keinen kleinen Webspace?

Da ich mir das ZIP auch nicht angesehen habe, rate ich mal ins Blaue hinein und sage, dass du display: none; und nicht opacity: 0; verwenden musst...