[HTML] Javascript div-Popup

Dieses Thema im Forum "Webdesign" wurde erstellt von Fuselmeister, 20. Juni 2012 .

Schlagworte:
  1. 20. Juni 2012
    Javascript div-Popup

    Hi,
    ich suche eine Möglichkeit ein Popupfenster zu erstellen. Das soll aber nich son Java Teil sein, dass in nen extra Browserfenster geöffnet wird. Das soll so laufen wie bei FB, wenn man da übernen Namen fährt ploppt nen Kleines Fenster mitn paar Infos auf. Sowas in der Art möchte ich auch machen.
    Bei google finde ich nur die JAva Lösung nen neues fenster zu öffnen. Mir fällt aber auch nich wirklich nen Suchbegriff dazu ein^^

    mfg
    Fuselmeister
     
  2. 20. Juni 2012
    Zuletzt bearbeitet: 20. Juni 2012
    AW: Popup

    javascript!

    such nach: layer, window layer, div popup, div layer, message layer, div alert, alert layer, overlay
    -> in verbindung mit javascript.

    da gibts hunderte fertige scripte.
    wenn du frameworks/jquery präferierst findest du dafür auch fertige implementierungen, einfach bei der suche anhängen.
     
    1 Person gefällt das.
  3. 21. Juni 2012
    AW: Popup

    Also wie Murdoc schon beschrieben hat entweder mit Javascript oder einfach mit CSS..
    Als Beispiel (nur Ansatz wahrscheinlich nicht funktionsfähig):
    HMTL:
    HTML:
    <div class="user">
     <a href="">Peter Lustig
     <div class="info">Alter: 35 Jahre<br /> Lieblingsfarbe: lila</div>
     </a>
    </div>
    
    CSS
    Code:
    .info {
     display: none;
     position: absolute;
     width: 100px;
     bordeR: 1px solid #DADADA;
    }
    .user a:hover .info {
     display: block;
    }
    
     
    1 Person gefällt das.
  4. 22. Juni 2012
    AW: Popup

    siehe auch hier:
    CSS Popup, CSS Infofenster

    google mal nach css popup...
     
    1 Person gefällt das.
  5. 22. Juni 2012
    AW: Javascript div-Popup

    thx für die Antworten. Ich habs jetzt mit display: none; // display: block; gemacht, was ich mit onmouseon / onmouseout über javascript veränder. funktioniert ganz gut.
     
  6. 23. Juni 2012
    AW: Javascript div-Popup

    warum schießt ihr euch alle auf <a:hover> ein? :hover funktioniert bei ALLEN elementen nicht nur bei <a> - oder nutzt ihr alle noch IE6?

    im übrigen lässt sich ein css-popup für links auch schöner gestalten mittels :target
    http://murdoc.eu/rr/cssfx
     
  7. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.