Avatar billede encorez Nybegynder
03. juli 2003 - 11:37 Der er 12 kommentarer og
2 løsninger

Ændre felter realtime

Hej

Jeg har en liste (<select name="skabelon" size="3">) med nogle options i. Ved siden af denne er der et tekstområde. Under disse to skal der være et billede.

Jeg skal lave sådan, at når man vælger et nyt punkt på listen, så skal tekstområdet og billedet ændre sig til de der høre til det valgte punkt. Teksten til tekstomårdet og billedet bliver begge hentet ind fra en db.

Jeg forestiller mig at man henter alle teksterne og billederne ud, smider ind i en array eller 2 arrays (hvad der er smartest) og derefter laver man et script, noget med onChange(), der så sørger for at skrifte tekstområdet og billedet til det rigtige.

Jeg har bare ingen anelse hvordan jeg skal lave det. Håber nogen kan lave en hurtig og kort eksempel, der demonstrere princippet i løsningen, så jeg selv kan udbygge det.

Mvh. simon
Avatar billede roenving Novice
03. juli 2003 - 17:30 #1
Måske kan du tage udgangspunkt i noget af det, som jeg viste her:

http://www.eksperten.dk/spm/363512

-- vender tilbage senere (måske idag ,-) med noget mere konkret ...
Avatar billede grunken Nybegynder
03. juli 2003 - 21:43 #2
her er da et eksempel ;)

<script type="text/JavaScript">
var billeder = new Array(
    "./billede.jpg|Billede af en ko",
    "./billede1.jpg|Billede af en bil",
    "./billede2.jpg|Billede af mig"
)

function hest(b, f) {
    var bil = b.options[b.selectedIndex].value;
    if (bil<0) return;
    document.getElementById('billede').innerHTML  = "<img src=\""+billeder[bil].split("|")[0]+"\">";
    f.tekst.value = billeder[bil].split("|")[1];
}
</script>
<form>
<select onchange="hest(this, this.form)">
    <option value="-1">Vælg Billede</option>
    <option value="0">Billede 1</option>
    <option value="1">Billede 2</option>
    <option value="2">Billede 3</option>
</select>
<input type="text" name="tekst"><br>
<div id="billede"></div>
</form>
Avatar billede encorez Nybegynder
05. juli 2003 - 12:11 #3
hvordan laver du default teksten til det første element i arrayet?
Avatar billede roenving Novice
05. juli 2003 - 13:36 #4
sæt dette efter ovenstående:
<script language="javascript" type="text/javascript">
document.forms[0].tekst.value=billeder[bil].split("|")[1];
</script>
Avatar billede encorez Nybegynder
08. juli 2003 - 15:28 #5
grunken og roenving, lægger I ikke et svar, så deler i pointene for mine to spørgsmål
Avatar billede roenving Novice
08. juli 2003 - 15:43 #6
oki '-)
Avatar billede grunken Nybegynder
09. juli 2003 - 18:43 #7
ligger et svar så ;)
Avatar billede encorez Nybegynder
09. juli 2003 - 19:06 #8
kalder du det et svar :)
Avatar billede grunken Nybegynder
10. juli 2003 - 00:59 #9
LOLser

nu så ;)
Avatar billede grunken Nybegynder
10. juli 2003 - 01:00 #10
altså :/
Avatar billede roenving Novice
10. juli 2003 - 01:01 #11
>>grunken

Du kunne finde knappen *gg*
Avatar billede grunken Nybegynder
10. juli 2003 - 01:06 #12
Hehe, fik vist lige en halv flaske vin for meget til maden *G* *HiK*
Avatar billede roenving Novice
10. juli 2003 - 01:10 #13
*ROTFL*
Avatar billede roenving Novice
10. juli 2003 - 12:50 #14
-- takker for points ;~}
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