Stefan: Pop-up Fenster

Servus!

Ich stehe seit gestern vor einem für mich unlösbarem Problem:
Für einen Online-Katalog, der lauter kleine Bilder der Artikel beinhaltet, soll ich nun ein Script schreiben, das auf Klick auf dieses Kleine Vorschaubild ein neues Fenster mit der Größe 200x200 öffnen, in dem das Bild groß enthalten ist.
Geht das, dass ich eine "Fenster-öffne-dich" Funktion schreibe, und dann in diese Funktion den URL für das Bild mitschicke?
Also meine Javascript Fähigkeiten übersteigt dieses Problem auf jeden Fall.
Das Um und Auf wär noch, wenn unter dem Bild ein "Schließen" Button erscheinen würde.
Geht das (nur) mit Javascript?

Über ein Code-Beispiel würd ich mich freuen!

DANKE!

Stefan

  1. Hallo Stefan

    Das Um und Auf wär noch, wenn unter dem Bild ein "Schließen" Button erscheinen würde.
    Geht das (nur) mit Javascript?

    <button type="button" onclick="window.close()"><a href="javascript:window.close();">Hinweis schließen</a></button>

    Gruss
    Tili

    1. Servus!

      <button type="button" onclick="window.close()"><a href="javascript:window.close();">Hinweis schließen</a></button>

      Ok, das hab ich auch gewußt... aber ich will das Ding in ein Fenster einbauen, wo nur das Bild und der Button angezeicht wird.
      Da sollte keine neue HTML-Datei dazu gebraucht werden!

      danke, stefan

      1. Ok, das hab ich auch gewußt...

        du solltest das in kauf mit den extra-seiten, das geht nicht anders.
        oder du legst das projekt auf asp aus mit db‚s u.s.w. .
        wenn du da was größeres machen willst geht das eh nicht anders oder du verlierst die schnell übersicht ...

  2. Servus! auch von mir....

    »»

    Über ein Code-Beispiel würd ich mich freuen!

    Das Script.......

    <script language="JavaScript">
    <!--
    function MM_openBrWindow(theURL,winName,features) { //v2.0
      window.open(theURL,winName,features);
    }
    //-->
    </script>

    im Body......

    <a href="#" onClick="MM_openBrWindow('bild.html','','width=200,height=200')"><img src="bild.jpg" border="0" alt="klick fuer grosses Bild"></a>

    nicht vergessen: eine "bild.html" in entsprechender Groesse anlegen

    rainer

  3. Servus ! (oh, das ist gut, mal was anderes)

    ich empfehle dir
    a.) die FAQ:http://www.teamone.de/selfaktuell/forum/forumsfaq.htm
    b.) die Suche:http://www.teamone.de/cgi-local/sfasuch.pl
    c.) last not least SELFHTML itself:<../../>

    Programmieren macht Spaß !

    Struppi.

  4. Servus!

    Ich stehe seit gestern vor einem für mich unlösbarem Problem:
    Für einen Online-Katalog, der lauter kleine Bilder der Artikel beinhaltet, soll ich nun ein Script schreiben, das auf Klick auf dieses Kleine Vorschaubild ein neues Fenster mit der Größe 200x200 öffnen, in dem das Bild groß enthalten ist.
    Geht das, dass ich eine "Fenster-öffne-dich" Funktion schreibe, und dann in diese Funktion den URL für das Bild mitschicke?
    Also meine Javascript Fähigkeiten übersteigt dieses Problem auf jeden Fall.
    Das Um und Auf wär noch, wenn unter dem Bild ein "Schließen" Button erscheinen würde.
    Geht das (nur) mit Javascript?

    Ja, das Oeffnen von Fenster vordefinierter Groesse geht nur mit JavaScript. Mehr dazu: <../../te.htm>. Objekt window, Methode open.

    Die Methode open erwartet drei Parameter: die URL, den Fensternamen, und den Parameterstring mit Breite, Hoehe, usw... (siehe hierzu auf Christine Kuehnels Seiten: http://www.screenexa.net/js_notiz/tips/win00.htm = viel Spass beim Ausprobieren).

    window.open('URL', 'Fenstername', 'Weitere Parameter ohne Leer- und Anfuehrungszeichen');

    Jetzt kommt es drauf an, ob Du viele oder nur wenige Bilder hast. Wenn Du ein "Fenster zu"-Link haben willst, reicht es nicht, im PopUp-Fenster (so heissen die Dinger ja), einfach das Bild zu laden, in dem man unter URL die Bild-URL angibt.

    Wenn Du mehrere Bilder hast und ein "Fenster zu"-Link haben willst, dann lass doch eine Datei mittels JavaScript generieren. Hier hilft auch ein Script von Christine Kuehnel, den Du unter Angabe des Copyrights, wo Du es her hast, fuer Deinen Fall einsetzen kannst: http://www.screenexa.net/js_notiz/tips/image.htm

    Ein angepasstes Beispiel hiervon findest Du auf der Schliersee-Story (http://www.atomic-eggs.com/selfspezial/sss/). Dort ist alles allerdings in einer externen JS-Datei namens "stpopup.js", die Du in Deinem Cache finden wirst, nachdem Du die Seiten besucht hast.

    Bis danndann
    PAF (patrickausfrankfurt), SELFSPEZIAL