DevTrain Startseite Visual Studio 1 Magazin  
  
  
SUCHEN:  
ARTIKEL ONLINE: 525   

Kategorien
.NET
Datenbanken
Web
XML

Allgemein
Camp
Foren
Events
Persönliche Einstellungen
Registrieren
Prämien Shop
Kontakt
Impressum
Über DevTrain

Autoren


   Autor: Unbekannt nn Artikel Drucken
        
Frame Inhalte mit Java Script austauschen

In diesem Beispiel wollen wir eine HTML Seite in drei Frames aufteilen, wobei
sich in einem der Frames Links befinden die mit Hilfe einer Javascript-Funktion
die Inhalte der anderen beiden Frames gegeneinander austauscht !

 Punkt1: Eine HTML Seite in drei Frames aufteilen

<html>
<head>
  <title>Change Frame</title>
</head>
   <frameset rows="117,*">
 <frame src= "change1.htm" name="change1">
      <frameset cols="209,*">
  <frame src="menue.htm" name="menue">
  <frame src="change2.htm" name="change2">
      </frameset>
   </frameset>
</html>

Punkt2: Erstellen der menue.htm mit den beiden Links und der
Funktion die die beiden anderen Frames gegeneinander austauscht !

<html>
<head>
  <title>menue</title>
<Script Language="JavaScript">
<!--
function change_frame(number)
   {
     if (number = = 1)
        {
         parent.change1.location.href="change2.htm";
         parent.change2.location.href="change1.htm";
       }
     if (number = = 2)
       {
        parent.change1.location.href="change1.htm";
        parent.change2.location.href="change2.htm";
        }
   } 

</Script>
</head>
  <body>
     <a href="Javascript:change_frame(1)">'change2.htm' upward</a> <br>
     <a href="Javascript:change_frame(2)">'change1.htm' upward</a> <br>
  </body>
</html>


Punkt3: Die Seiten change1.htm und change2.htm sind reine Html Seiten und
ohne Funktion !

<html>
<head>
  <title>change1</title>
</head>
<body>
  That is contents of change1.htm
</body>
</html>

<html>
<head>
  <title>change2</title>
</head>
<body>
  That is contents of change2.htm
</body>
</html>

Wenn Sie diese Seiten so erstellt haben, können Sie je nach Einstellung, den Besuchern Ihrer Seite
selbst überlassen ob Sie das Menü zb. rechts, links, oben oder unten anzeigen !

Natürlich können Sie sich den ganzen Source-Code unter Velinkte Dokumente downloaden !


DevTrain Camp - Schneller zum .NET 3.5 Developer
 
Verwandte Artikel      Verlinkte Dokumente
    Keine verknüpften Dokumente

  Erfasst am: 08.05.2001
  Gültig bis: 07.06.2001
2 Ratings
Bewertung: 80,0%
schlecht    sehr gut  

 
© Copyright 2007 ppedv AG