Avatar billede mcclaud Nybegynder
12. februar 2011 - 12:52 Der er 5 kommentarer og
1 løsning

Visning af billeder efter valg på rulleliste

Jeg har allerede fået stor hjælp til at udvikle et JavaScript på min kærestes hjemmeside, hvorfra man kan bestille et, to eller tre af hendes billeder, men jeg har stadig et ønske til scriptet.

Klik her for at se scriptet:
http://www.picturing-life.dk/bestillingtest.htm

Jeg har et ønske om, at billedet kommer til syne, når man på rullelisterne vælger dets titel. Jeg forestiller mig, at billederne får størrelsen 75x75 pixels.

:o) mcclaud
Avatar billede olsensweb.dk Ekspert
12. februar 2011 - 15:03 #1
lav et image array
// gider ikke skrive alle 12 billeder
var ImageArray=new Array("-", "safetydoor_a.jpg", "timeforachange_a.jpg", "astar_a.jpg");


lav 3 div (et til hvert billed) og giv dem id="img1", id="img2", id="img3"

i functionen beregn() tilføj ShowImg(num, maleriindex); til slut

functionen ShowImg(num, maleriindex); ser sådan ud:
function ShowImg(num, maleriindex){
    var elm = document.getElementById('img'+num);
    var fil = ImageArray[maleriindex];
    var img = '<img src="http://www.picturing-life.dk/grafik/billeder/'+ fil +'" height="75" width="75" alt="Teaser billede" title="" />'
    elm.innerHTML = img;
}


nb jeg har lagt email validering ud i seperat function og extern fil da det er 2*32 linjer der er redundant og det anvendes på flerer sider

demo http://olsensweb.dk/test/experten/spm/931425/bestillingtest.htm
Avatar billede olsensweb.dk Ekspert
12. februar 2011 - 16:39 #2
lille rettelse
indes 0 skal værer et billed !!, da man hvis man har valgt et billed, og vælger tilbage til "vælg billed", får vis et "broken picture", da der selvføgelig ikke er noget billed der hedder -
var ImageArray=new Array("-", "safetydoor_a.jpg", "timeforachange_a.jpg", "astar_a.jpg");

rettes til
var ImageArray=new Array("placeholder.gif", "safetydoor_a.jpg", "timeforachange_a.jpg", "astar_a.jpg");


placeholder.gif er bare et transperant billed, der ligger det sammen sted som alle de andre billeder
Avatar billede mcclaud Nybegynder
13. februar 2011 - 15:26 #3
Hej ronols

Jeg har nu opdateret bestillingssiden, og det hele synes at virke, som det skal. Dog er der en lille fejl.

Hvis man vælger et billede, kommer det til syne, og det er godt. Hvis man derefter klikker på knappen 'SLET' fjernes billedet ikke igen, selvom alle felterne nulstilles?

http://www.picturing-life.dk/bestillingtest.htm

:o) mcclaud
Avatar billede olsensweb.dk Ekspert
13. februar 2011 - 16:14 #4
se http://www.eksperten.dk/spm/927538 #11
function ResetImg(){
  for(i=1; i<=3; i++){
    document.getElementById('img'+i).innerHTML = "";     
  }
}


<input type="reset" value="SLET" name="Bestilling_Clear" onclick ="ResetImg()" style="font-family: Verdana; font-size: 8pt; color:#808080" tabindex="20"></td>

demo rettet
Avatar billede mcclaud Nybegynder
13. februar 2011 - 18:41 #5
Det er helt perfekt... Jeg har nu forfremmet scriptet fra test til real-deal.

Se her: http://www.picturing-life.dk/bestilling.htm

Hvis du poster et svar, er der points på vej og ikke mindst en meget stor tak, ronols.

;o) mcclaud
Avatar billede olsensweb.dk Ekspert
13. februar 2011 - 19:06 #6
selv tak
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