Java Script


 

 

Java Scripte

Beschreibung

 
  Grundlagen     Das solltest du wissen wenn du Java Script einsetzt  
  Auflösung anzeigen     Zeigt deinen Besuchern ihre Auflösung an  
  Betriebssystem anzeigen     Zeigt deinen Besuchern ihr Betriebssystem an  
  Prüfen ob Java Script aktiv ist     Prüft ob Java Script aktiv ist  
  Webbrowser anzeigen     Zeigt deinen Besuchern ihren Webbrowser an.  
  Zwei Frames gleichzeitig verändern, mit Zurückbutton     Ein Link verändert 2 Frameseiten gleichzeitig, inklusive passendem Zurückbutten der beide wieder zurück setzt  

 

 Zurück-Button     Zurück-Button der nur ein bestimmtes Frame verändert

 

 

 

    

 

 

 

 

 

Wichtig: die Zahlen 001,002,003.... nicht mit eingeben, sie dienen nur dem Verständnis!

 

 

 

 

 

  Grundlagen

Zurück

 

 

 

 Du musst wissen,...

  • dass deine Besucher Java Script aktiviert haben muss damit er es nutzen kann.

  • dass Java Script in den HTML-Code eingebunden wird.

  • dass Java Scripte mit "<script language="JavaScript">" beginnen und mit  "</script>" enden.

  • dass du den Code direkt im HTML-Code an der gewünschten Stelle einfügen musst.

 

 

 

 

 

 

 

 

 

 

 

 

Auflösung anzeigen

Zurück

 

 

 

Mit diesem Script kannst du deinen Besuchern ihre Auflösung anzeigen.

 

Code

 

 

001:

002:

003:

 <script language="JavaScript">
    document.write("Deine Auflösung beträgt: " + screen.width + "x" + screen.height + " Pixel!") ;
</script>

 

Beispiel

 

 

 

 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Betriebssystem anzeigen

Zurück

 

 

 

  • Besuchern ihr Betriebssystem anzeigen

  • Besuchern ihr Windows Betriebssystem anzeigen

 

  • Mit diesem Script kannst du deinen Besuchern ihr Betriebssystem anzeigen.

 

Code 1 muss im Head-Bereich eingefügt werden, Code 2 an der Stelle wo es angezeigt werden soll (Body).

 

Code 1

 

 

 

 

 

 

 

 

 

 

 

 

001:
002:
003:
004:
005:
006:
007:
008:
009:
010:
011:
012:
013:
014:

015:

016:

<head>
<script type="text/javascript" language="JavaScript">
var os, info ;
os = "Ein unbekanntes System"
info = navigator.userAgent
if (info.indexOf("WinNT 5.0") != -1 || info.indexOf("Windows NT 5.0") != -1) {os = "Windows 2000"; } else
if (info.indexOf("WinNT 5.1") != -1 || info.indexOf("Windows NT 5.1") != -1) {os = "Windows XP"; } else
if (info.indexOf("WinNT") != -1 || info.indexOf("Windows NT") != -1) {os = "Windows NT";} else
if(parseInt(navigator.appVersion.indexOf('95')) != -1) {os = 'Windows 95'; }else
if(navigator.appVersion.indexOf('98') != -1) {os = 'Windows 98' ; } else
if(navigator.appVersion.indexOf('Mac') != -1) {os = 'Mac OS';}else
if(navigator.appVersion.indexOf('X') != -1) {os = 'X-Windows' ; } else
if(navigator.appVersion.indexOf('Win') != -1) {os = 'Windows (3.1)' ; }
if (os == 'Windows (3.1)') os = 'Windows';
</script>
</head>

 

Code 2

 

 

001:

002:

003:

004:

005:

 Du benutzt als Betriebssystem:
<script type="text/javascript" language="JavaScript">
document.write(os)
</script>

 

Beispiel

 

 

 

hier 

 

 

 

  • Mit diesem Script kannst du deinen Besuchern ihr Windows Betriebssystem anzeigen.

 

Code

 

 

 

 

 

 

 

 

 

 

 

001:
002:
003:
004:
005:
006:
007:
008:
009:
010:
011:
012:
013:
014:

<script language="JavaScript">
info = navigator.userAgent
if (info.indexOf("Win98") != -1 || info.indexOf("Windows 98") != -1)
system = "Windows 98";
if (info.indexOf("Win95") != -1 || info.indexOf("Windows 95") != -1)
system = "Windows 95";
if (info.indexOf("WinNT") != -1 || info.indexOf("Windows NT") != -1)
system = "Windows NT";
if (info.indexOf("WinNT 5.0") != -1 || info.indexOf("Windows NT 5.0") != -1)
system = "Windows 2000";
if (info.indexOf("WinNT 5.1") != -1 || info.indexOf("Windows NT 5.1") != -1)
system = "Windows XP";
document.write("Du benutzt als Betriebssystem " + system + ".");
</script>

 

Beispiel

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 Prüfen ob Java Script aktiviert ist

Zurück

 

 

 

Mit diesem Script kannst du deinen Besuchern anzeigen lassen ob Java Script aktiviert oder deaktiviert ist..

 

Mit einer Textausgabe:

 

Code

 

 

001:
002:
003:
004:
005:
006:

 <script language="JavaScript">
document.write("Javascript ist aktiviert!");
</script>
<noscript>
Javascript ist deaktiviert.
</noscript>

 

Beispiel

 

 

 

 

 

Mit Bildausgabe:

 
 

Java Script ein  

   Java Script aus

 

Die blauen Stellen müssen noch angepasst werden, je nachdem wo du deine Grafiken liegen hast.

 

Code

 

 

001:
002:
003:
004:
005:
006:

 <script language="JavaScript">
javaon ="Grafiken/javaon.gif";
javaoff ="Grafiken/javaoff.gif";
document.write('<img src="'+javaon+'" border="0" >');
</script>
<noscript><img border="0" src="Grafiken/javaoff.gif" width="106" height="98"></noscript>

 

Beispiel

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 Verwendeter Webbrowser

Zurück

 

 

 

  • Internetbrowser mit Versionsnummer anzeigen

  • Internetbrowser ohne Versionsnummer anzeigen

 

  • Mit diesem Script kannst du deinen Besuchern ihren verwendeten Internetbrowser mit der Versionsnummer anzeigen lassen.

 

Code 1 muss im Head-Bereich eingefügt werden, Code 2 an der Stelle wo es angezeigt werden soll.

 

Code 1

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

001:

002:

003:

004:
005:
006:
007:
008:
009:

010:

011:

012:

013:

014:

015:

 <head>
<script type="text/javascript" language="JavaScript">
info = navigator.userAgent
var browser , version ;
if(parseInt(navigator.appVersion.indexOf('6.')) != -1){ version = '6'; }else
if(parseInt(navigator.appVersion.indexOf('5.')) != -1){ version = '5'; }else
if(parseInt(navigator.appVersion.indexOf('4.')) != -1){ version = '4'; }else
if(parseInt(navigator.appVersion.indexOf('3.')) != -1){ version = '3'; }else
if(navigator.appVersion.indexOf('2.') != -1){ version = '2';}
if(navigator.appName.indexOf('Microsoft') != -1){browser = 'Microsoft Internet Explorer';}else
if(navigator.userAgent.indexOf('Opera') != -1){browser = 'Opera';}else
if(navigator.appName.indexOf('Netscape') != -1){browser = 'Netscape Navigator'}
if (browser=='Netscape Navigator' && version=='5') {version='6'}
</script>
</head>

 

Code 2

 

 

001:

002:

003:

004:

 Du benutzt:
<script type="text/javascript" language="JavaScript">
document.write(' ' + browser + ' ' + version);
</script>

 

Beispiel

 

 

 

hier

 

 

 

 

 

  • Mit diesem Script kannst du deinen Besuchern ihren verwendeten Internetbrowser ohne die Versionsnummer anzeigen lassen.

 

Code

 

 

001:

002:

003:

 <script language="JavaScript">
document.write("Du benutzt den  " + navigator.appName + ".");
</script>

 

Beispiel

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 Zwei Frames gleichzeitig verändern

Zurück

 

 

 

Mit diesem Script kannst du durch nur einen Link zwei Frameseiten gleichzeitig verändern..

 

Die blau und grün gekennzeichneten Inhalte musst du deiner Seite anpassen!

 

Obere Seite (oben)      - Hauptmenü

Linke Seite

(links)

 

Hauptseite

(main)

 
 

 

Ausschnitt aus dem verwendete Hauptframe für dieses Beispiel:

 

Code 0

 

 

 

 

 

001:

002:

003:
004:
005:
006:
007:

<frameset rows="272,*">
<frame name="oben"  src="obere_seite.htm" >
<frameset cols="150,*">
<frame name="links"  src="linke_seite.htm">
<frame name="main"  src="hauptseite.htm">
</frameset>
<noframes>

 

Dieses Script muss im "Head" der Oberen Seite eingebunden werden (die Seite die nicht wechselt):

 

Code 1

 

 

 

 

 

 

 

001:

002:

003:
004:
005:
006:
007:
008:
009:

 <script type="text/javascript">
function changeContent(dest1,frame1,dest2,frame2)
 {
  newContent1 = eval("parent."+frame1);
  newContent2 = eval("parent."+frame2);
  newContent1.location.href = dest1;
  newContent2.location.href = dest2;
 }
</script>

 

Achte unbedingt darauf, dass für die Seite in der "Code 1" eingebunden wird (hier Obere Seite) kein Standartzielframe (<base target="main">) festgelegt ist!

 

Den zu verwendete Link an der gewünschten Stelle der Oberen Seite einfügen:

 

Blau: Zielseite  - Grün: der Framename in dem die Seite geöffnet wird  - Rot: Linkbezeichnung

Code 2

001:

 <a href="javascript:changeContent('linke_seite2.htm','links','hauptseite2.htm','main')">Link</a>

 

 

Da der Browser die Verweise weiterhin einzeln interpretiert kommt es zu einem ungewünschten Verhalten, der Benutzer muss zweimal den Zurück-Button betätigen, um zu dem zuvor betrachteten Inhalt zurückzukehren (Gilt nicht für den Opera Browser, dieser interpretiert es richtig). Daher solltest du auch einen eigenen Zurückbutton einbauen,

 

Dazu musst du diesen Code noch zusätzlich in den "Head" der Oberen Seite einbinden:

(oder nur die Zeilen 002 bis 008 vom Code 3 zwischen die Zeilen 008 und 009 des Code1 einfügen)

 

Code 3

 

 

 

 

 

 

 

001:

002:

003:
004:
005:
006:
007:
008:
009:

 <script type="text/javascript">
function goBack(frame1,frame2)
{
  newContent1=eval("parent."+frame1);
  newContent2=eval("parent."+frame2);
  newContent1.history.back();
  if (!window.opera) window.setTimeout("newContent2.history.back()",10);
}
</script>

 

Den zu verwendete Zurücklink an der gewünschten Stelle der Oberen Seite einfügen:

 

Grün: die Frames die zurück gesetzt werden  - Rot: Linkbezeichnung

Code 4

001:

 <p align="center"><a href="javascript:goBack('links','main')">zur&uuml;ck</a>

 

Beispiel

 

 

 hier

 

 

 

 

 

 

 

 

 

 

 

 

Zurück Button

Zurück

 

 

  

Ein Zurückbutton der nur ein bestimmtes Frame verändert, auch bei der vorherigen Veränderung von zwei Seiten.

 

Code

001:

 

<a target="I1" href="javascript:history.back()">
<font color="#000000"><span style="text-decoration: none">Zurück</span></font></a>

 

Beispiel

 

 

Zurück