Skapa en
Site Navigator.
http://hem.passagen.se/jonasby/SiteNavInstr.htm


Så här gör du en Site Navigator för din hemsida Av Jonas Byström
[Uppdaterad 1997-03-28]




Med en Site Navigator kan man navigera, eller välja sidor på hemsidan,
på ett enkelt sätt utan att använda frames.


Klicka här för att testa

Site Navigator - Startar en separat navigeringspanel


Om du vill göra en egen ...

Gör så här:
  1. I det HTML-dokument du vill starta Site Navigatorn från skriver du:

    <HTML>
    <HEAD>
    ...
    </HEAD>
    <SCRIPT LANGUAGE="javascript">
    <!--
    function siteNav()
    {
        window.open("SiteNavigator.htm","siteNavigator",
        "scrollbars=yes,resizable=yes,width=150,height=620");
    }
    self.name="main2";
    //-->
    </SCRIPT>

    <BODY>
    <A HREF="javascript:siteNav()">Site Navigator</A>
    ...
    </BODY>
    </HTML>


  2. Nu gör vi själva Site Navigatorn. Skapa ett nytt dokument "SiteNavigator.htm".
    Dokumentet skrivs som vanligt, med undantag för länkreferenserna som skall
    ha ett s.k. TARGET-attribut till huvudfönstret "main2". Skriv länkreferenser enligt:

    <A TARGET="main2" HREF="...URL...">...länktext...</A>


Obs!
  • Satsen window.open får inte skrivas på flera rader (Netscape). Se till att göra
    en lång rad.
  • SCRIPT-taggarna bör du skriva före BODY-taggen.
  • Namnet "main2" kan du byta ut. Var dock noga med att ha samma namn
    i TARGET-satserna som i HTML-filen som skapar Site Navigatorn.
Lycka till!


Netscapes Handbok för JavaScript
Microsofts JScript-sajt
JavaScript Sourcebook
JavaHuset


Sprid gärna budskapet om denna sida.
Om du vill länka använd gärna den här knappen.
JB Design Logo
Kopiera HTML-koden:
<A HREF="http://hem.passagen.se/jonasby/"> <IMG SRC="http://hem.passagen.se/jonasby/img/dsgntipslogo.gif" WIDTH=88 HEIGHT=32 BORDER=0 ALT="JB Design Logo"></A>


[ Hemsida | Skapa hemsida | HTML-Guide | WEB-design | Knappdesign | FTP-tips | Idésida | Länkar ]
Till hemsidan Skicka gärna kommentarer till
© Jonas Byström
Gästbok    
Utmärkelser