gary: Gleiches window mit window ?

Hallihallo an alle,

Ich hab folgendes von Ihrem Inhalt gestohlen ;-) :

<html>
<head>
<title>Test</title>
<script type="text/javascript">
function FensterOeffnen (Adresse) {
  MeinFenster = window.open(Adresse, "Zweitfenster", "width=300,height=400,left=100,top=200");
  MeinFenster.focus();
}
</script>
</head>
<body>
<p><a href="datei.htm" onclick="FensterOeffnen(this.href); return false">Link mit Fenster</a></p>
</body>
</html>

Die Funktion ist soweit klar. Statt des Schriftliks werde ich ein kleines Bild verwenden, und im zu öffnenden Fenster dann das Grosse Pendant. Da ich 13 Bildchen habe, müsste ich nur die Funktion 13 mal in den Head Bereich einfügen, und unten im Body die href- Zeile auch 13 mal.

Was mir an dieser Lösung nicht gefällt: Wenn der Betrachter meint er müsste drei Thumbnails anklicken, bekommt er drei Einzelfenster, die er dann auch einzeln schliessen müsste.

Besser: Sobald ein anderes Thumbnail geklickt wird, wird im vorhandenen Fenster der Inhalt ausgetauscht.

Problem: Der Computer weiss ja nicht, ob der Betrachter das vorherige
Fenster bereits mit X- Geschlossen hat. Hier würde der Bildaustausch zum fehler führen.

Bitte um kleine Hilfestellung...

gruss gary

  1. Hello,

    müsste ich nur die Funktion 13 mal in den Head Bereich einfügen

    nein, warum - es ist eine Funktion, damit es nur ein einziges Mal da ist. Und durch den Aufruf mit this.href als Parameter ist das alles schon genau passend.

    , und unten im Body die href- Zeile auch 13 mal.

    Korrekt.

    Was mir an dieser Lösung nicht gefällt: Wenn der Betrachter meint er müsste drei Thumbnails anklicken, bekommt er drei Einzelfenster, die er dann auch einzeln schliessen müsste.

    Nein, nicht wenn du nur eine Funktion verwendest, denn auf Grund des Fensternamens wird der Browser automatisch erkennen, dass es das Fenster schon gibt und...

    Besser: Sobald ein anderes Thumbnail geklickt wird, wird im vorhandenen Fenster der Inhalt ausgetauscht.

    ...genau das machen.

    Problem: Der Computer weiss ja nicht, ob der Betrachter das vorherige
    Fenster bereits mit X- Geschlossen hat. Hier würde der Bildaustausch zum fehler führen.

    doch, weiß er.

    MfG
    Rouven

    --
    -------------------
    Let Bygones Be Bygones  --  Robert Pitscottie: "Chronicles of Scotland"
    1. Hallo an alle,

      Merci für die tipps, werd ich so machen.

      Gruss und Dank

      gary

      1. Hallo an alle,

        Mal sehen ob es funktioniert an einem älteren Thema weiter zu machen...

        Ich bin nun mit der Funktion fertig. Auch das mit dem href hat imkleinen test funktioniert. Doch nun habe ich ein kleines Problemchen:

        <td width="11%" align="center"><img border="0" src="Thumb-Test.JPG" width="60" height="45"></td>

        <href="http://www.vam-shop.com/Pic_00.htm" onclick="PicViewer(this.href)"; return false>

        Ich habe ein kleines Testbild (60x45 pix) in eine Tabelle eingefügt.
        Nun hätte ich gerne das beim Draufklicken des Bildchens die href Funktion durchgeführt wird. Tut es aber nicht.

        Live zu sehen unter www.vam-shop.com im Shopbereich deutsche Fahne klicken. (Ja ich weiss keine Schnitzeljagt, weiss aber nicht mehr wie korrekt den Pfad angeben- sorry).

        Wie sag ich Ihm (dem Browser) das er das Bild auf Klick überwachen soll.

        gruss gary...

        --
        It's so easy - if you know it - but till you know it...
        1. Hello,

          Mal sehen ob es funktioniert an einem älteren Thema weiter zu machen...

          aber sicher klappt das!

          Aus deinem Quelltext:
          <td width="11%" align="center"><img border="0" src="Thumb-Test.JPG" width="60" height="45"></td>
                <href="http://www.vam-shop.com/Pic_00.htm" onclick="PicViewer(this.href)"; return false>

          Tu dir selbst bitte einen Gefallen und achte auf sauberes HTML. Das kann so nicht zu vorhersehbaren Ergebnissen führen - der Browser stochert im Nebel bei der Suche nach dem, was du wohl gemeint haben könntest.
          Was du eigentlich suchst ist
          <td>
             <a href... onclick...>
                <img ...>
             </a>
          </td>

          MfG
          Rouven

          --
          -------------------
          Ambition is the last refuge of failure.  --  Oscar Wilde (Irish Poet, Novelist, Dramatist and Critic, 1854-1900)
          1. Hallihallo Rouven,

            Jetzt sieht es so aus:

            <td width="11%" align="center"><img border="0" src="Thumb-Test.JPG" width="60" height="45">

            <a><href="http://www.vam-shop.com/Pic_00.htm" onclick="PicViewer(this.href)"; return false>
            </a>

            </td>

            Das mit dem img (Bild) hab ich aber noch nicht ganz verstanden...

            gruss gary

            1. Hello,

              <a><href="http://www.vam-shop.com/Pic_00.htm" onclick="PicViewer(this.href)"; return false>

              ^^^ was ist das??

              Und das mit dem Bild ist eigentlich recht einfach, nämlich genau so wie ich es geschrieben habe: Du möchtest einen Link <a>, dessen Inhalt nicht Text sondern ein Bild ist. Also schreibst du nicht <a...>Mein Link</a> sondern <a...><img...></a>

              MfG
              Rouven

              --
              -------------------
              Unser Problem ist, dass wir eine Demokratie entwickelt haben, was nicht immer der richtige Weg ist  --  Bernie Ecclestone zu den lästigen Diskussionen um Regeländerungen in der Formel 1
              1. Na gut, dann auf ein neues,

                Ich hab das:
                <td width="11%" align="center">
                <a><href="http://www.vam-shop.com/Pic_00.htm" onclick="PicViewer(this.href)"; return false>
                <img src="Thumb-Test.JPG" width="60" height="45" alt="">
                </a>

                Und das:
                <td width="11%" align="center">
                <href="http://www.vam-shop.com/Pic_00.htm" onclick="PicViewer(this.href)"; return false>
                <a>
                <img src="Thumb-Test.JPG" width="60" height="45" alt="">
                </a>

                ausprobiert. Dank deinen Tipps kann man sogar auf das bild klicken und das neue Fenster geht auf. Sonderbar ist jetzt plötzlich, dass er die .htm Seite nicht mehr findet - sprich das neue Fenster meldet Seitenladefehler, Datei nicht gefunden ?

                Warum ?

                Gruss gary...

                1. Hello,

                  <a><href="http://www.vam-shop.com/Pic_00.htm" onclick="PicViewer(this.href)"; return false>[...] </a>

                  <href="http://www.vam-shop.com/Pic_00.htm" onclick="PicViewer(this.href)"; return false>
                  <a>[...]</a>

                  bitte bitte bitte bitte bitte sieh dir die Grundlagen von HTML an. Was da steht ist alles andere als gültiges HTML. Verweise definieren in HTML

                  MfG
                  Rouven

                  --
                  -------------------
                  Let Bygones Be Bygones  --  Robert Pitscottie: "Chronicles of Scotland"
                  1. Halleluja !

                    So jetzt läuft es. Ich habe es nach reichlich "probieren" hinbekommen.
                    So sieht der Quelltext des entsprechenden Passus jetzt aus:

                    <a href="http://www.vam-shop.com/Pic_00.htm" onclick="PicViewer(this.href); return false">
                    <img border="0" src="Thumb-Test.JPG" width="60" height="45" alt=""></td>

                    Zwar scheint mir vom Codebild her noch irgendwie ein <a oder </a> oder so ähnlich zu fehlen, aber der Browser macht jetzt das was er soll.

                    Das Testpic auf der deutschen Seite des Shops geht auf jeden Fall.

                    Ich danke dir für deine geduldige Unterweisung in der hohen Schule des JavaScriptes und des httpes...

                    Merci vielmal und noch einen schönen Abend...

                    Gruss gary

                    1. Hi gary,

                      <a href="http://www.vam-shop.com/Pic_00.htm" onclick="PicViewer(this.href); return false">
                      <img border="0" src="Thumb-Test.JPG" width="60" height="45" alt=""></td>

                      Zwar scheint mir vom Codebild her noch irgendwie ein <a oder </a> oder so ähnlich zu fehlen, aber der Browser macht jetzt das was er soll.

                      Argh, nein, nein, NEIN! Bzw. ja, es fehlt ein schließender A-Tag (d.h. ein </a>). Nutze bitte Tools wie den W3c Validator oder den Validator von SELFHTML um dein HTML auf Korrektheit zu prüfen. Abgesehen davon hat dir Rouven aber doch wohl schon deutlich genug gesagt, was du machen musst. Was bitte ist an Rouvens Erklärungen nicht zu verstehen?

                      Ich wiederhole es noch einmal für dich:

                      <td ...>
                        <a href="..." onclick="...">
                          <img ... />
                        </a>
                      </td>

                      Um dieses unvollständige HTML auf deinen Fall zu übertragen ist eine Transferleistung deinerseits notwendig, aber das dürfte doch nicht zu viel erwartet sein, oder?

                      <td width="11%" align="center">  
                        <a href="http://www.vam-shop.com/Pic_00.htm" onclick="PicViewer(this.href); return false">  
                          <img border="0" src="Thumb-Test.JPG" width="60" height="45" alt="" />  
                        </a>  
                      </td>
                      

                      Bitte handle NICHT nach dem "Der Browser macht doch was er soll"-Prinzip. Dabei stößt du nämlich auf Probleme, wenn du die Seite mit CSS gestalten willst, weil die Browser deine Fehler unterschiedlich interpretieren. Auch Javascript zu schreiben für die Seite wird schwierig, weil du dann für deine eigenen Fehler Work-Arounds programmieren musst.

                      Und wenn irgendwas mal nicht auf Anhieb so funktioniert wie es soll, dann suchst du dich zu Tode, nur um einen Fehler zu finden, der vielleicht ganz wo anders liegt als du es erwartet hättest, aber noch Auswirkungen auf dein Problem zeigt.

                      Viele Grüße,
                        ~ Dennis.

                      1. Hallo Dennis,

                        <img ... />

                        Warum dies im  End Tag "/>" und nicht einfach ">" ? Wenn ich zwischen alt=""[]Platz lasse und dann "/>" schreibe, erkennt FrontPage die Symbole und macht sie blau (blau ist gut !). Dafür makiert aber Firefox im Quelltext bei der Homepagebetrachtung dein "/" als rot. Und rot ist doch normal nicht gut ? Die Thumbnails funktionieren allerdings mit und ohne "/". Hab jetzt meine Page wie von dir empfohlen mit Slash "/" auf den Server gepackt.

                        Um dieses unvollständige HTML auf deinen Fall zu übertragen ist eine Transferleistung deinerseits notwendig, aber das dürfte doch nicht zu viel erwartet sein, oder?

                        Nein,in der Regel nicht. Ich muss allerdings sagen dass ich nicht zur studierten Elite gehöre. Was ich mache, ist grösstenteils selber angeeignet. Ich habe mir den gesammten e-Shop  mithilfe von FrontPage 2000 und "manuelle" Änderungen des Quellcodes zusammengebaut. Selbstverständlich verdanke ich der Selfhtml-Community unheimlich viel. Und Ohne Eure Unterstützung wäre sicher viel, viel mehr Zeit vergangen, um diese für mich doch tollen Ergebnisse zu erziehlen.

                        Bitte handle NICHT nach dem "Der Browser macht doch was er soll"-Prinzip. Dabei stößt du nämlich auf Probleme...

                        Das ist sicherlich korrekt. Die freude, wenn was funktioniert ist denoch gross ;-)

                        Grüsse gary

                        1. Hello,

                          <img ... />
                          Warum dies im  End Tag "/>" und nicht einfach ">" ? Wenn ich zwischen alt=""[]Platz lasse und dann "/>" schreibe, erkennt FrontPage die Symbole und macht sie blau (blau ist gut !). Dafür makiert aber Firefox im Quelltext bei der Homepagebetrachtung dein "/" als rot. Und rot ist doch normal nicht gut ? Die Thumbnails funktionieren allerdings mit und ohne "/". Hab jetzt meine Page wie von dir empfohlen mit Slash "/" auf den Server gepackt.

                          ja, ich hab befürchtet, dass das Thema nochmal kommt. Ich hab das geschrieben und erst hinterher darüber nachgedacht, dass das u.U. nicht so gut ist. Ich habe gesehen, dass du dich ja jetzt - löblicherweise - mit Doctypes beschäftigst. Es ist so, wenn du traditionelles HTML schreibst, dann ist das / tatsächlich falsch. Dann ist <img> ein alleine stehendes Tag. XHTML hingegen beruht auf den Regeln von XML und dort muss jedes Tag geschlossen sein - das /> am Ende schließt das Imagetag direkt wieder.

                          MfG
                          Rouven

                          --
                          -------------------
                          Vegetarier essen meinem Essen das Essen weg.
                          1. Hi Rouven,

                            Danke nochmal. Also wieder weg mit dem Slash ?

                            Kurzes ja genügt.

                            PS. geniale Signatur- hab gelacht...

                            gruss gary

                            1. Hello,

                              Danke nochmal. Also wieder weg mit dem Slash ?

                              kommt drauf an :-) für welchen Doctype wirst du dich denn entscheiden? XHTML: nein, Slash bleibt drin. HTML: ja, Slash raus.

                              MfG
                              Rouven

                              --
                              -------------------
                              Computer programming is tremendous fun. Like music, it is a skill that derives from an unknown blend of innate talent and constant practice. Like drawing, it can be shaped to a variety of ends: commercial, artistic, and pure entertainment. Programmers have a well-deserved reputation for working long hours but are rarely credited with being driven by creative fevers. Programmers talk about software development on weekends, vacations, and over meals not because they lack imagination, but because their imagination reveals worlds that others cannot see. -- Larry OBrien and Bruce Eckel in Thinking in C#
                              1. Hi Rouven,

                                Danke auch...

  2. Hello,

    <p><a href="datei.htm"
                onclick="FensterOeffnen(this.href); return false"
                target="FensternameHTNL">Link mit Fenster</a></p>

    Füge noch ein Target hinzu für den Bereich HTML.
    Target-Fenstername und der für JavaScript benutzte Objektbezeichner für das Fenster sollten tunlichst unterschiedliche Namen tragen. Sonst kann es Probleme mit (älteren) Browsern geben.

    Harzliche Grüße vom Berg
    http://bergpost.annerschbarrich.de

    Tom

    --
    Fortschritt entsteht nur durch die Auseinandersetzung der Kreativen
    Nur selber lernen macht schlau
    Ein Jammer ist auch, dass die Dummen so selbstsicher und die Klugen voller Zweifel sind. Das sollte uns häufiger zweifeln lassen :-)