Søg
Avatar billede thb Nybegynder
22. november 2004 - 12:39 Der er 8 kommentarer og
2 løsninger

Indsætte billeder på en side

Hej alle,

Ved ikke lige om det er den rigtige kat.
Jeg har en side hvor man indtaster noget tekst i nogle form felter.. I bunden vil jeg gerne lave noget hvor det er muligt at indsætte nogle billeder, men det skal ske clientside uden at side refresher.

Det er til et CMS, hvor der er mulighed for at vælge nogle billeder som man tidligere har uploadet..

Har tænkte på noget med en select box med alle billeder, og når man vælger et så bliver det vist, og så hvis det er det rigtige så kan man trykke det over i en en anden select box..

Men ved ikke om det er det fedeste.

Skriv lige hvis i ikke forstår..

Thomas
Avatar billede kratluskeren Nybegynder
23. november 2004 - 15:38 #1
Det kan du sagtens!
Du kan bruge nedenstående...(måske skal det rettes lidt)

Formen:
<form action="billedAdmin.asp" method="post" name="frmImage" id="frmImage">
<select name="filename" size="5" multiple  onChange="java script:previewImage(frmImage);">

<% loop billederne igennem%>
<option value="<%=tmp%>">
<%Next %>

</select>
</form>

Udskriften af billedet:
<div id="viewImage"></div>

Javascriptet:
function previewImage(f){
viewImage.innerHTML = '<img src=/img/'+f.filename.value+'>';
}
Avatar billede thb Nybegynder
23. november 2004 - 15:45 #2
Hvordan får jeg det så til at være sådan at hvis det er det rigtige billed, så kan man trykke sæt ind, og så kommer det over i en anden select box... Og når jeg trykker gem, så skal jeg kunne gemme de ting der er i box nr. 2..

Thomas
Avatar billede kratluskeren Nybegynder
23. november 2004 - 15:55 #3
Kan du ikke lave noget i denne stil:

<a href="#" onClick="java script:flyt()">flyt</a>

function flyt(){
boks2.innerHTML = boks2.innerHTML + viewImage.innerHTML
}
Avatar billede thb Nybegynder
23. november 2004 - 16:10 #4
Kan det bruges på en select box...
Avatar billede kratluskeren Nybegynder
23. november 2004 - 16:23 #5
Jeg forestillede mig at du lavede en select der lister alle billederne. Ved valg af et billede vises det på siden med det samme uden at reloade.
Ved klik på et link bekræftes at det er det aktuelle billede du ønsker at bruge, og derfor genereres en billedhtml der indsættes i den respektive boks.

Var det ikke dette du ville have?

Forstår vist ikke din sidste kommentar ellers :)
Avatar billede thb Nybegynder
23. november 2004 - 17:11 #6
Jeg vil have 2 select boxe... En hvor man vælger et billed, så ser man det, og så kan man trykke på en knap (flyt) så kommer det i den anden select box..

Var det bedre...
Avatar billede kratluskeren Nybegynder
23. november 2004 - 17:38 #7
Ah, ja så ser det lidt mere besværligt ud hvis den anden selectbox har dynamisk længde. Du kan evt. arbejde videre med ændre dens kode i stil med det tidligere foreslåede.
boks2.innerHTML = <select.... + kode skabt ud fra valget i den anden selectbox.
Men det er vist noget fedtearbejde.
Overvej om det er nødvendigt at lave det med to selectboxe.

Måske er der andre der har et godt bud ellers. Jeg er desværre stadig newbie på javascript området :)
Avatar billede thb Nybegynder
23. november 2004 - 18:12 #8
Det er for at lave en mulighed for at vælge en masse billeder helt uden at siden reloader.. Så jeg tror at det er løsningen..

Holder den lige åbent lidt og så kan du få point.. :D

Thomas
Avatar billede kratluskeren Nybegynder
23. november 2004 - 18:51 #9
Fair nok. Ligemeget med points iøvrigt

Med ovenstående løsning kan du blot tilføje billede efter billede til din boks2, som iøvrigt også kunne være et textarea. Dette er god uden blot uden at de lander i en "overflødig" selectbox på mellemvejen. Kan du se hvad jeg mener? :)
Avatar billede thb Nybegynder
10. december 2004 - 12:44 #10
Lukker..
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
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
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
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 går 14:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
01/0809:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
White papers
Flere white papers »