Avatar billede odsgaard Praktikant
05. december 2011 - 11:16 Der er 4 kommentarer og
1 løsning

Lave en infoskærm i Javascript

Hej Eksperter

Jeg vil have lavet mig en lille infoskærm, der kan loade et antalt HTML filer fra et bibliotek og vise dem.

Jeg forestiller mig, at det kan lade sig gøre med javascript.

Kan i hjælpe mig med at komme i gang.

Jeg har brug for hjælp til følgende:
- jeg skal have et array af sider, som skal loades -> enten ved at hardcode siderne ind eller ved at læse indholdet af et bibliotek
- jeg skal have browseren til automatisk at hente en ny side hvert ?? sekund
- Jeg vil godt have at man ikke kan se browserens menubjælke m.m.

Håber at i kan hjælpe med det

Hilsen
Brian
Avatar billede odsgaard Praktikant
05. december 2011 - 11:18 #1
Jeg forestiller mig en struktur i denne stil:
/index.html
/CSS/style.css
/PAGES/side1.html
/PAGES/side2.html
/PAGES/side3.html
/PAGES/side4.html
/PAGES/side5.html

Hvor index.html 'kun' loader de andre sider, hvert ?? sekund

/Brian
Avatar billede swiatecki Novice
05. december 2011 - 13:31 #2
Kig på et framework såsom jQuery, der er fine muligeheder for nemt at gøre hvad du ønsker
Avatar billede olebole Juniormester
05. december 2011 - 14:54 #3
<ole>

Hvad i alverden skulle man dog bruge jQuery til i denne situation? Kan man skrive JS, er det vanskeligt at forestille sig en mindre opgave. Bortset herfra, kan jQuery ikke skjule browserens bjælker.

@odsgaard: Gem denne fil som infostander.hta. Den burde tilfredsstille dine behov:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<hta:application ID="oInfoStander"
    APPLICATIONNAME="InfoStanderApp"
    VERSION="1.0"
    CAPTION="no"
    SHOWINTASKBAR="yes"
    SINGLEINSTANCE="yes"
    WINDOWSTATE="maximize"></hta:application>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=9">
<meta http-equiv="MSThemeCompatible" content="yes">
<title>InfoStander</title>
<style type="text/css">
html, body {
    margin: 0;
    padding: 0;
    font: 0.8em verdana, arial, sans-serif;
    height: 100%;
    overflow: hidden;
}
#infoFrame {
    width: 100%;
    height: 100%;
}
</style>
<link href="CSS/style.css" rel="stylesheet" type="text/css">
</head>
<body>

<iframe src="about:blank" id="infoFrame" frameborder="0"></iframe>

<script type="text/javascript">
var nInterval = 1,  // Sekunder imellem sideskift
aPages = [
    "index.html",
    "PAGES/side1.html",
    "PAGES/side2.html",
    "PAGES/side3.html",
    "PAGES/side4.html",
    "PAGES/side5.html"
],
nLen = aPages.length, nInx = 0;
function swapPage() {
    if (!swapPage.oFr) swapPage.oFr = document.getElementById("infoFrame");
    swapPage.oFr.setAttribute("src", aPages[nInx++]);
    if (nInx==nLen) nInx = 0;
}
setInterval("swapPage()", 1000*nInterval);
</script>

</body>
</html>


/mvh
</bole>
Avatar billede odsgaard Praktikant
22. december 2011 - 03:41 #4
Hej Ole

Det er en fin løsning - den kan jeg godt arbejde videre med. Tak for det.

Smider du et svar

/Brian
Avatar billede odsgaard Praktikant
04. januar 2012 - 17:28 #5
Jeg smider selv et svar for at lukke tråden ....
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