Ergebnis 1 bis 2 von 2
  1. #1
    InfoPengu ist offline Grünschnabel
    registriert
    12-01-2015
    Beiträge
    1

    Question Problem mit sidebar/onmouseover

    Heyho Gemeinde,
    ich hab ein Problem mit meinem JavaScript.
    Momentan hab ich das hier:

    HTML-Code:
    <script type="text/javascript">
    function show_sidebar()
    {
    document.getElementById('sidebar').style.visibility="visible";
    }
    
    function hide_sidebar()
    {
    document.getElementById('sidebar').style.visibility="hidden";
    }
    </script>
    
    
    <div id="wrapper" onMouseOver="show_sidebar()" onMouseOut="hide_sidebar()">
      <img src="irgendein.jpg" width="80px" height="30px">
      <div id="sidebar">irgendwas</div>
    </div>
    Folgendes soll der Script umsetzen: Wenn die Maus über das gewünschte Objekt fährt, soll die ein Feld erscheinen. (Inhalt: Bild, Infobox oder ähnliches) Das Feld soll so lange geöffnet bleiben, wie sich die Maus über dem Objekt oder dem Feld selbst bewegt.

    Das klappt nun prinzipiell auch... Aber zum Problem:
    (1.)Das Feld erscheint beim Laden der Seite sofort, auch wenn die Maus das Objekt noch nicht berührt hat. Es verschwindet erst, wenn man die maus darüber bewegt und wieder wegzieht.

    (2.)Wenn das Objekt nun zum Beispiel eine Zahl in einem Kalender ist, so wird die komplette Formatierung des Kalenders aufgehoben. So ist das Feld theoretisch immer da, auch wenn man es nicht sieht.

    Ich hoffe meine Probleme können nachvollzogen und vielleicht auch gelöst werden. Bei Unklarheiten kann ich auch noch Screenshots ergänzend hinzufügen.

    Vielen Dank schon mal!
    Geändert von j-l-n (12-01-2015 um 16:15 Uhr) Grund: Code-Tags für reinen JS-Code; HTML-Tags für HTML

  2. #2
    j-l-n Guest

    AW: Problem mit sidebar/onmouseover

    Zitat Zitat von InfoPengu Beitrag anzeigen
    (1.)Das Feld erscheint beim Laden der Seite sofort, auch wenn die Maus das Objekt noch nicht berührt hat. Es verschwindet erst, wenn man die maus darüber bewegt und wieder wegzieht.
    Natürlich, es steht ja nirgendwo, dass es ausgeblendet sein soll...

    Zitat Zitat von InfoPengu Beitrag anzeigen
    (2.)Wenn das Objekt nun zum Beispiel eine Zahl in einem Kalender ist, so wird die komplette Formatierung des Kalenders aufgehoben. So ist das Feld theoretisch immer da, auch wenn man es nicht sieht.
    Versteh ich nicht, hier wäre ein Screenshot zur Erläuterung gut.

    Hier das Ganze mal "in sauber":
    HTML-Code:
    <div id="wrapper">
    	<img src="irgendein.jpg" width="80px" height="30px">
    	<div id="sidebar" style="display:none;">irgendwas</div>
    </div>
    
    <script>
    	var wrapper = document.getElementById("wrapper"),
    		sidebar = document.getElementById("sidebar");
    	wrapper.onmouseenter = function(){
    		sidebar.style.display = "";
    	}
    	wrapper.onmouseleave = function(){
    		sidebar.style.display = "none";
    	}
    </script>

Ähnliche Themen

  1. Windows Sidebar Gadget: JS onClick Problem
    Von MarkusK im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 27-03-2011, 14:56
  2. Problem mit onmouseover
    Von mue26xxl im Forum JavaScript
    Antworten: 25
    Letzter Beitrag: 01-07-2009, 07:40
  3. Onmouseover problem
    Von ATom im Forum JavaScript
    Antworten: 12
    Letzter Beitrag: 05-07-2008, 15:33
  4. DOM/onmouseover Problem
    Von maj0re im Forum JavaScript
    Antworten: 6
    Letzter Beitrag: 13-10-2006, 16:19
  5. problem mit onmouseover und php
    Von SeeS im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 05-03-2006, 17:47

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •