Avatar billede tfswebguy Nybegynder
18. juli 2006 - 22:22 Der er 26 kommentarer og
1 løsning

Få en select box, til at ændre på en side i en iframe

Hej derude..

Jeg er i gang med noget hvor man kan vælge en baggrund i en select box.
Den henter baggrundende automatisk fra en mappe, og viser dem så i den select.
Men vil gerne have så at når man vælger en baggrund, skal den så vise baggrunden i en iframe ved siden af..

Sådan ser options ud i select boxen:
pic.jpg
pic2.jpg
pic3.jpg
osv...

OnChange skal så hente billedet fra ./img/(unikt ID)/baggrunde/(det navn fra select boxen)

Nogen der kan hjælpe med det, så ville jeg være glad.
Avatar billede thesurfer Nybegynder
18. juli 2006 - 22:41 #1
<select onchange="NavnetPåIframen.body.background=this.value">
<option value="pic.jpg">billede 1</option>
<option value="pic2.jpg">billede 2</option>
<option value="pic3.jpg">billede 3</option>
</select>

Der er muligvis "fejl", da jeg ikke helt har forstået, hvad det er baggrunden skal være..

Hvad er "unikt ID"? - Er det "value" fra option?
Avatar billede thesurfer Nybegynder
18. juli 2006 - 22:41 #2
Rettelse:

<select onchange="NavnetPåIframen.body.background='./img/(unikt ID)/baggrunde/' + this.value">
<option value="pic.jpg">billede 1</option>
<option value="pic2.jpg">billede 2</option>
<option value="pic3.jpg">billede 3</option>
</select>

Der er muligvis "fejl", da jeg ikke helt har forstået, hvad det er baggrunden skal være..

Hvad er "unikt ID"? - Er det "value" fra option?
Avatar billede tfswebguy Nybegynder
18. juli 2006 - 22:49 #3
unikt ID er en session (Fås via PHP).

+ this.value

Giver ikke billede, men bare mappen.
Har lavet den om til <select name='baggrund' onChange="picframe.location='./img/(unikt ID)/baggrunde/' + this.value">
Avatar billede thesurfer Nybegynder
18. juli 2006 - 22:54 #4
Jeg troede at du bare ville skifte baggrunden, på siden i framen..

Ellers:

<select name='baggrund' onChange="picframe.window.location.href='./img/(unikt ID)/baggrunde/' + this.value">

Hvis "this.value" ikke virker, prøv med bare "value".
Avatar billede tfswebguy Nybegynder
18. juli 2006 - 22:56 #5
virker heller ikke :/
Viser stadig bare folderen...
Avatar billede thesurfer Nybegynder
18. juli 2006 - 22:57 #6
Hvordan ser din Select ud?
Avatar billede tfswebguy Nybegynder
18. juli 2006 - 23:00 #7
har lavet den lidt om nu, så et PHP script selv sætter størrelsen på billedet.. Så det kører gennem et PHP script..
Men her er select koden:
<select name='baggrund' onChange="picframe.location='showBGPreview.php?url=./img/<?=$_SESSION['id'];?>/baggrunde/' + this.value">

Denne side kommer i iframen når man vælger:
http://dtweb.dk/newver/showBGPreview.php?url=./img/1/baggrunde/
Avatar billede thesurfer Nybegynder
18. juli 2006 - 23:02 #8
Hvad er linket til den side, hvor Select er på?
Avatar billede tfswebguy Nybegynder
18. juli 2006 - 23:05 #9
http://dtweb.dk/newver/

Brugernavn: demo
Pass: demo

Gå ind under "Arto Profil" og vælg så i toppen af siden der kommer "Opret ny side"
Avatar billede thesurfer Nybegynder
18. juli 2006 - 23:07 #10
Der mangler da en onChange... ?
Avatar billede tfswebguy Nybegynder
18. juli 2006 - 23:09 #11
har jeg

<select name='baggrund' onChange="
Avatar billede thesurfer Nybegynder
18. juli 2006 - 23:14 #12
Jeg tror at siden er gået ned..

Men det sidste kopi af kildekoden var:

<form method='post' action='' name='InputForm'>
<p>Vælg baggrund: <select name='baggrund'>
<option value=''>Ingen baggrund</option>
  <option name='bobler.jpg' >bobler.jpg</option>
    <option name='himmel1.jpg' >himmel1.jpg</option>
    <option name='himmel2.jpg' >himmel2.jpg</option>
  </select></p>
<p>Tekst farve: <select name='tekstfarve'>
<option value='lightgreen'  style='color:lightgreen'>Lysegrøn</option>
  <option value='#000000'  style='color:#000000'>Sort</option>
  <option value='#BB0000'  style='color:#BB0000'>Rød</option>
  <option value='#00BB00'  style='color:#00BB00'>Grøn</option>
  <option value='#0000BB'  style='color:#0000BB'>Blå</option>
</select></p>


Der er ikke nogen onchange.. heller ikke nogen iframe..
Avatar billede tfswebguy Nybegynder
18. juli 2006 - 23:16 #13
hov.. Undskyld.. min fejl ;)
http://dtweb.dk/newver/indexv1.php

Og så det samme som jeg skrev sidst.

Men genstarter lige hurtigt serveren
Avatar billede thesurfer Nybegynder
18. juli 2006 - 23:22 #14
Og så har jeg lige fundet ud af, at det skal være:

onChange="top.picframe.window.location.href='./img/(unikt ID)/baggrunde/' + this.value"
Avatar billede tfswebguy Nybegynder
18. juli 2006 - 23:22 #15
oki. prøver lige.. serveren er genstartet
Avatar billede thesurfer Nybegynder
18. juli 2006 - 23:24 #16
hmm.. "picframe.location=" virker også..

Men "window.location.href" er vist mere korrekt.. altså "picframe.window.location.href"..
Avatar billede tfswebguy Nybegynder
18. juli 2006 - 23:25 #17
jep..
Men stadig samme problem :/
Avatar billede thesurfer Nybegynder
18. juli 2006 - 23:26 #18
Samme problem? - Det virker fint hos mig..
Avatar billede tfswebguy Nybegynder
18. juli 2006 - 23:26 #19
skifter den billedet? (Altså i venstre side)
Avatar billede thesurfer Nybegynder
18. juli 2006 - 23:28 #20
Nej, fordi du lige har ødelagt det.. :-)

Det hedder altså "option value=", og ikke "option name=".. :-)
Avatar billede tfswebguy Nybegynder
18. juli 2006 - 23:28 #21
hmm.. Virker i FF :s
Men ikke i IE :/
Avatar billede tfswebguy Nybegynder
18. juli 2006 - 23:30 #22
så simpelt som det kan være.. En lille dum fejl, hehe... (Hvorfor jeg så egentlig lavede fejlen, er jo så et godt spørgsmål, hehe)

Underligt den virkede i FF :S Må være en bug, hehe :D

Takker for hjælpen :)
Smid et svar :p
(Og en kommentar om sitet? :p)
Avatar billede thesurfer Nybegynder
18. juli 2006 - 23:32 #23
Det virker ikke i Opera version 9..

Prøv med "top.picframe.window.location.href"..

- Svar
Avatar billede tfswebguy Nybegynder
18. juli 2006 - 23:34 #24
Værsågod og prøv i Opera :)
Og takker for svaret ;)
Avatar billede thesurfer Nybegynder
18. juli 2006 - 23:35 #25
Det var bedre :-)

Layoutet er simpelt og overskueligt.. :-)
Avatar billede thesurfer Nybegynder
18. juli 2006 - 23:35 #26
Takker for points :-I)
Avatar billede thesurfer Nybegynder
18. juli 2006 - 23:35 #27
Skulle have været ":-)" og ikke ":-I)"..
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