[JavaScript] Neues Fenster

Dieses Thema im Forum "Webentwicklung" wurde erstellt von scriptkiddy, 5. November 2007 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 5. November 2007
    Neues Fenster

    Hallo zusammen!
    Folgendes: Vllt kennt ihr es von Studivz.. wenn man auf einem Bild verlinkt ist, dann kann man sich ja das Bild ansehen, wenn man über das Bild geht erscheint dieses Rechteck, wo halt die Markierung ist. Wenn man nur auf diese Markierung geht öffnet sich ja ein kleines Fenster, in dem der Name und noch irgendwas steht.

    So nun zur Frage: Ich möchste ein solches Fenster, nur mit dem Unterschied, das es statisch ist. Sprich man oben in der ecke sollte ein kleines x sein, um das Fenster zu schließen.
    Das ganze sollte sich öffnen wenn man mit der Maus über ein Bild geht. Sprich per mouseover.


    Hoffe ihr versteht was ich meine ^^
    Danke schonmal im Vorraus.
     

  2. Anzeige
  3. #2 5. November 2007
    AW: Neues Fenster

    bspweise ein <div> mit ner absoluten position der normal display:none; oder hidden ist. bei mouseover wird er dann sichtbar. click auf [x] = wieder hidden. ;)

    geb dem div ne id und greif mit
    getElementById('id') darauf zu.

    greetings.
     
  4. #3 5. November 2007
    AW: Neues Fenster

    oder
    HTML:
    <script type="text/javascript"> 
    // <![CDATA[ 
     function openImageWin(link) { 
     var win = window.open('', 'asdf'); 
     win.document.write('' 
     + '<html>\n' 
     + '\t<body>\n' 
     + '\t<img src="' + link + '" alt="bild" />\n' 
     + '\t\t<p align="center">\n' 
     + '\t\t\t<a href="#" onclick="top.close();"><strong>Fenster schlie&szlig;en</strong></a>\n' 
     + '\t\t</p>\n' 
     + '\t</body>\n' 
     + '</html>' 
     ); 
     } 
    // ]]> 
    </script> 
    
    <img 
     src="./avatar18622_5.gif" 
     width="50" 
     height="50" 
     onclick="openImageWin(this.src);" 
     alt="pre" 
     title="Klick hier um das Bild in Originalgr&ouml;sse zu sehen"
     style="cursor:pointer;"
    />
    
    und metafragenthread (javascriptteil) lesen.
     

  5. Videos zum Thema
Die Seite wird geladen...