Daniel74: Neues Fenster mit Bild

Hallo,

wer kann helfen?

Ich möchte ein kleines Vorschaubild mit javascript verküpfen,damit ich per Mausklick das Bild im neuen Fenster vergrössert öffnen kann.

<a href="javascript:window.open('http://www.xxxxxxxx.de/images/25/IMG_0003.JPG','Bilder','width=448,height=336');"><img src="images/25/IMG_0003.JPG" alt="" name="jh" width="112" height="84" border="0"></a>

Nur, wenn ich das Bild andrücke, öffnet sich im Hauptfenster eine leere Seite mit folgenden text

[object]

Das soll so nicht sein.

mfg

Daniel

  1. Hallo,

    Und warum nicht einfach:

      
    <a href="bild.jpg"><img src="bild.jpg" alt="Bild"></a>  
    
    

    ?

    Viele Grüße

    1. Hallo,

      Und warum nicht einfach:

      <a href="bild.jpg"><img src="bild.jpg" alt="Bild"></a>

      
      >   
      > ?  
      >   
      > Viele Grüße  
      >   
        
      weil sich das Bild im NEUEN FENSTER öffnen soll, ohne die Hauptseite zu schliessen.  
        
      Gruss  
        
      Daniel
      
      1. hi,

        weil sich das Bild im NEUEN FENSTER öffnen soll, ohne die Hauptseite zu schliessen.

        target="_blank" ein Begriff?

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
        1. hi,

          weil sich das Bild im NEUEN FENSTER öffnen soll, ohne die Hauptseite zu schliessen.

          target="_blank" ein Begriff?

          gruß,
          wahsaga

          Das öffnet mir 2 Seiten. Haupseite bleibt... Bild wird geöffnet wie gewollt... und das 2 Fenster mit genannter Fehlermeldung

          Gruss

          Daniel

          1. hi,

            target="_blank" ein Begriff?

            Das öffnet mir 2 Seiten. Haupseite bleibt... Bild wird geöffnet wie gewollt... und das 2 Fenster mit genannter Fehlermeldung

            target="_blank" würde natürlich dein Javascript ersetzen, an dem du dich vermutlich immer noch festklammerst.

            gruß,
            wahsaga

            --
            /voodoo.css:
            #GeorgeWBush { position:absolute; bottom:-6ft; }
            1. target="_blank" würde natürlich dein Javascript ersetzen, an dem du dich vermutlich immer noch festklammerst.

              <a href="bild.jpg" target"_blank"><img src="bild.jpg" alt="Bild"></a>

              oder wenns unbedingt mit Javascript sein soll:

              <script type="text/javascript">
               <!--
               function Fenster1() {
               F = window.open("grossesbild.jpg","Popup","fullscreen=yes,hotkeys=no,location=no,menubar=no,status=no,toolbar=no,scrollbars=yes");
               }
               // -->
               </script>
               <a href="javascript:Fenster1()"><img src="kleinesbild.jpg" border="0" alt="">
              </a></div><br>

              Ich lade dazu auf meiner Seite immer noch eine HTML Seite mit Javascript um die Größe des Bildes an die verwendete Auflösung an zu passen, als Hintergrund und um unerfahrenen Usern die Möglichkeit zu geben das Vollbildfenster zu schließen.

              Gruß Tobias

              1. hi,

                oder wenns unbedingt mit Javascript sein soll:

                <a href="javascript:Fenster1()"><img src="kleinesbild.jpg"

                Es wurde doch bereits darauf hingewiesen, dass Javascript-Aufrufe bitte nicht derart idiot^Wungeschickt eingebunden werden sollten.
                Also schlage sowas bitte nicht nochmal erneut vor, Danke.

                gruß,
                wahsaga

                --
                /voodoo.css:
                #GeorgeWBush { position:absolute; bottom:-6ft; }
                1. Hi,

                  <a href="javascript:Fenster1()">
                  Es wurde doch bereits darauf hingewiesen, dass Javascript-Aufrufe bitte nicht derart idiot^Wungeschickt eingebunden werden sollten.

                  Was ist daran idiotisch? Ist doch ne elegante Möglichkeit die nicht nur von den gängigen Browsern sondern sogar von selfHTML unterstützt wird siehe http://de.selfhtml.org/javascript/objekte/window.htm#handle_event

                  Also schlage sowas bitte nicht nochmal erneut vor, Danke.

                  Ich werde die Tips geben die ich für hilfreich halte. Wenn dir das nicht gefällt kannst du es ja inklusive Begründung darunter schreiben.

                  Gruß Tobias

                  1. Hallo Tobias,

                    <a href="javascript:Fenster1()">
                    Es wurde doch bereits darauf hingewiesen, dass Javascript-Aufrufe bitte nicht derart idiot^Wungeschickt eingebunden werden sollten.

                    Was ist daran idiotisch? Ist doch ne elegante Möglichkeit die nicht nur von den gängigen Browsern sondern sogar von selfHTML unterstützt wird siehe http://de.selfhtml.org/javascript/objekte/window.htm#handle_event

                    dann lies die von dir erwähnte Stelle bitte nochmal durch. Da steht nämlich nichts von dem Unsinn, eine Javascript-Anweisung ins href-Attribut zu schreiben. So etwas gehört in einen Eventhandler, in diesem Fall wohl sinnvollerweise onclick.
                    Dann haben nämlich Besucher ohne Javascript auch noch eine Chance, das Popup (Bild) aufzurufen.

                    Schönen Tag noch,
                     Martin

                    --
                    Heutzutage gilt ein Mann schon dann als Gentleman, wenn er wenigstens die Zigarette aus dem Mund nimmt, bevor er eine Frau küsst.
                      (Barbra Streisand, US-Schauspielerin)
                    1. Hallo,

                      So etwas gehört in einen Eventhandler, in diesem Fall wohl sinnvollerweise onclick.

                      Meine Antwort bezog sich auf das unten kopierte Beispiel von selfHTML. Dort wird eine Javascriptfunktion per <a href=" aufgerufen so wie ich das auch vorgeschlagen habe:

                      <script type="text/javascript">
                      function FensterOeffnen () {
                        Fenster = window.open("datei.htm", "Zweitfenster1", "width=300,height=200");
                        if (Fenster.locationbar) {
                          if (Fenster.locationbar.visible == false) {
                            Fenster.close();
                            Neufenster = window.open("datei.htm", "Zweitfenster2", "width=300,height=200,location=yes");
                            Neufenster.focus();
                          }
                        } else {
                          alert("Ihr Browser gibt nicht Preis, ob das neue Fenster eine Adressleiste hat.");
                        }
                      }
                      </script>
                      </head><body>
                      <p><a href="javascript:FensterOeffnen()">Fenster &ouml;ffnen</a></p>

                      Dann haben nämlich Besucher ohne Javascript auch noch eine Chance, das Popup (Bild) aufzurufen.

                      Es gibt sicher immer elegantere Möglichkeiten aber was sogar bei selfHTML in den Beispielen verwendet wird kann ja so falsch nicht sein ;-)

                      Gruß Tobias

              2. oder wenns unbedingt mit Javascript sein soll:

                <script type="text/javascript">
                <!--
                function Fenster1() {
                F = window.open("grossesbild.jpg","Popup","fullscreen=yes,hotkeys=no,location=no,menubar=no,status=no,toolbar=no,scrollbars=yes");
                }
                // -->
                </script>
                <a href="javascript:Fenster1()"><img src="kleinesbild.jpg" border="0" alt="">
                </a></div><br>

                Neben dem unerwünschten "javascript:" Pseudoprotokoll, wäre dashttp://molily.de/javascript-popups noch sinnvoll.

                Struppi.

                --
                Javascript ist toll (Perl auch!)
  2. hi,

    Nur, wenn ich das Bild andrücke, öffnet sich im Hauptfenster eine leere Seite mit folgenden text

    [object]

    Das soll so nicht sein.

    Doch, das soll so genau so sein.

    Du hast einen HTML-Link benutzt - und das von diesem erwartete Verhalten ist nun mal, etwas im aktuellen Fenster anzuzeigen.

    Durch deine absolut unsinnige Einbindung eines Javascript-Funktionsaufrufes im href-Attribut handelt es sich dabei aber nur im eine Javascript-Objektreferenz - und die kann der Browser im Fenster nicht anders darstellen, als durch das Wort [object].

    Lesestoff für dich zur intelligenteren Einbindung von Popups:
    http://molily.de/javascript-popups

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. hi,

      Nur, wenn ich das Bild andrücke, öffnet sich im Hauptfenster eine leere Seite mit folgenden text

      [object]

      Das soll so nicht sein.

      Doch, das soll so genau so sein.

      Du hast einen HTML-Link benutzt - und das von diesem erwartete Verhalten ist nun mal, etwas im aktuellen Fenster anzuzeigen.

      Durch deine absolut unsinnige Einbindung eines Javascript-Funktionsaufrufes im href-Attribut handelt es sich dabei aber nur im eine Javascript-Objektreferenz - und die kann der Browser im Fenster nicht anders darstellen, als durch das Wort [object].

      Lesestoff für dich zur intelligenteren Einbindung von Popups:
      http://molily.de/javascript-popups

      gruß,
      wahsaga

      Wir möchten mit einem Klick ein Bild im neuen Fenster öffnen, ohne eine neue html Seite für das Bild erstellen zu müssen.

      Gruss

      daniel

      1. hi,

        zitiere doch bitte mal sinnvoll - es ist absolut unnötig, jeweils das ganze Vorgängerposting zu zitieren.

        Zitiere bitte nur die Stellen, auf die du dich konkret beziehst - und erschaffe nicht mit jedem weiteren Posting erneut so einen Textwust.

        Danke.

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
  3. Hallo Daniel74.

    Ich möchte ein kleines Vorschaubild mit javascript verküpfen,damit ich per Mausklick das Bild im neuen Fenster vergrössert öffnen kann.

    Neue Fenster öffnen ist lästig und heutzutage praktisch unnötig.
    Es gibt weitaus angenehmere Lösungen, wie z. B. Lightbox.

    Einen schönen Freitag noch.

    Gruß, Ashura

    --
    sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
    „It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
    [HTML Design Constraints: Logical Markup]