[PHP] Css Js Mouse Over Map

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Aeonsam, 22. Oktober 2008 .

Schlagworte:
  1. 22. Oktober 2008
    Css Js Mouse Over Map

    Hallo Leute ich suche was und weis nicht genau wie es heist.


    Folgender Hintergrund.

    Habe eine image. will wenn man mouse over über image geht das sich sowas wie ein kleines fenster öffnet. wo bestimmte daten angezeigt werden.

    BEISPIEL
    Das menü bei nvidea nur mir gehts nicht um das menü.
    http://www.nvidia.de/page/home.html



    Wenn jemand weis wie die funktion heißt bzw. nen script dafür hat, bitte posten.


    THX Aeonsam
     
  2. 22. Oktober 2008
    AW: Css Js Mouse Over Map

    Erm.. meinst du das da unten? Das ist doch Flash. Oo Hat nichts mit PHP, CSS, JS MouseOver Map zu tun^^
     
  3. 22. Oktober 2008
    AW: Css Js Mouse Over Map

    Per HTML gehts nur, wenn du ne normale Grafik hast.
    Dann kannste ne <area> drüberlegen und beim Klick nen PopUp per JS öffnen lassen.

    Einfach mal bei Selfhtml dazu einlesen
     
  4. 22. Oktober 2008
    AW: Css Js Mouse Over Map

    Hi, also weiß ja nich ob du das meinst aber ... vllt. ist es ein Ansatz (bin kein guter Javascript progger^^):

    PHP:
    < script language = "javascript"  type = "text/javascript" >

    function 
    show ( divid ) {
    document . getElementById ( divid ). style . visibility  'visible' ;
    }
    function 
    hide ( divid ) {
    document . getElementById ( divid ). style . visibility  'hidden' ;
    }

    </
    script >

     <
    a href = "#"  title = "System"  onmouseover = "show('n_sys');"  onmouseout = "hide('n_sys');" >< img src = ""  /></ a >
                <
    div id = "n_sys"  onmouseover = "show('n_sys');"  onmouseout = "hide('n_sys');"  class= "submenu" > lalalala </ div >
    Ich habs nicht geteste. Ich benutze es bei normalen Links. KÖnnte man aber auf IMages umbauen. Probiers mal (Das Div musste halt per CSS zum Image positionieren) ...
     
  5. 24. Oktober 2008
    AW: Css Js Mouse Over Map

    PLEQ Danke dir

    Das ist genau was ich gesucht habe die show & hide funktion.
    Keine Ahnung wieso ich nicht drauf kam.


    Bewertungen sind raus^^


    Es gibt nur ein Prob:
    Im Grundzustand wird das lalalala ^^ gleich angezeigt also das div ist beim laden der seite im show zustand. Das müsste hide sein.
    Code:
    
    <html>
     <head>
     <title>Test Mouse Over</title>
     <script language="javascript" type="text/javascript"> 
     
     function show(divid) { 
     document.getElementById(divid).style.visibility = 'visible'; 
     } 
     function hide(divid) { 
     document.getElementById(divid).style.visibility = 'hidden'; 
     } 
     
     </script> 
    
     </head>
    
     <body>
     <a href="#" title="System" onmouseover="show('n_sys');" onmouseout="hide('n_sys');">
     <img src="" />
     </a> 
     <div id="n_sys" onmouseover="show('n_sys');" onmouseout="hide('n_sys');" class="submenu">
     lalalala
     </div>
     
    
     
     </body>
    </html>
    
    


    EDIT:
    Alles klar da hat noch

    Code:
     <style>
     
     .submenu
     {visibility:hidden;}
    
     </style>
    
    gefehlt so funzt das nun.



    Gruß Aeonsam

    -----

    Nein ich meine nicht das Flash sondern das aussehen bzw. funktion des menüs in java oder css für die funktion hide & show wie wir es nun haben. Dies geht in mehreren Sprachen.

    -----

    Besser wäre es noch wenn das div erst beim mouse over geladen wird^^

    wenn jemand ne Idee hat. IMMER HER DAMIT.
     
  6. 24. Oktober 2008
    AW: Css Js Mouse Over Map


    Von Anfang an versteckt: style="display:none;",
    erst beim MouseOver geladen: AJAX (zb mit [G]prototype[/G])
     
  7. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.