Avatar billede starofdk Nybegynder
13. april 2010 - 19:35 Der er 4 kommentarer og
1 løsning

1 klik skal åbne 2 sider

Hejsa

Jeg er ikke sikker på jeg har oprettet spørgsmål det rigtige sted.. Men nu prøver jeg.

Jeg er igang med verdens mest simple hjemmeside, lavet i alm frames.. OMG ja jeg ved det. Men nu skulle den være meget let for en ven at opdatere.

Der er 2 forskellige menuer, som skifter når man klikker videre, men hver menu skal gerne have sin egen forside.

Altså når man klikker på menu2, så skal den i venstre frame åbne ny menu + åbne forside i midterste frame..

Lyder det overskueligt?

Siden ligger ligenu på: www.starzoo.eu/foto
Avatar billede claes57 Ekspert
13. april 2010 - 19:56 #1
du kalder javascriptet 'opdater' fra din menu - evt med to parametre ('side1.html','side2.html')


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<SCRIPT LANGUAGE="JavaScript">
function opdater() {
  document.getElementById("data1").src="side1.htm";
  document.getElementById("data2").src="side2.htm";
  timerID = setTimeout("opdater()",5000);
}
</SCRIPT>
</head>
<body onLoad="opdater();" bgcolor="#0000A0">
<SCRIPT LANGUAGE="JavaScript">
var hjde=document.body.clientHeight-105;
document.write("<table width='100%' border='0' cellpadding='10' cellspacing='0'><tr valign='top'><td width='50%'>");
document.write("<iframe src='side1.htm' name='data1' id='data1' scroll='no' width='100%' height='" + hjde + "' marginwidth='0' marginheight='5' frameborder='1' align='default'>");
document.write("</iframe></td><td width='50%'>");
document.write("<iframe src='side2.htm' name='data2' id='data2' scroll='no' width='100%' height='" + hjde + "' marginwidth='0' marginheight='5' frameborder='1' align='default'>");
document.write("</iframe></td></tr></table>");
</SCRIPT>
</body>
</html>
Avatar billede starofdk Nybegynder
14. april 2010 - 16:08 #2
Uha det ser indviklet ud

Har du kigget på www.starzoo.eu/foto

Når man ligenu trykker på Galleri, så skifter menuen, her skal den så samtidig lave en ny forside, under galleri skal man kunne gå samme vej tilbage, ved at klikke på Forside.

Menu har framename: hoved2 og forsiden hoved3
Avatar billede claes57 Ekspert
14. april 2010 - 18:22 #3
hvis det er indviklet, så find på noget andet at bruge din og min tid på.
jeg har en:
<body onLoad="opdater();"
så der, hvor du klikke på et menupunkt skal du kalde opdater();
og i <Head> har du et lille script:
<SCRIPT LANGUAGE="JavaScript">
function opdater() {
  document.getElementById("hoved3").src="side1.htm";
  document.getElementById("hoved2").src="side2.htm";
  timerID = setTimeout("opdater()",5000);
}
</SCRIPT>

da du ikke vil opdatere hver 5. sekund, så drop linjen
  timerID = setTimeout("opdater()",5000);


og hvis din menu skal opdater to specielle sider, så tag dem med i kaldet:
onClick="opdater('side1.html','menu2.html');"
og
<SCRIPT LANGUAGE="JavaScript">
function opdater(sideA, menuA) {
  document.getElementById("hoved3").src=sideA;
  document.getElementById("hoved2").src=menuA;
}
</SCRIPT>

scriptet bruger
getElementById
så din frame-opbygning med name= skal ogsåhave en tilsvarende id=
linjen
  <frame name="hoved2" src="menumain.htm" scrolling="auto" target="_self" noresize>
skal derfor nu være
  <frame name="hoved2" id="hoved2" src="menumain.htm" scrolling="auto" target="_self" noresize>

og tilsvarende for de andre frames.

i din menu skal du jo kalde 'opdater()', du har pt noget som
    <td width="147">
<a href="os.htm" TARGET="hoved3">
<b>Hvem er vi</b></td>

det laver vi så om til
    <td width="147" style="cursor:pointer;" onClick="opdater('os.html','menu2.html');">
    <b>Hvem er vi</b>
    </td>

bemærk, at <a href... udgår, vi sætter cursor til klikbar felt, og man kan klikke i hele tabel-feltet, og komme det rigtige sted hen.
Avatar billede starofdk Nybegynder
14. april 2010 - 18:53 #4
Avatar billede claes57 Ekspert
14. april 2010 - 19:54 #5
det er næsten eksakt samme løsning - min kan bare virke på hele feltet i tabellen, og ikke kun på link-teksten.

Hvis du kan finde løsning selv, så lad være med at stille spg herinde.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester