Avatar billede d.kryger Praktikant
24. oktober 2007 - 11:13 Der er 12 kommentarer og
2 løsninger

Offline billedfremviser

Hej eksperter.

Jeg har en html-side som skal køre OFFLINE, og den skal fremvise billeder. Der skal kun vises et billede af gangen og derfor har jeg lavet to knapper. En til "Næste billede" og en til "Forrige billede".

Jeg kunne godt lave det hele som en masse html-filer, som så linker til hinanden. Men kan man ikke nøjes med én html-fil og så lade JavaScirpt klare resten?

Jeg vil godt kunne gøre det i PHP, men det duer jo ikke når det skal køre offline!

Kan nogen hjælpe?
Avatar billede w13 Novice
24. oktober 2007 - 12:02 #1
Ja, jeg ville nok lægge alle billederne ind i et Javascript-array. Det kan du så løbe igennem, når du skal vise billederne.
Avatar billede d.kryger Praktikant
24. oktober 2007 - 12:44 #2
Jeg kom lige i tanke om at man jo skal aktiverer JavaScript i de nye browsere, når man kører det offline. Kan man gøre noget ved det?
Avatar billede w13 Novice
24. oktober 2007 - 12:48 #3
Absolut intet andet end at aktivere det. =)
Jo altså, du kan vist gå op i dine internetindstillinger og slå fra, at den skal spørge, men hvis du tænker på¨at lave noget, som andre kunne få og bruge, så vil de naturligvis skulle gøre det samme.
Avatar billede w13 Novice
24. oktober 2007 - 12:49 #4
Medmindre man bruger anden browser end IE.
Avatar billede d.kryger Praktikant
24. oktober 2007 - 13:13 #5
Det er noget som skal køre på mange forskellige computere, og sikkert både med og uden IE. Derfor duer løsningen med JavaScript ikke alligevel.

Ellers tak for hjælpen.

Læg et svar og du vil få 30 point.
Avatar billede w13 Novice
24. oktober 2007 - 13:25 #6
Ok. Muligvis kan du prøve at få konstrueret et program, der gør det så. =)
Avatar billede w13 Novice
24. oktober 2007 - 13:36 #7
Takker. =)
Avatar billede olebole Juniormester
24. oktober 2007 - 15:35 #8
<ole>

Rolig nu! Når det er til lokalt brug, har du alle muligheder  ;o)
Lav denne fil og kald den f.eks. 'myApp.hta':

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<HTA:APPLICATION ID="myAppID"
    APPLICATIONNAME="myApp"
    VERSION="myApp 1.0.0"
    CAPTION="yes"
    BORDER="thin"
    INNERBORDER="yes"
    ICON="ikon.ico"
    SHOWINTASKBAR="yes"
    SINGLEINSTANCE="yes"
    SYSMENU="yes"
    WINDOWSTATE="maximize"
    NAVIGABLE="yes">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>MyApplication</title>
    <meta http-equiv="imagetoolbar" content="no">
    <meta http-equiv="imagetoolbar" content="false">
<style type="text/css">
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background: buttonface;
}
</style>
</head>
<body>



</body>
</html>

Så får du noget, der til forveksling ligner et alm. Win-program - og du kan afvikle al den JS-kode, du har lyst til ... uanset, hvad brugeren har sat sine tilladelser til i IE  ;o)

/mvh
</bole>
Avatar billede olebole Juniormester
24. oktober 2007 - 15:37 #9
- og HTA-refernecen ligger her:
    http://msdn2.microsoft.com/en-us/library/ms536471.aspx
Avatar billede w13 Novice
24. oktober 2007 - 15:41 #10
Nice, Ole. Den har jeg ikke set før.
Avatar billede olebole Juniormester
24. oktober 2007 - 15:41 #11
Hvis du vil se en færdig, lille App, kan du downe min Unicode encoder:
    http://www.dengodekode.dk/unicoder/
Avatar billede olebole Juniormester
24. oktober 2007 - 15:47 #12
Hvis du har et ikon iform af en .ico-fil, kan du bruge den som program-ikon ved at skrive stien i hta-elementets icon-attribute: ICON="ikon.ico".

Man _kan_ faktisk ovenikøbet bruge fileSystemObject, men f.eks. Norton AntiVirus forsøger at forhindre dette, hvis du har den installeret. Der findes godtnok et (ret ukendt) hack, der kan få en hta til at krybe under NAV, men jeg synes ikke lige Eksperten er det rette forum at vise den slags i. Heller ikke selvom jeg godt kan se, det i dette tilfælde ville være rart at kunne liste en mappes indhold ... desværre  :)
Avatar billede d.kryger Praktikant
25. oktober 2007 - 08:41 #13
Godmorgen... Det lyder umiddelbart rigtig godt at man kan undgå at brugeren skal aktiverer noget. Men jeg er ikke særlig harm i JavaScript, så kan en af Jer hjælpe med at lave det JavaScript som der skal bruges? Jeg vil gerne give flere point hvis det er det som der skal til.
Avatar billede w13 Novice
25. oktober 2007 - 13:19 #14
Jeg tror, dette kan gøre det:
--------------------------------------------------------
<img id="galleryimage"><br>
<span onclick="ChangeImg('prev')">Forrige</span> <span onclick="ChangeImg('next')">Næste</span>

<script type="text/javascript">
var arrImg=new Array("images/pic1.bmp","images/img2.jpg");
var ImgId=0;

function ChangeImg(move){
var elm=document.getElementById("galleryimage");
if(move=="prev"){
  if(!ImgId) ImgId=arrImg.length-1; else ImgId--;
}else{
  if(ImgId==arrImg.length-1) ImgId=0; else ImgId++;
}
elm.setAttribute("src",arrImg[ImgId]);
}

document.getElementById("galleryimage").setAttribute("src",arrImg(ImgId));
</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
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