|
||||
Mapnotes & Mouseover xhtml strict problem
Einen schönen Guten Tag,
ich bin derzeit an einer Standortkarte zugange. Zu Testzwecken habe ich unter folgendem Link die abgespeckte Variante hochgeladen, damit ihr euch ein Bild davon machen könnt. Zum Problem Aktiv sind derzeit 2 Punkte, der rote und der blaue direkt nebeneinander in NRW Jedes mal wenn man über einen Punkt(Standort) mit der Maus fährt, soll auf der rechten Seite die Adresse eingeblendet werden. Derzeit sieht der Code dafür wie folgt aus: Code:
<script type="text/javascript"> //<![CDATA[ function adresse(id) { document.getElementById(id).style.visibility="visible"; document.onmouseout=function() { document.getElementById(id).style.visibility="hidden"; } } //]]> </script> Code:
<span id="eins"><img src="karte_rwp_deutschland.gif" alt="Adresse" /></span> <span id="zwei"><img src="karte_sc_elemente.gif" alt="Adresse" /></span> . . . am Anfang(sobald man die Seite läd) sofort alle eingebundene Standorte eingeblendet, dies ist natürlich schlecht. Weiterhin wird die Adresse sobald man einen anderen Standort abrufen möchte darunter, und nicht am selben Ort angezeigt. Daher meine Frage, wie kann ich es lösen dass die Adresse immer am selben Fleck angezeigt wird, und die eingebundenen Adressen nicht beim betreten der Seite sichtbar sind. Sollte der Ansatz wie ich ihn derzeit betreibe totaler humbug ist und man diesen total anderst lösen sollte, darf es gerne erläutern. Vielen Dank! |
Sponsored Links |
|
|||
Also, erst mal würde ich standardmäßig dem span mit der id eine Klasse mitgeben und dann mit "visibility:hidden" versehen. Somit wird zumindest am Anfang nicht alle Adressen angezeigt. Mit Javascript blendet er beim mouseover ja die Adresse wieder ein. Das löst dein Problem Nr. 1.
Lösung Nr. 2 würde ich schnell so vorschlagen, dass du dem Javascript ja auch noch die Grafik mitgeben könntest und dann nur noch per document.write in ein jeweiliges div reinschreibst. Geändert von cgdesign (11.04.2008 um 18:32 Uhr) |
Sponsored Links |
|
|||
Ok, dann halt anders...
Code:
<script type="text/javascript"> //<![CDATA[ function adresse(id) { document.getElementById(id).style.display="block"; document.onmouseout=function() { document.getElementById(id).style.display="none"; } } //]]> </script> <style type="text/css"> .mapspan {display: none} </style> |
|
|||
Zitat:
Code:
<img src="leer.gif" id="leer" alt="Adresse" width="180" height="96" /> Code:
document.getElementById('leer').src=... |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Formular unter XHTML 1.0 Strict | SPMan | (X)HTML | 57 | 12.07.2007 17:40 |
W3C und Strict XHTML Problem mit input | Stefano | (X)HTML | 11 | 14.12.2006 14:07 |
XHTML 1.0 strict und input in formular | Heavenfighter | (X)HTML | 5 | 10.08.2004 10:48 |
hspace und vspace bei strict xhtml | Wuscheltomb | CSS | 2 | 28.09.2003 11:45 |