Beiträge von kostap

  • Bild mit Maus bewegen

    Hallo zusammen.

    Ich habe einen Code erstellt. Es handelt sich um ein imagemap mit verschiedenen Punkten (div) mit Mouseover Fenstern.

    Mein Problem:
    Die Karte ist zu groß und ich möchte deswegen mit Hilfe eines "Fensters" (oder wie man das nennen will. Z.B 800x800pixel groß) einen Bereich der Karte betrachten und die Karte innerhalb dieses "Fensters" mit der Maus einfach hin und her bewegen.
    so wie man die Karte von google bewegen kann:
    http://maps.google.de/

    Hier mein code:


    <script type="text/javascript">
    //<!--
    var momentanesElement=null;
    function elementAnzeigen(element) {
    if(momentanesElement!=null)
    momentanesElement.style.display='none';
    momentanesElement=element;
    if(element!=null)
    element.style.display='block';
    }
    //-->
    </script>


    <div>
    <!-- deine Karte -->
    <img src="hs.jpg" alt="" height=440 width=1200>


    <!-- ein Marker/Tooltip-->
    <div style="left:310px;top:180px;position:absolute;" onMouseOver="if(lastChild.previousSibling!=momentanesElement)lastChild.style.display='block';" onMouseOut="lastChild.style.display='none';">
    <img src='pointrot.gif'>
    <div id="boxId1" style="border:2px solid #F9840F;display:none;position:absolute;bottom:5px;left:5px;background-color:#FFFAF2;">Eine Beschreibung. <a href="#" onClick="elementAnzeigen(null)">schließen</a>
    </div><div style="display:none;z-index:1001" onClick="elementAnzeigen(previousSibling);style.display='none';">
    <a href="#" style="border:2px solid #F9840F;position:absolute;bottom:5px;left:5px;background-color:#FFFAF2;white-space: nowrap;padding:2px;">Toooltip TextAAA</a></div></div>


    </div>


    Kann mir bitte jemand helfen?
    Danke im Voraus.
    mfg