---
title: "Hyperlänk för att skifta sidor i tre olika ramar?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/157602-hyperlänk-för-att-skifta-sidor-i-tre-olika-ramar"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Lundin"
published: "2007-02-27T04:33:32.000Z"
updated: "2007-02-27T17:03:54.000Z"
replies: 21
views: 765
page: 1
pages: 2
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/157602-hyperlänk-för-att-skifta-sidor-i-tre-olika-ramar"
---

# Hyperlänk för att skifta sidor i tre olika ramar?

_Sida 1 av 2._

## #1 — Lundin, 2007-02-27T04:33Z

Hejsan!
Håller på med en hemsida i mitt projektarbete och har nu stött på en grej som är ytterst irriterande.Skall med hjälp utav en bilder föreställande svenska samt engelska flaggan skifta innehållet i tre olika ramar.Jag vill alltså uppnå följande effekt:

Klick på engelsk flagga-\>få fram informationen på engelska i ramarna
Klick på svensk flagga-\>få fram informationen på svenska i de tre ramarna

Använder mig av Frontpage 2003 men har inte lyckats lösa det med hjälp av programmet.Vad ska jag ta mig till?

Permalänk: https://www.webforum.nu/p/157602

## #2 — headbug, 2007-02-27T07:14Z

För att byta innehåll i flera ramar samtidigt från en länk måste man använda ett klientscript som tex Javascript. Vissa editorer (som tex dreamweaver) lägger in detta åt en om man vill åstadkomma detta. Men i alla fall, dina bilder är alltså länkade med en \<a\>-tag. Ändra den såhär:

```
     <a href="javascript:parent.frame1.location='url1'; parent.frame2.location='url2';parent.frame3.location='url3'"> 
     <img src="en_flagga.gif"></a>
```

där frame1, frame2, frame3 är namnen på dina frames. Byt ut efter behov. url1, url2, url3 bör vara fulla URL:er och om det är referenser till mappar bör dom sluta med / annars kommer JS att klaga.

Permalänk: https://www.webforum.nu/p/1940855

## #3 — Lundin, 2007-02-27T07:21Z

Det där funkade tyvärr inget vidare.Något som är enklare kanske?vet ej om jag gjorde rätt men jag infogade följande i frontpage:

```
<p align="right">
 <a href="javascript:parent.huvud.location='start_eng.htm'; parent.kontakt.location='kontakt_eng.htm';parent.meny.location='meny_eng.htm'"> 
     <src="images.jpg" width="36" height="27">></a>
  <a href="javascript:parent.huvud.location='start_swe.htm'; parent.kontakt.location='kontakt_swe.htm';parent.meny.location='meny_swe.htm'"> 
     <src="SWDN0001.jpg" width="36" height="27">></a> 
</p>
```

Permalänk: https://www.webforum.nu/p/1940858

## #4 — headbug, 2007-02-27T07:33Z

Oj hehe, dina bilder måste ha en \<img det har du glömt :)
Sen är det inklistrat med 

```
parent.meny.locati  on=
```

men det kanske bara blev knas när du kopierade?

Om det ändå inte fungerar kan du kanske prova med att ange hela URL:en till dina 6 sidor, dvs dom borde se ut som 

```
parent.kontakt.location='http://www.minbraserver.se/kontakt_eng.htm'
```

/HB

Permalänk: https://www.webforum.nu/p/1940861

## #5 — headbug, 2007-02-27T07:36Z

Jag ändrar åt dig förresten :D

```
<p align="right">
 <a href="javascript:parent.huvud.location='start_eng.htm'; parent.kontakt.location='kontakt_eng.htm';parent.meny.location='meny_eng.htm'"> 
     <img src="images.jpg" width="36" height="27"></a>
  <a href="javascript:parent.huvud.location='start_swe.htm'; parent.kontakt.location='kontakt_swe.htm';parent.meny.location='meny_swe.htm'"> 
     <img src="SWDN0001.jpg" width="36" height="27"></a> 
</p>
```

Klistra in detta och se om det blev bättre!

Permalänk: https://www.webforum.nu/p/1940862

## #6 — Lundin, 2007-02-27T07:56Z

Det fungerade inte heller.Antar att det är något med sökvägarna som krånglar?Just nu har jag filerna på datorn i mina dokument mappen.

Permalänk: https://www.webforum.nu/p/1940866

## #7 — @nders, 2007-02-27T07:57Z

På vilket sätt fungerar det inte då?
Du har sett till att inte få med de mellanslag i javascriptet som webForum petar dit?

Permalänk: https://www.webforum.nu/p/1940867

## #8 — Lundin, 2007-02-27T08:08Z

Problemet är att det inte händer någonting när jag använder länkarna.Hade råkat få med mellanrummen men jag ändrade detta nu och det gjorde ingen skillnad.

Permalänk: https://www.webforum.nu/p/1940871

## #9 — @nders, 2007-02-27T08:11Z

Får du något javascriptfel i din webbläsare?
Använd gärna Firefox och titta i Error console (finns i tools-menyn.)

Permalänk: https://www.webforum.nu/p/1940872

## #10 — Lundin, 2007-02-27T08:15Z

Får felmeddelandet: parent.huvud has no properties samt att knappt något annat funkar.Funkar perfekt i IE men i Firefox saknas en hel del grafik.

Permalänk: https://www.webforum.nu/p/1940874

## #11 — voigtann1, 2007-02-27T08:21Z

vad heter dina frames? huvud eller Huvud? Kan vara så att du har skrivit med versaler?

Permalänk: https://www.webforum.nu/p/1940876

## #12 — Lundin, 2007-02-27T08:29Z

Hade gjort det felet.Fick dock ett nytt problem.Istället för att ta fram informationen jag vill ha i ramarna så gör länken bara att jag får fram en vit blank sida där det står: meny_eng.htm eller meny_swe.htm beroende på vilken flagga man trycker på.Fick även problemet att sidan krånglar i Firefox.I denna webbläsare så blir det streck mellan tre av framerna så sidan ser helkonstig ut,detta uppträder dock inte i IE.   :(

Permalänk: https://www.webforum.nu/p/1940878

## #13 — tanten, 2007-02-27T09:51Z

Jag blir alltid lite misstänksam mot Frontpage, som kan lägga till en hel del märklig kod...
Vad blir det för utskrift om du "visar källan" i webläsaren?

Permalänk: https://www.webforum.nu/p/1940904

## #14 — Lundin, 2007-02-27T09:52Z

Får följande:

```
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Åkerö Service AB</title>
</head>

<body background="images/dgren036.jpg">

<p align="right">
 <a href="javascript:parent.huvud.location='start_eng.htm';parent.kontakt.location='kontakt_eng.htm';parent.meny.location='meny_eng.htm'"> 
     <img src="images/images.jpg" width="36" height="27"></a>
  <a href="javascript:parent.huvud.location='start_swe.htm';parent.kontakt.location='kontakt_swe.htm';parent.meny.location='meny_swe.htm'"> 
     <img src="images/SWDN0001.jpg" width="36" height="27"></a> 
</p>
<p align="center">
<br>
<iframe name="banner" width="803" height="155" src="Swedish/banner_swe.htm" scrolling="no" border="0" frameborder="0">
Din webbläsare stöder inte inbäddade ramar, eller så är den konfigurerad att inte visa inbäddade ramar.
</iframe><br>
<iframe name="meny" width="186" height="619" src="Swedish/meny_swe.htm" border="0" frameborder="0" marginwidth="1" marginheight="1">
Din webbläsare stöder inte inbäddade ramar, eller så är den konfigurerad att inte visa inbäddade ramar.
</iframe>
<iframe name="huvud" width="617" height="619" src="Swedish/start_swe.htm" border="0" frameborder="0" marginwidth="1" marginheight="1">
Din webbläsare stöder inte inbäddade ramar, eller så är den konfigurerad att inte visa inbäddade ramar.
</iframe><br>
<iframe name="kontakt" width="803" height="91" scrolling="no" src="Swedish/kontakt_swe.htm" border="0" frameborder="0" marginwidth="1" marginheight="1">
Din webbläsare stöder inte inbäddade ramar, eller så är den konfigurerad att inte visa inbäddade ramar.
</iframe></p>
<p>&nbsp;</p>

</body>

</html>
```

Permalänk: https://www.webforum.nu/p/1940905

## #15 — Lundin, 2007-02-27T10:46Z

Här är bilder på ett av problemen:

<http://img207.imageshack.us/img207/2710/internetexplorerqq3.jpg>

<http://img207.imageshack.us/img207/7800/firefoxcl1.jpg>

Permalänk: https://www.webforum.nu/p/1940911

## #16 — kaxigt, 2007-02-27T11:50Z

Javascript för att skifta fler ramar fungerar tyvärr inte om man använder iframe, du måste använda vanliga ramar. Varför använder du inte dig av ett serverscript som php eller asp? då kan du lätt byta innehåll till respektive språk eftersom du kallar på deras filer via en php-include.

Sedan - varför använder du dig inte av \<meta http-equiv="Content-Type"content="text/html; charset=iso-8859-1"\> eftersom du använder västerländst typsnitt?

Jag, som aldrig har använt frontpage och är därför helt rudis på denna html-editor, undrar därför om nedanstående kod är specifik för denna? 

```
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
```

Permalänk: https://www.webforum.nu/p/1940923

## #17 — tanten, 2007-02-27T12:38Z

> **kaxigt skrev:**
>
> ```
> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
> ```

Något som microsoft hittat på för sina produkter... säger jag utan att kolla.  :P
Men det är där man hittar den. 

Du säger att det är ett projektarbete. Är det då sagt att det ska göras i iframe?
Eller är det något du valt själv?

Permalänk: https://www.webforum.nu/p/1940935

## #18 — Lundin, 2007-02-27T13:06Z

Nejdå jag får göra precis som jag vill.har ingen aning om iframe osv osv.Har bara gjort på samma sätt som jag gjorde under webbdesign kursen i skolan men har ni förslag som underlättar så tar jag tacksamt emot dom :)

Permalänk: https://www.webforum.nu/p/1940940

## #19 — tanten, 2007-02-27T15:28Z

Med tanke på hur din sida ser ut att vara uppbygd så skulle jag ha använt mig av kaxigts förslag med att använda includes i stället.
När det gäller frames, som du bör använda dig av i stället för iframes så finns det mycket skrivet här på forumet om nackdelarna med det. Leta runt...
Vill du trots det använda frames så har du grunderna om det här
<http://www.w3schools.com/html/html_frames.asp>.

Permalänk: https://www.webforum.nu/p/1940981

## #20 — Lundin, 2007-02-27T15:38Z

Det låter jättebra,synd bara att jag inte förstår vad ni menar med includes.Grejen är ju att ramarna inte skall täcka hela sidan,kan jag åstadkomma detta med vanliga frames?

Permalänk: https://www.webforum.nu/p/1940984

---

Tråden på webben: https://www.webforum.nu/amne/html-css/157602-hyperlänk-för-att-skifta-sidor-i-tre-olika-ramar  
Nästa sida: https://www.webforum.nu/amne/html-css/157602-hyperlänk-för-att-skifta-sidor-i-tre-olika-ramar/page2.md