Avatar billede nitram30 Nybegynder
26. august 2008 - 21:30 Der er 13 kommentarer

refresh af links.

Hejsa!

Håber på hurtig hjælp til en refresh funktion.

Jeg har eks 3 links.
www.jubii.dk
www.google.dk
www.yahoo.dk

dem vil jeg gerne kunne se på en og samme side med 10 sekunders spring imellem.

Altså efter hver refresh på 10 sekunder skifter siden mellem de 3 links. Hvordan gør jeg det?
Avatar billede jakobdo Ekspert
26. august 2008 - 21:36 #1
Den smarteste løsning vil nok være følgende:

Opret 2 frames.
Det ene frame er skjult, det andet er synligt (100% x 100%)
I det skjulte frame, laver du noget javascript kode, som kaldes hvert 10 sekund. (f.eks. med setInterval) og der kalder du så frame2.document.location = NY URL;
Avatar billede w13 Novice
26. august 2008 - 21:44 #2
Hvorfor køre den kode i et andet IFrame? Hvorfor ikke bare på hovedsiden?
Avatar billede nitram30 Nybegynder
26. august 2008 - 21:47 #3
Nogen der kan slippe en kildekode der kan bruges til formålet?
Avatar billede w13 Novice
26. august 2008 - 22:11 #4
<script type="text/javascript">
var aUrl=["http://www.jubii.dk","http://www.google.dk","http://www.yahoo.dk"];
var iUrl=0;

function newUrl(){
  var o=document.getElementById("iframe1");
  o.setAttribute("src",aUrl[iUrl]);
  iUrl++;
  window.setTimeout("newUrl()",10000);
}
newUrl();
</script>

<iframe id="iframe1" style="width:100%;height:100%"></iframe>
Avatar billede w13 Novice
26. august 2008 - 22:11 #5
Utestet. =)
Avatar billede jakobdo Ekspert
26. august 2008 - 22:13 #6
I frames:

<html>
<head>
<title>Skift af side</title>
<script type="text/javascript">
var urls = new Array();
urls[0] = 'http://www.jubii.dk';
urls[1] = 'http://www.google.dk';
urls[2] = 'http://www.yahoo.dk';

var i = 0;

function changeUrl(){
    parent.mySource.location.href = urls[i];
    i++;
    if(i >= urls.length){
        i = 0;
    }
}
</script>
</head>
<body onload="setInterval('changeUrl()', 10000);">
</body>
</html>

og hovedsiden:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Skift af side</title>
</head>
<frameset rows="0%,100%">
    <frame name="myScript" src="script.html">
    <frame name="mySource" src="http://www.yahoo.dk">
</frameset>
</html>
Avatar billede nitram30 Nybegynder
26. august 2008 - 22:20 #7
w13 virker ikke.
Avatar billede w13 Novice
26. august 2008 - 22:23 #8
Når man koder er det en god idé at kigge på fejlmeddelelserne. ;) Der står præcis, hvad der er galt. Det skal være sådan her:

<iframe id="iframe1" style="width:100%;height:100%"></iframe>

<script type="text/javascript">
var aUrl=["http://www.jubii.dk","http://www.google.dk","http://www.yahoo.dk"];
var iUrl=0;

function newUrl(){
  var o=document.getElementById("iframe1");
  o.setAttribute("src",aUrl[iUrl]);
  iUrl++;
  window.setTimeout("newUrl()",10000);
}
newUrl();
</script>
Avatar billede w13 Novice
26. august 2008 - 22:24 #9
Og sådan her: =)

<iframe id="iframe1" style="width:100%;height:100%"></iframe>

<script type="text/javascript">
var aUrl=["http://www.jubii.dk","http://www.google.dk","http://www.yahoo.dk"];
var iUrl=0;

function newUrl(){
  var o=document.getElementById("iframe1");
  o.setAttribute("src",aUrl[iUrl]);
  iUrl++;
  if(iUrl==aUrl.length)iUrl=0;
  window.setTimeout("newUrl()",10000);
}
newUrl();
</script>
Avatar billede jakobdo Ekspert
26. august 2008 - 22:25 #10
Hvad sker der efter 3 kald til newUrl() ? :o)
Skal du ikke lave et tjek ala:
if(i >= aUrl.length){
        iUrl = 0;
    }
Avatar billede w13 Novice
26. august 2008 - 22:25 #11
Jeg nåede det lige! :P
Avatar billede jakobdo Ekspert
26. august 2008 - 22:27 #12
:op
Avatar billede w13 Novice
26. august 2008 - 22:48 #13
Måske kønnere:

<iframe id="iframe1" style="width:100%;height:100%"></iframe>

<script type="text/javascript">
var aUrl=["http://www.jubii.dk","http://www.google.dk","http://www.yahoo.dk"],iUrl=0;

function newUrl(){
  document.getElementById("iframe1").setAttribute("src",aUrl[iUrl]);
  if(++iUrl==aUrl.length)iUrl=0;
  window.setTimeout("newUrl()",10000);
}
newUrl();
</script>
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
Kurser inden for grundlæggende programmering

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