Søg
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
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
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
Sæt vindue størrelse Af poulmadsen i JavaScript 1 08/10/202417:18 13/10/202412:33
Opgavestyring Af ingeman i JavaScript 1 15/09/202416:06 15/09/202420:40
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 13:13 Batch OCR Af KurtG i Billedbehandling
I dag 10:42 AI integreret i Access Af per2edb i Access
04/0409:43 AI google.com Af Peter Olsen i Andre onlineløsninger
31/0310:22 Makro der gemmer vedhæftet fil fra Msg og omdøber filen Af lokesa i Excel
30/0313:45 Kablet forbindelse mellem android telefon og windows 11 pc Af 1Dorte i Android
White papers
Flere white papers »