Markus: Javascript weiterleitung bezgl. Fenstergröße

Hallo,

ich habe mal eine Frage bezgl. einer Weiterleitung mit Javascript, da ich folgendes Problem habe:

Die Startseite meiner Webseite besteht nur aus Bildern mit Imagemaps. Je nach Auflösung sieht man es ganz oder nur teilweise. Ich möchte gerne mit Javascript eine Weiterleitung erstellen, falls die Auflösung größer ist als 800X600.

Hier ist der Code für die Weiterleitung, aber wie füge ich die Bildschrimgrößenerkennung ein?

<HTML>
<HEAD>
<TITLE>SiehMaEinaAn</TITLE>
<SCRIPT language="JavaScript">
if((document.referrer== ""))
  {window.location.href="http://irgendeineURL.de";}
</SCRIPT>
</HEAD>

<BODY></BODY>
</HTML>

Danke im voraus!
Markus

  1. hallo,

    Die Startseite meiner Webseite besteht nur aus Bildern mit Imagemaps. Je nach Auflösung sieht man es ganz oder nur teilweise. Ich möchte gerne mit Javascript eine Weiterleitung erstellen, falls die Auflösung größer ist als 800X600.

    Hier ist der Code für die Weiterleitung, aber wie füge ich die Bildschrimgrößenerkennung ein?

    die Aufloesung bekommst du mit:

      
         var breite = screen.width;  
         var hoehe = screen.height;  
    
    

    bei deiner Anwendung waere es aber vielleicht besser, die tatsaechliche groesse des Browserfensters zu bekommen. dies geht mit:

      
                function Fensterweite ()  
                {  
                  if (window.innerWidth) {  
                    return window.innerWidth;  
                  }  
                  else if (document.body && document.body.offsetWidth)  
                  {  
                    return document.body.offsetWidth;  
                  }  
                  else  
                  {  
                    return 0;  
                  }  
                }  
      
                function Fensterhoehe ()  
                {  
                  if (window.innerHeight)  
                  {  
                    return window.innerHeight;  
                  }  
                  else if (document.body && document.body.offsetHeight)  
                  {  
                    return document.body.offsetHeight;  
                  }  
                  else  
                  {  
                    return 0;  
                  }  
                }  
    
    

    mfG,
    steckl

    1. Hi steckl,
      vielen Dank schon mal! Ich bin mit Javascript noch etwas auf Kriegsfuß. Wie könnte ich das denn komplett formulieren? Wo gebe ich die Bildschirmbreite an, die maximal sein darf bzw. wenn diese überschritten wird soll die Weiterleitung funktionieren?

      <HTML>
      <HEAD>
      <TITLE>Grafikbasierte Startseite</TITLE>
      <SCRIPT language="JavaScript">
      function Fensterweite ()
                  {
                    if (window.innerWidth) {
                      return window.innerWidth;
                    }
                    else if (document.body && document.body.offsetWidth)
                    {
                      return document.body.offsetWidth;
                    }
                    else
                    {
                      return 0;
                    }
                  }

      function Fensterhoehe ()
                  {
                    if (window.innerHeight)
                    {
                      return window.innerHeight;
                    }
                    else if (document.body && document.body.offsetHeight)
                    {
                      return document.body.offsetHeight;
                    }
                    else
                    {
                      return 0;
                    }
                  }
      if((document.referrer== ""))
        {window.location.href="http://irgendeineURL.de";}
      </SCRIPT>
      </HEAD>

      Danke,
      Markus

      1. hallo,

        Wie könnte ich das denn komplett formulieren? Wo gebe ich die Bildschirmbreite an, die maximal sein darf bzw. wenn diese überschritten wird soll die Weiterleitung funktionieren?

        so sollte es gehen:

        <HTML>
        <HEAD>
        <TITLE>Grafikbasierte Startseite</TITLE>
        <SCRIPT language="JavaScript">
        function Fensterweite ()
                    {
                      if (window.innerWidth) {
                        return window.innerWidth;
                      }
                      else if (document.body && document.body.offsetWidth)
                      {
                        return document.body.offsetWidth;
                      }
                      else
                      {
                        return 0;
                      }
                    }

        function Fensterhoehe ()
                    {
                      if (window.innerHeight)
                      {
                        return window.innerHeight;
                      }
                      else if (document.body && document.body.offsetHeight)
                      {
                        return document.body.offsetHeight;
                      }
                      else
                      {
                        return 0;
                      }
                    }
        var maxWidth = 800;    // maximale breite
        var maxHeight = 600;   // maximale hoehe
        if((document.referrer== ""))
          {
              if ( (Fensterweite() > maxWidth) && (Fensterhoehe() > maxHeight) )
                   {
                       window.location.href="http://irgendeineURL.de";
                   }

        »»

        }
        </SCRIPT>
        </HEAD>

        Ich weiss nicht genau wie du es haben willst. vielleicht musst du die '>' durch '<' ersetzen und/oder das '&&' durch '||'.
        Ausserdem kannst du das 'Fensterweite()' und 'Fensterhoehe()' durch 'screen.width' und 'screen.height' ersetzen, falls du die bildschirmaufloesung und nicht die Fenstergroesse willst.

        mfG,
        steckl

        1. Super! Großes Dankeschön schon mal für die große Mühe!!

          Ich werde es gleich mal ausprobieren, ob es so klappt.

          Gruß,
          Markus

        2. Habe es mal eben getestet! Bei Mozilla funktioniert es, aber beim IE wird´s leider nicht weitergeleitet.

          Hast Du da noch eine Idee, woran es liegen könnte?

          Supergroßes Danke aber für die Hilfe! Echt genial das Forum!

          Gruß,
          Markus

          1. Habe es mal eben getestet! Bei Mozilla funktioniert es, aber beim IE wird´s leider nicht weitergeleitet.

            frag mich nicht warum (bin auch nicht besonders gut bei javascript), aber so funktionierts bei mir (etwas vereinfacht):

            function umleitung()
                        {
                            if ( (Fensterweite () > 800) && (Fensterhoehe() > 600) )
                            {
                                alert('weiter ('+Fensterweite()+'x'+Fensterhoehe()+')');
                            }
                            else
                            {
                                alert('nicht weiter ('+Fensterweite()+'x'+Fensterhoehe()+')');
                            }
                        }

            <body onLoad="umleitung()">

            vielleicht hat ja jemand ne erklaerung dafuer. wuerd mich auch interessieren

            Gruss,
            steckl

            1. Also bis her kann ich aber über Dein Javascript Wissen nur staunen :-)

              Hut ab!

              Das hat mir sehr weitergeholfen!

              1. Also bis her kann ich aber über Dein Javascript Wissen nur staunen :-)
                Hut ab!

                freut mich wenn ich dich beeindrucken konnte :P

                Das hat mir sehr weitergeholfen!

                das freut mich ebenfalls :)

            2. Das funktioniert bei mir leider gar nicht?!
              Wo muss ich denn die Seite eingeben auf die umgeleitet wird?

              <script language="JavaScript">

              function umleitung()
                          {
                              if ( (Fensterweite () > 800) && (Fensterhoehe() > 600) )
                              {
                                  alert('weiter ('+Fensterweite()+'x'+Fensterhoehe()+')');
                              }
                              else
                              {
                                  alert('nicht weiter ('+Fensterweite()+'x'+Fensterhoehe()+')');
                              }
                          }

              <body onLoad="umleitung()">

              </script>

              Danke nochmal! Oh man, javascript macht mich fertig ;-)
              Gruß,
              Markus

              1. versuch mal das:

                  
                <HTML>  
                 <HEAD>  
                 <TITLE>Grafikbasierte Startseite</TITLE>  
                 <SCRIPT language="JavaScript">  
                 <!--  
                 function Fensterweite ()  
                             {  
                               if (window.innerWidth) {  
                                 return window.innerWidth;  
                               }  
                               else if (document.body && document.body.offsetWidth)  
                               {  
                                 return document.body.offsetWidth;  
                               }  
                               else  
                               {  
                                 return 0;  
                               }  
                             }  
                  
                             function Fensterhoehe ()  
                             {  
                               if (window.innerHeight)  
                               {  
                                return window.innerHeight;  
                               }  
                               else if (document.body && document.body.offsetHeight)  
                               {  
                                 return document.body.offsetHeight;  
                               }  
                               else  
                               {  
                                 return 0;  
                               }  
                             }  
                  
                  
                             function umleitung()  
                             {  
                              var maxWidth = 800;    // maximale breite  
                              var maxHeight = 600;   // maximale hoehe  
                              if((document.referrer== ""))  
                                {  
                                    if ( (Fensterweite() > maxWidth) && (Fensterhoehe() > maxHeight) )  
                                    {  
                                        alert('weiterleitung: '+Fensterweite()+'x'+Fensterhoehe());  
                                        window.location.href="http://irgendeineURL.de";  
                                    }  
                                    else  
                                    {  
                                        alert('keine weiterleitung: '+Fensterweite()+'x'+Fensterhoehe());  
                                    }  
                                }  
                            }  
                 -->  
                 </SCRIPT>  
                 </HEAD>  
                 <body onload="umleitung()">  
                   Seiteninhalt (falls nötig)  
                 </body>  
                 </HTML>  
                
                

                die beiden alerts und den else-zweig kannst wegmachen, wenn es funktioniert.

                mfG,
                steckl