Søg
Avatar billede viva Nybegynder
16. februar 2002 - 01:32 Der er 46 kommentarer og
1 løsning

Skift til ny side i frame - og tilbage

Jeg har brug for at trække en serie af sider (01.html, 02.html, 03.html) fra en bestemt mappe og indsætte disse i en frame. I en modstående frame har jeg en en gif pil FREM og en gif pil TILBAGE. Default siden i den anden frame er: 01.html. Hvordan kan der nu bladres med pilen FREM til siden 02.html, 03.html osv. og ligeledes fra f.eks 09.html tilbage til 08.html, 07.html osv. med pilen TILBAGE.

Jeg kender funktionen:

TILBAGE:
<a href="java script:history.back()">Tilbage</a>

FREM:
<a href="java script:history.forward()">Frem</a>


Men kan ikke få det til at virke med det ovenstående ønske. Nogen der har lidt teoretisk hjælp til dette spørgsmål?
Avatar billede fri-hash Nybegynder
16. februar 2002 - 09:05 #1
måske dette kan hjælpe dig på vej

det er den fil med pilene:

i head
<script>
var current = 1; // hvis side1.html er default
var prev = current-1;
var next = current+1;

function skiftprev(){
  current--;
  prev--;
  next--;
}
function skiftnext(){
  current++;
  prev++;
  next++;
}
</script>

pilene kan så laves noget lignende
<script>
document.write("a href='side" + prev + ".html' target='MAIN' onclick='skiftprev();'>Tilbage</a>");
document.write("a href='side" + next + ".html' target='MAIN' onclick='skiftnext();'>Frem</a>");
</script>

så kan du evt. selv lige rette til så man ikke kan gå tilbage fra første side og ikke kan gå frem fra sidste side
Avatar billede fri-hash Nybegynder
16. februar 2002 - 09:06 #2
hvor MAIN skal skiftes ud med navnet på den frame der skal vise siderne
Avatar billede viva Nybegynder
16. februar 2002 - 13:27 #3
Okay... det lyder fint. Men hvordan hvis knapperne (pilene) Frem/Tilbage er små GIF billeder med mouseOver effekt? Hvordan integrerer jeg det i din document.write kode?

Kunne man måske indsætte en 'antals' variable, der styrer hvor mange sider der kan skiftes frem og tilbage imellem? Altså angive i scriptet f.eks 30 sider. På den måde vil en stopklods automatisk opstå når side30.html er vist... !?!

Jeg bruger nedestående MouseOver script med indbygget FIX funktion. Men kan altså ikke helt lurer hvordan dette kombineres med dit 'document.write'



<script language="JavaScript">
<!--
if (document.images) {

  img1_on = new Image();
  img1_on.src = "piltilbage.gif";
  img1_off = new Image();
  img1_off.src = "pilfrem.gif";
 
}

var  iNavn = "";

function ms( imagename, action ) {
  if ( !document.images || iNavn == imagename ) return;
  if ( 'fix' == action ) {
      if ( iNavn != "" ) {
          temp = iNavn;
          iNavn = "";
          ms( temp, 'off' );
      }
      iNavn = imagename;
  } else
      document.images[imagename].src = window[ imagename +'_' +action ].src;
  }

// -->
</script>

<a href="#" onfocus="this.blur( )" onMouseOver="ms('img1', 'on')" onMouseOut="ms('img1', 'off')" onClick="ms('img1', 'fix')"><img name="img1" src="pilfrem.gif" border="0" width="20" height="9"></a>
Avatar billede fri-hash Nybegynder
16. februar 2002 - 13:38 #4
for pilfrem vil det se nogenlunde ud som dette (bær over hvis der er gået kuk i plingerne):

document.write("a href='side" + next + ".html' target='MAIN' onfocus='this.blur( )' onMouseOver='ms("img1", "on")' onMouseOut='ms("img1", "off")' onClick="ms('img1', 'fix')"onclick='skiftnext(); ms("img1", "fix");'><img name='img1' src='pilfrem.gif' border='0' width='20' height='9'></a>");
Avatar billede fri-hash Nybegynder
16. februar 2002 - 13:41 #5
og så kan du i det script indføje

if(current > 1){
    document.write(  den med frempil  )
}
if(current < 30) {
    document.write(    den med tilbagepil  )
}
Avatar billede viva Nybegynder
16. februar 2002 - 13:58 #6
Fint. Jeg har ikke mulighed for at teste det før mandag.
Så må jeg vente lidt med point?
Avatar billede fri-hash Nybegynder
16. februar 2002 - 14:07 #7
'følig
Avatar billede fri-hash Nybegynder
16. februar 2002 - 14:10 #8
bemærk at  hele document.write(.....);
helst skal stå på samme linie
Avatar billede viva Nybegynder
17. februar 2002 - 20:13 #9
Jeg kan ikke få det til at virke med document.write ...
Går ud fra at dette skal indsættes i body?

Men hvordan kan nedesående begynde med blot document.write ... bla. bla.

document.write("a href='side" + next + ".html' target='MAIN' onfocus='this.blur( )' onMouseOver='ms("img1", "on")' onMouseOut='ms("img1", "off")' onClick="ms('img1', 'fix')"onclick='skiftnext(); ms("img1", "fix");'><img name='img1' src='pilfrem.gif' border='0' width='20' height='9'></a>");

Kan du forklare det nærmere? Du må meget gerne samle hele scriptet inkl. nedestående + integrerer en funktionel
MouseOver med Fix funktion for GIF links FREM og TILBAGE.

if(current > 1){
    document.write(  den med frempil  )
}
if(current < 30) {
    document.write(    den med tilbagepil  )
}


Jeg kan i hvert fald ikke længere overskue dette script.
Avatar billede fri-hash Nybegynder
17. februar 2002 - 20:17 #10
prøv først lige at smid en < ind

document.write("a href='side" + next .....
bliver til
document.write("<a href='side" + next

der var lige sket en copy/paste-fejl
Avatar billede viva Nybegynder
17. februar 2002 - 21:48 #11
Det virker ikke ... Min kode ser sådan ud i Frontpage 2002:

<head>
<script>
var current = 1; // hvis side1.html er default
var prev = current-1;
var next = current+1;

function skiftprev(){
  current--;
  prev--;
  next--;
}
function skiftnext(){
  current++;
  prev++;
  next++;
}
</script><script language="JavaScript">
<!--
if (document.images) {

  img1_on = new Image();
  img1_on.src = "piltilbage.gif";
  img1_off = new Image();
  img1_off.src = "pilfrem.gif";
 
}

var  iNavn = "";

function ms( imagename, action ) {
  if ( !document.images || iNavn == imagename ) return;
  if ( 'fix' == action ) {
      if ( iNavn != "" ) {
          temp = iNavn;
          iNavn = "";
          ms( temp, 'off' );
      }
      iNavn = imagename;
  } else
      document.images[imagename].src = window[ imagename +'_' +action ].src;
  }

// -->
</script>
</head>

<body>
document.write("<a href='side" + next + ".html' target='MAIN' onfocus='this.blur( )' onMouseOver='ms("img1", "on")' onMouseOut='ms("img1", "off")' onClick="ms('img1', 'fix')"onclick='skiftnext(); ms("img1", "fix");'><img name='img1' src='pilfrem.gif' border='0' width='20' height='9'></a>");
</body>

</html>


Men når jeg gemmer denne side redigeres koden til at se sådan ud.
Det er den måde Frontpage håndterer kode der er fejlprogrammeret på...

document.write(&quot;<a href="side%22%20+%20next%20+%20%22.html" target="MAIN" onfocus="this.blur( )" onMouseOver="ms(&quot;img1&quot;, &quot;on&quot;)" onMouseOut="ms(&quot;img1&quot;, &quot;off&quot;)" onClick="ms('img1', 'fix')" onclick="skiftnext(); ms(&quot;img1&quot;, &quot;fix&quot;);"><img name="img1" src="pilfrem.gif" border="0" width="20" height="9"></a>&quot;);


Hvad er alle de tegn der bliver indsat?
Avatar billede viva Nybegynder
17. februar 2002 - 21:49 #12
Og hvor skal disse linier indsættes? Hvis det altså kan komme til at virke?

if(current > 1){
    document.write(  den med frempil  )
}
if(current < 30) {
    document.write(    den med tilbagepil  )
}
Avatar billede fri-hash Nybegynder
17. februar 2002 - 21:57 #13
der skal <script></script> uden om document.write-linierne
og if sætningerne skal ind i dette, så det kommer til at se sådan ud (jun bodydelen, da det kun er der der skal ændres nu):

<body>
<script>
if(current < 30) {
document.write("<a href='side" + next + ".html' target='MAIN' onfocus='this.blur( )' onMouseOver='ms("img1", "on")' onMouseOut='ms("img1", "off")' onClick="ms('img1', 'fix')"onclick='skiftnext(); ms("img1", "fix");'><img name='img1' src='pilfrem.gif' border='0' width='20' height='9'></a>");
}
if(current > 1) {
  document.write( tilbagepilen );
}
</script>
</body>
Avatar billede viva Nybegynder
17. februar 2002 - 22:10 #14
Okay nu ser det sådan her ud! Men jeg får fejl på siden.
Faktisk skulle navigationen fungerer med to pile < > (en frem og en tilbage)

<script>
var current = 1; // hvis side1.html er default
var prev = current-1;
var next = current+1;

function skiftprev(){
  current--;
  prev--;
  next--;
}
function skiftnext(){
  current++;
  prev++;
  next++;
}
</script><script language="JavaScript">
<!--
if (document.images) {

  img1_on = new Image();
  img1_on.src = "images/arrow2.gif";
  img1_off = new Image();
  img1_off.src = "images/arrow.gif";
 
}

var  iNavn = "";

function ms( imagename, action ) {
  if ( !document.images || iNavn == imagename ) return;
  if ( 'fix' == action ) {
      if ( iNavn != "" ) {
          temp = iNavn;
          iNavn = "";
          ms( temp, 'off' );
      }
      iNavn = imagename;
  } else
      document.images[imagename].src = window[ imagename +'_' +action ].src;
  }

// -->
</script>
</head>

<body>

<script>
if(current < 30) {
document.write("<a href='side" + next + "01.htm' target='main' onfocus='this.blur( )' onMouseOver='ms("img1", "on")' onMouseOut='ms("img1", "off")' onClick="ms('img1', 'fix')"onclick='skiftnext(); ms("img1", "fix");'><img name='img1' src='images/arrow.gif' border='0' width='5' height='8'></a>");
}
if(current > 1) {
  document.write( tilbagepilen );
}
</script>

</body>
Avatar billede viva Nybegynder
17. februar 2002 - 22:12 #15
Bemærk at jeg har ændret alle links og stier til de rigtige.
Men hvordan med denne?

if(current > 1) {
  document.write( tilbagepilen );

Når navigationen er to konstant synlige pile < > frem/tilbage?
Avatar billede fri-hash Nybegynder
17. februar 2002 - 22:32 #16
ideen med de 2 if-sætninger er at der ikke er nogen tilbagepil når du er på første side og ikke er nogen frempil når du er på sidste side (altså side 30 ... ellers ret 30 til det tal den sidste side har)

der hvor der står tilbagepilen skal der jo være det der ligner den anden write-sætning, men med "prev" istedet for "next" og med tilbagepli-billedet istedet for frempil-billedet
Avatar billede viva Nybegynder
17. februar 2002 - 22:45 #17
Stadig fejl på siden... Jeg får at vide at en ')' var ventet ... men hvor?

<script>
if(current < 30) {
document.write("<a href='side" + next + "01.htm' target='main' onfocus='this.blur( )' onMouseOver='ms("img1", "on")' onMouseOut='ms("img1", "off")' onClick="ms('img1', 'fix')"onclick='skiftnext(); ms("img1", "fix");'><img name='img1' src='images/arrow.gif' border='0' width='5' height='8'></a>");
}
if(current > 1) {
document.write("<a href='side" + prev + "01.htm' target='main' onfocus='this.blur( )' onMouseOver='ms("img2", "on")' onMouseOut='ms("img2", "off")' onClick="ms('img2', 'fix')"onclick='skiftnext(); ms("img2", "fix");'><img name='img2' src='images/arrow.gif' border='0' width='5' height='8'></a>");

}
</script>
Avatar billede fri-hash Nybegynder
17. februar 2002 - 22:53 #18
prøv dette:


<script>
if(current < 30) {
document.write("<a href='side" + next + "01.htm' target='main' onfocus='this.blur( )' onMouseOver='ms("img1", "on")' onMouseOut='ms("img1", "off")' onclick='skiftnext(); ms("img1", "fix");'><img name='img1' src='images/arrow.gif' border='0' width='5' height='8'></a>");
}
if(current > 1) {
document.write("<a href='side" + prev + "01.htm' target='main' onfocus='this.blur( )' onMouseOver='ms("img2", "on")' onMouseOut='ms("img2", "off")' onclick='skiftnext(); ms("img2", "fix");'><img name='img2' src='images/arrow.gif' border='0' width='5' height='8'></a>");

}
</script>
Avatar billede fri-hash Nybegynder
17. februar 2002 - 22:54 #19
der var en onclick for meget, min fejl, den havde jeg overset helt fra starten
Avatar billede viva Nybegynder
17. februar 2002 - 23:01 #20
Stadig det samme .. Intet vises på siden og jeg får stadig fejlen om at en ')' (parentes) was expected. Hmm!

Jeg har lavet en side med 2 frames for at teste dette .. men som sagt intet vises i den frame der indeholder den diskuterede kode.
Avatar billede fri-hash Nybegynder
17. februar 2002 - 23:07 #21
den giver ikke et linienummer?

prøv evt:
<script>
if(current < 30) {
document.write("<a href='side" + next + "01.htm' target='main' onfocus='this.blur( )' onMouseOver='ms(\"img1\", \"on\")' onMouseOut='ms(\"img1\", \"off\")' onclick='skiftnext(); ms(\"img1\", \"fix\");'><img name='img1' src='images/arrow.gif' border='0' width='5' height='8'></a>");
}
if(current > 1) {
document.write("<a href='side" + prev + "01.htm' target='main' onfocus='this.blur( )' onMouseOver='ms(\"img2\", \"on\")' onMouseOut='ms(\"img2\", \"off\")' onclick='skiftnext(); ms(\"img2\", \"fix\");'><img name='img2' src='images/arrow.gif' border='0' width='5' height='8'></a>");

}
</script>
Avatar billede viva Nybegynder
17. februar 2002 - 23:24 #22
Okay .. det hjalp .. MouseOver + Fix virker nu.
Men den sætter ingen side ind i den modstående frame kaldet: main

Mht. pilene så skulle begge gerne være synlige samtidig selv om tilbage pilen så vil være inaktiv indtil side2.htm har været vist.

Koden ser nu således ud:
Hvilken side skal angives i if(current > 1) { ???


<script>
if(current < 30) {
document.write("<a href='side" + next + "side1.htm' target='main' onfocus='this.blur( )' onMouseOver='ms(\"img1\", \"on\")' onMouseOut='ms(\"img1\", \"off\")' onclick='skiftnext(); ms(\"img1\", \"fix\");'><img name='img1' src='images/arrow.gif' border='0' width='5' height='8'></a>");
}
if(current > 1) {
document.write("<a href='side" + prev + "side1.htm' target='main' onfocus='this.blur( )' onMouseOver='ms(\"img2\", \"on\")' onMouseOut='ms(\"img2\", \"off\")' onclick='skiftnext(); ms(\"img2\", \"fix\");'><img name='img2' src='images/arrowback.gif' border='0' width='5' height='8'></a>");

}
</script>
Avatar billede fri-hash Nybegynder
17. februar 2002 - 23:28 #23
("<a href='side" + next + "side1.htm'
skal være
("<a href='side" + next + ".htm'
i frame MAIN skal src være side1.htm, som er default
Avatar billede fri-hash Nybegynder
17. februar 2002 - 23:33 #24
ps: siderne skal nummereres side1.htm, side2.htm osv istedet for side01.htm, side02.htm
Avatar billede viva Nybegynder
17. februar 2002 - 23:38 #25
Okay ... jaaaaah det nærmer sig. Nu vil den skifte fra side1.htm til side2.htm men ikke til side3.htm ... !?!

Og hvordan kan jeg ha' begge pile (frem/tilbage) synlige samtidig fra start?
Avatar billede fri-hash Nybegynder
17. februar 2002 - 23:54 #26
hvis du dropper if-sætningerne er begge pile der fra starten

det der med at den ikke vil skifte længere end til side 2, det siger egentlig sig selv nu jeg tænker over det :-(

så skal vi ud i noget med at slette det der er skrevet med document.write og så skrive det igen, for at prev og next er opdateret

den må jeg vende tilbage til dig om imorgen aften, jeg skal have lidt søvn nu
Avatar billede viva Nybegynder
18. februar 2002 - 00:03 #27
Hmm! Ja det var det jeg tænkte fra starten.. hvordan den ved at side3.htm vises og at side2 så er baglæns og 4 én frem.

Håber du kan komme op med noget. Jeg kan kun friste med lidt bonus point, hvis det kommer til at virke.

Men er det ikke mærkeligt at ingen andre har forsøgt at svare på dette spørgsmål?
Avatar billede fri-hash Nybegynder
18. februar 2002 - 08:00 #28
tjoh, jeg er hvertfald ikke bange for en udfordring :-)
jeg fik faktisk en ide efter jeg sagde godnat .... hvis du i løbet af dagen laver dit frameset om til at have 3 frames, hvor den tredie er "usynlig", dvs kun 1 pixel - så er jeg sikker på at vi får det til at køre når jeg kommer hjem iaften :-)
Avatar billede fri-hash Nybegynder
18. februar 2002 - 08:28 #29
AAARGH! glem alt om den ekstra frame

du retter document.write til

document.write("<a href='java script:skiftfrem();' onfocus='this.blur( )' onMouseOver='ms(\"img1\", \"on\")' onMouseOut='ms(\"img1\", \"off\")' onclick='skiftnext(); ms(\"img1\", \"fix\");'><img name='img1' src='images/arrow.gif' border='0' width='5' height='8'></a>");

der hvor der står skiftfrem(); skal der stå skifttilbage(); i den anden


så indsætter du følgende i head (imellem <script></script>):

function skiftfrem() {
  parent.MAIN.location.href = "side" + next + ".htm";
}
function skifttilbage() {
  parent.MAIN.location.href = "side" + prev + ".htm";
}
Avatar billede viva Nybegynder
18. februar 2002 - 10:39 #30
Det virker ikke. Jeg får en: 'current' er ikke defineret !!!

Hva' med den: onclick='skiftnext(); ???
Avatar billede fri-hash Nybegynder
18. februar 2002 - 18:44 #31
prøv at post hele filen som den ser ud nu, så skal vi nok få det til at virke :-)
Avatar billede viva Nybegynder
18. februar 2002 - 18:54 #32
Du kan kopierer al nedenstående ind i en enkel frame. Kald en modstående frame: MAIN og lav en arrowforward.gif. Det er hvad jeg har arbejdet med.
Håber det kan lykkes.


<html>
<head>
<script language="JavaScript">
function skiftfrem() {
  parent.MAIN.location.href = "side" + next + ".htm";
}
function skifttilbage() {
  parent.MAIN.location.href = "side" + prev + ".htm";
}
</script>

<script language="JavaScript">
<!--
if (document.images) {

  img1_on = new Image();
  img1_on.src = "images/arrowforward2.gif";
  img1_off = new Image();
  img1_off.src = "images/arrowforward.gif";
 
  img2_on = new Image();
  img2_on.src = "images/arrowback2.gif";
  img2_off = new Image();
  img2_off.src = "images/arrowback.gif";
}

var  iNavn = "";

function ms( imagename, action ) {
  if ( !document.images || iNavn == imagename ) return;
  if ( 'fix' == action ) {
      if ( iNavn != "" ) {
          temp = iNavn;
          iNavn = "";
          ms( temp, 'off' );
      }
      iNavn = imagename;
  } else
      document.images[imagename].src = window[ imagename +'_' +action ].src;
  }

// -->
</script>
</head>

<body>

<script>
if (current < 30) {
document.write("<a href='java script:skiftfrem();' onfocus='this.blur( )' onMouseOver='ms(\"img1\", \"on\")' onMouseOut='ms(\"img1\", \"off\")' onclick='skiftnext(); ms(\"img1\", \"fix\");'><img name='img1' src='images/arrowforward.gif' border='0' width='5' height='8'></a>");

if (current > 1) {

}
</script>

</body>
</html>
Avatar billede fri-hash Nybegynder
18. februar 2002 - 19:00 #33
ændr dette:
<script language="JavaScript">
function skiftfrem() {
  parent.MAIN.location.href = "side" + next + ".htm";
}
function skifttilbage() {
  parent.MAIN.location.href = "side" + prev + ".htm";
}
</script>


til dette:

<script language="JavaScript">
function skiftfrem() {
  parent.MAIN.location.href = "side" + next + ".htm";
}
function skifttilbage() {
  parent.MAIN.location.href = "side" + prev + ".htm";
}
var current = 1; // hvis side1.html er default
var prev = current-1;
var next = current+1;

function skiftprev(){
  current--;
  prev--;
  next--;
}
function skiftnext(){
  current++;
  prev++;
  next++;
}
</script>
Avatar billede viva Nybegynder
18. februar 2002 - 19:36 #34
Virker STADIG ikke. Får en ')' var ventet.
Vil du ikke være rar at teste det selv?
Avatar billede viva Nybegynder
18. februar 2002 - 19:38 #35
Fandt selv den manglene )
Men der er stadig en fejl i selve scriptet
Avatar billede fri-hash Nybegynder
18. februar 2002 - 19:44 #36
ok, send mig filerne på henrikfrederiksen@mail.dk , så kigger jeg på det
Avatar billede viva Nybegynder
18. februar 2002 - 21:30 #37
Du har vundet en bonus på 50 point ...

Tak for hjælpen
Avatar billede fri-hash Nybegynder
18. februar 2002 - 21:34 #38
lækkert nok - og selv tak, jeg elsker en god udfordring :-)


af hensyn til evt. fremtidige læsere følger her det endelige resultat:


<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<script language="JavaScript">
function skiftfrem() {
  parent.main.location.href = "side" + next + ".htm";
  current++;
  prev++;
  next++;
}
function skifttilbage() {
  parent.main.location.href = "side" + prev + ".htm";
  current--;
  prev--;
  next--;
}
var current = 1; // hvis side1.html er default
var prev = current-1;
var next = current+1;


</script><script language="JavaScript">
<!--
if (document.images) {

  img1_on = new Image();
  img1_on.src = "images/arrow2.gif";
  img1_off = new Image();
  img1_off.src = "images/arrow.gif";
 
  img2_on = new Image();
  img2_on.src = "images/arrowback2.gif";
  img2_off = new Image();
  img2_off.src = "images/arrowback.gif";
}

var  iNavn = "";

function ms( imagename, action ) {
  if ( !document.images || iNavn == imagename ) return;
  if ( 'fix' == action ) {
      if ( iNavn != "" ) {
          temp = iNavn;
          iNavn = "";
          ms( temp, 'off' );
      }
      iNavn = imagename;
  } else
      document.images[imagename].src = window[ imagename +'_' +action ].src;
  }

// -->
</script>
</head>

<body>

<script>

document.write("<a href='java script:skiftfrem();' onfocus='this.blur( )' onMouseOver='ms(\"img1\", \"on\")' onMouseOut='ms(\"img1\", \"off\")' onclick=' ms(\"img1\", \"fix\");'><img name='img1' src='images/arrow.gif' border='0' width='5' height='8'>frem</a>");


document.write("<a href='java script:skifttilbage();' onfocus='this.blur( )' onMouseOver='ms(\"img2\", \"on\")' onMouseOut='ms(\"img2\", \"off\")' onclick=' ms(\"img2\", \"fix\");'><img name='img2' src='images/arrowback.gif' border='0' width='5' height='8'>tilbage</a>");



</script>

</body>

</html>
Avatar billede fri-hash Nybegynder
18. februar 2002 - 21:35 #39
lækkert og selv tak :-) jeg elsker en god udfordring


af hensyn til evt fremtidige læsere, følger her det endelige resultat:




<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<script language="JavaScript">
function skiftfrem() {
  parent.main.location.href = "side" + next + ".htm";
  current++;
  prev++;
  next++;
}
function skifttilbage() {
  parent.main.location.href = "side" + prev + ".htm";
  current--;
  prev--;
  next--;
}
var current = 1; // hvis side1.html er default
var prev = current-1;
var next = current+1;


</script><script language="JavaScript">
<!--
if (document.images) {

  img1_on = new Image();
  img1_on.src = "images/arrow2.gif";
  img1_off = new Image();
  img1_off.src = "images/arrow.gif";
 
  img2_on = new Image();
  img2_on.src = "images/arrowback2.gif";
  img2_off = new Image();
  img2_off.src = "images/arrowback.gif";
}

var  iNavn = "";

function ms( imagename, action ) {
  if ( !document.images || iNavn == imagename ) return;
  if ( 'fix' == action ) {
      if ( iNavn != "" ) {
          temp = iNavn;
          iNavn = "";
          ms( temp, 'off' );
      }
      iNavn = imagename;
  } else
      document.images[imagename].src = window[ imagename +'_' +action ].src;
  }

// -->
</script>
</head>

<body>

<script>

document.write("<a href='java script:skiftfrem();' onfocus='this.blur( )' onMouseOver='ms(\"img1\", \"on\")' onMouseOut='ms(\"img1\", \"off\")' onclick=' ms(\"img1\", \"fix\");'><img name='img1' src='images/arrow.gif' border='0' width='5' height='8'>frem</a>");


document.write("<a href='java script:skifttilbage();' onfocus='this.blur( )' onMouseOver='ms(\"img2\", \"on\")' onMouseOut='ms(\"img2\", \"off\")' onclick=' ms(\"img2\", \"fix\");'><img name='img2' src='images/arrowback.gif' border='0' width='5' height='8'>tilbage</a>");



</script>

</body>

</html>
Avatar billede viva Nybegynder
18. februar 2002 - 21:37 #40
Hov ... der er jo ingen stopklods på dette script.
Dvs. at jeg fra start kan gå en side baglæns (der så ikke eksisterer)
og ligeledes et uendeligt antal frem ... men hva' hvis max antal sider er 30 ? Kan dette ikke defineres i script, så det hele tiden kan justeres hvis der skulle komme 32 sider?
Avatar billede fri-hash Nybegynder
18. februar 2002 - 21:40 #41
her

}
var current = 1; // hvis side1.html er default
var prev = current-1;
var next = current+1;


</script><script language="JavaScript">
<!--


indsætter du så det bliver

}

var max = 30; // nummeret på sidste side
var current = 1; // hvis side1.html er default
var prev = current-1;
var next = current+1;


</script><script language="JavaScript">
<!--
Avatar billede fri-hash Nybegynder
18. februar 2002 - 21:43 #42
altså det er kun 1 linie du sætter ind(den med max)

og så retter du de 2 skift-funktioner til



function skiftfrem() {
if(current < max) {
  parent.main.location.href = "side" + next + ".htm";
  current++;
  prev++;
  next++;
}
}
function skifttilbage() {
if (current > 1) {
  parent.main.location.href = "side" + prev + ".htm";
  current--;
  prev--;
  next--;
}
}
Avatar billede viva Nybegynder
19. februar 2002 - 00:23 #43
Det virker fint!

Tak for hjælpen endnu engang. Det var en hård kamp.
Avatar billede viva Nybegynder
19. februar 2002 - 21:47 #44
Henrik,

Kan du forklare hvordan jeg mellem de 2 document.write linie kan indsætte en 1x1 transperant gif ?
Denne bruges til at styre afstanden mellem de 2 pile frem og tilbage.
Men jeg kan ikke lurer hvordan jeg indsætter denne gif, da den skal stå mellem <script> og </script>

Kan den hedde noget med:

document.write(<img src="navigation/adjust.gif" width="5" height="1" border="0"> ... bla. bla. !!!???
Avatar billede fri-hash Nybegynder
19. februar 2002 - 22:55 #45
document.write("<img src='navigation/adjust.gif' width='5' height='1' border='0'> ");
Avatar billede viva Nybegynder
19. februar 2002 - 23:15 #46
Super! Tak for det .. og tak for hjælpen endnu engang.
Avatar billede fri-hash Nybegynder
19. februar 2002 - 23:24 #47
no problem
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 10:42 Tidsbestemt opladning af elbil Af vbr i Andet software
I går 17:00 Film Server Af dcedata1977 i Andet software
I går 12:56 Mistænkelige mails! Af ErikHg i E-mail
12/0914:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
12/0913:27 Send/modtag i Outlook 2024 Af ErikHg i E-mail programmer
White papers
Flere white papers »