joachim: Fenster mit mousover öffnen

SELF-Forum

Fenster mit mousover öffnen

joachim
– Informationen zu den Bewertungsregeln

Hallo Leute
mit unten dargesteltem Skript öffne ich ein Fenster bei mouseover.
Mein Problem - wie schaffe ich es, das das zu öffnende Fenster nicht mit "width=200,height=300" geöffnet wird, sondern je nach anzuzeigendem inhald der Datei/Grafik.

Für mögliche Hilfe besten Dank im voraus.
Gruß
Joachim

<script LANGUAGE="Javascript">
var popup_window = null;
function popup(status,url) {
if(status != 0) {
if(popup != null) popup.focus();
else {
var popup = open(url, "Popup", "width=200,height=300,left=0,top=0,resizable=yes");
popup_window = popup;
}
} else {
if(popup_window != null) popup_window.close();
}
}
</script>

<body>
Fliegerärztliches Zeugnis eines zugelassenen Fliegerarztes (<a onmouseover="popup(1,'az.gif')" onmouseout="popup(0)" href><font class="otext1">Muster</font></a>)

Polizeiliches Führungszeugnis (<a onmouseover="popup(1,'fz.gif')" onmouseout="popup(0)" href><font class="otext1">Belegart O oder P</a></font>) muß<br>
       vom Zuständigen Einwohnermeldeamt direkt an die
</ul>
<ul>
 <ul class="text3">
            Regierung von Oberbayern<br>
            Luftamt Südbayern<br>
            Maximilianstr. 39<br>
            80538 München
    </ul></ul>
<ul class="text3">
        übersendet werden.
</ul>

</body>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Fenster mit mousover öffnen

    dm Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo Leute

    morgen,

    mit unten dargesteltem Skript öffne ich ein Fenster bei mouseover.
    Mein Problem - wie schaffe ich es, das das zu öffnende Fenster nicht mit "width=200,height=300" geöffnet wird, sondern je nach anzuzeigendem inhald der Datei/Grafik.

    ist von einer deutschen seite, die ich nicht mehr finde, aber womoeglich hilft dir das weiter:

    <head>
    <script language="JavaScript1.2">
      <!--
        // noch kein großes Fenster geöffnet
        var groesser=null;

    function bildGross(bildUrl,breite,hoehe)
        {
          // Preload für Opera
          preload=new Image();
          preload.src=bildUrl;

    // Fenstergrösse festlegen
          var fenster_property = "width=" + breite + ",height=" + hoehe + ",resizable=0";

    // Variablen für Platzierung auf Bildschirmmitte
          var abstand_links = Math.ceil((screen.width - breite) / 2);
          var abstand_oben = Math.ceil((screen.height - hoehe - 40) / 2);
              // 40=ca.-Faktor für Rahmen und Titelleiste

    // evtl. bereits vorhandenes Fenster schließen
          if (groesser != null)
            if (!groesser.closed) groesser.close();

    // auf Bildschirmmitte plazieren über Propertys (screenX/Y für NN, left/top für IE)
          fenster_property += ",screenX=" + abstand_links + ",screenY=" + abstand_oben
              +",left=" + abstand_links + ",top=" + abstand_oben;

    // Fenster öffnen
          groesser=window.open("","bild",fenster_property);

    // Quellcode für Fenster erzeugen
          groesser.document.open("text/html");

    groesser.document.writeln("<!doctype html public '-//W3C//DTD HTML 4.01 Transitional//EN'> ");
          groesser.document.writeln("<html> ");
          groesser.document.writeln("  <head> ");
          groesser.document.writeln("    <title>Grossansicht</title> ");
          groesser.document.writeln("    <meta http-equiv='content-type' content='text/html;charset=ISO-8859-1'> ");
          groesser.document.writeln("  </head> ");
          groesser.document.writeln("  ");
          groesser.document.writeln("  <body leftmargin='0' topmargin='0' marginwidth='0' marginheight='0'> ");
          groesser.document.writeln("    <a href='javascript:close()'> ");
          groesser.document.writeln("      <img src='" +bildUrl+ "' alt='Fenster schließen!' border=0 hspace=0 vspace=0>" );
          groesser.document.writeln("    </a> ");
          groesser.document.writeln("  </body> ");
          groesser.document.writeln("</html> ");

    groesser.document.close();

    groesser.focus();
        }

    // beim Verlassen des Dokuments evtl. vorhandenes Fenster schließen
        function fensterSchliessen()
        {
          if (groesser != null)
            if (!groesser.closed) groesser.close();
        }
      // -->
    </script>
    </head>

    damit aufrufen:

    <a href="maschine.jpg" target="_top"
       onClick="bildGross('bild.jpg',300,500);return false">
       <img src="tn_bild.gif" width=84 height=140 border=0
            alt="Klicken um das Bild größer zu sehen!">
    </a>

    cheers, dm

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Fenster mit mousover öffnen

      dm Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hallo Leute

      morgen,

      das hier hab ich noch gefunden: http://www.faqts.com/knowledge_base/view.phtml/aid/7567/fid/124

      cheers, dm

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

    2. Fenster mit mousover öffnen

      Joachim
      – Informationen zu den Bewertungsregeln

      Hallo Leute
      morgen,

      mit unten dargesteltem Skript öffne ich ein Fenster bei mouseover.
      Mein Problem - wie schaffe ich es, das das zu öffnende Fenster nicht mit "width=200,height=300" geöffnet wird, sondern je nach anzuzeigendem inhald der Datei/Grafik.

      ist von einer deutschen seite, die ich nicht mehr finde, aber womoeglich hilft dir das weiter:

      <head>
      <script language="JavaScript1.2">
        <!--
          // noch kein großes Fenster geöffnet
          var groesser=null;

      function bildGross(bildUrl,breite,hoehe)
          {
            // Preload für Opera
            preload=new Image();
            preload.src=bildUrl;

      // Fenstergrösse festlegen
            var fenster_property = "width=" + breite + ",height=" + hoehe + ",resizable=0";

      // Variablen für Platzierung auf Bildschirmmitte
            var abstand_links = Math.ceil((screen.width - breite) / 2);
            var abstand_oben = Math.ceil((screen.height - hoehe - 40) / 2);
                // 40=ca.-Faktor für Rahmen und Titelleiste

      // evtl. bereits vorhandenes Fenster schließen
            if (groesser != null)
              if (!groesser.closed) groesser.close();

      // auf Bildschirmmitte plazieren über Propertys (screenX/Y für NN, left/top für IE)
            fenster_property += ",screenX=" + abstand_links + ",screenY=" + abstand_oben
                +",left=" + abstand_links + ",top=" + abstand_oben;

      // Fenster öffnen
            groesser=window.open("","bild",fenster_property);

      // Quellcode für Fenster erzeugen
            groesser.document.open("text/html");

      groesser.document.writeln("<!doctype html public '-//W3C//DTD HTML 4.01 Transitional//EN'> ");
            groesser.document.writeln("<html> ");
            groesser.document.writeln("  <head> ");
            groesser.document.writeln("    <title>Grossansicht</title> ");
            groesser.document.writeln("    <meta http-equiv='content-type' content='text/html;charset=ISO-8859-1'> ");
            groesser.document.writeln("  </head> ");
            groesser.document.writeln("  ");
            groesser.document.writeln("  <body leftmargin='0' topmargin='0' marginwidth='0' marginheight='0'> ");
            groesser.document.writeln("    <a href='javascript:close()'> ");
            groesser.document.writeln("      <img src='" +bildUrl+ "' alt='Fenster schließen!' border=0 hspace=0 vspace=0>" );
            groesser.document.writeln("    </a> ");
            groesser.document.writeln("  </body> ");
            groesser.document.writeln("</html> ");

      groesser.document.close();

      groesser.focus();
          }

      // beim Verlassen des Dokuments evtl. vorhandenes Fenster schließen
          function fensterSchliessen()
          {
            if (groesser != null)
              if (!groesser.closed) groesser.close();
          }
        // -->
      </script>
      </head>

      damit aufrufen:

      <a href="maschine.jpg" target="_top"
         onClick="bildGross('bild.jpg',300,500);return false">
         <img src="tn_bild.gif" width=84 height=140 border=0
              alt="Klicken um das Bild größer zu sehen!">
      </a>

      Danke dm

      ich verstehs zwar noch nicht aber das kann ja noch kommen *grins*

      bay

      Joachim

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln