05. december 2003 - 22:46
Der er
51 kommentarer og 1 løsning
Ikon som valgmulighed
jeg vil høre om det er muligt at bruge et ikon (billede) i en SELECT OPTION, eller noget lignende i javascript, som her : <tr> <td align="left" BgColor='#99ccff'><b>Ikon:</b></td> <td><select name="ikon" value="<?php echo "$ikon"; ?>">> <option value='IMG SRC="jul.jpg"'><IMG SRC="jul.jpg"></option> <option value="sport">sport</option> <option value="andet">andet</option> </select></td> </tr> Jeg er også interesseret i, hvis man istedet kan linke til en side med ikoner hvor brugeren så kan vælge fra, og bagefter submitte.
Annonceindlæg fra Barco
05. december 2003 - 23:02
#1
Jeg kan ikke finde nogen muligheder, hvis ikke du selv laver en custom select-box (jeg gider ikke, der er for meget tricky kodning !-) Men løsningen med at åbne en lille popup med ikonerne er da en meget brugt ting ... Så kan man, når der trykkes på ikonen overføre noget til opener-siden uden problemer, f.eks. <img src="ikoner/gnaven.gif" height="20" width="20" onclick="opener.document.getElementById('textInput').innerHTML+='<img src=\"'+this.src+'\" height=\"20\" width=\"20\"'>">
05. december 2003 - 23:06
#2
Det skal være sådan at det sendes med en form efter at brugeren har valgt det
05. december 2003 - 23:11
#3
Kan ikke lige få din kode til at virke ..
05. december 2003 - 23:31
#4
ved ikke lige hvor jeg skal ændre din kode roenving
05. december 2003 - 23:34
#5
Hvis jeg kunne lave noget i stil med : <tr> <td align="left" BgColor='#99ccff'><b>Upload billede:</b></td> <td><input type="file" name="upfil"></td> </tr> Hvor det så var et link til en side med ikoner som brugeren kunne vælge imellem, istedet for gennemse på egen harddisk. Kan man mon det ??
05. december 2003 - 23:48
#6
Ovenstående kode er lavet til at ligge som en del af en hel html-side, som åbnes i en popup, så man kan vælge et ikon, som så bliver smidt tilbage til (f.eks. !-) et dhtml-editor-område ... Det, du nævner der, er i virkeligheden meget nemt, men hvorfor vælger brugeren og med hvilket formål ?-) Hvis brugeren skal foretrække eet ikon frem for andre, kan ovenstående metode godt udvides til at en tekst lægges ind i et formfelt, hvorefter formen submittes og popup'en lukkes !-)
05. december 2003 - 23:52
#7
Brugeren vælger fordi det skal passe ind i den tekst som brugeren selv skriver
05. december 2003 - 23:55
#8
Har bare ikke den stor javascript eller dhtml erfaring :)
06. december 2003 - 00:13
#9
Og skal det ikon så ind i teksten, hvor han er, eller skal det være sådan en slags humør-ikon, som f.eks. i Ebloggen på
http://www.ebruger.dk/e/ ?-)
06. december 2003 - 00:30
#10
det skal ind som en slags humør ikon
06. december 2003 - 00:41
#12
Så skal du vel lægge værdien ind i databasen sammen med de andre tekst-værdier ... For så kan du lave en popup med en hel masse af disse: <img src="ikoner/gnaven.gif" height="20" width="20" onclick="opener.document.forms[0].hiddenFelt.value=this.src;opener.forms[0].submit();self.close()"><br> -- hvor hiddenFelt er navnet på et skjult felt på den form, brugerne skriver ind i, så du bare kan smide det ind i din database !-)
06. december 2003 - 00:44
#13
Ja det lyder meget godt :) hvis jeg skriver din kode der ind i mit program vil der så også komme et pop up vindue, eller er det noget jeg skal lave udover ??
06. december 2003 - 00:59
#14
Nej, du laver en html-side med alle dine ikoner, kalder den f.eks. for ikoner.html: <html> <head> <title>Vælg ikon</title> </head> <body> <img src="ikoner/gnaven.gif" height="20" width="20" onclick="opener.document.forms[0].hiddenFelt.value=this.src;opener.forms[0].submit();self.close()"><br> <img src="ikoner/gnaven.gif" height="20" width="20" onclick="opener.document.forms[0].hiddenFelt.value=this.src;opener.forms[0].submit();self.close()"><br> <img src="ikoner/gnaven.gif" height="20" width="20" onclick="opener.document.forms[0].hiddenFelt.value=this.src;opener.forms[0].submit();self.close()"><br> <img src="ikoner/gnaven.gif" height="20" width="20" onclick="opener.document.forms[0].hiddenFelt.value=this.src;opener.forms[0].submit();self.close()"><br> <img src="ikoner/gnaven.gif" height="20" width="20" onclick="opener.document.forms[0].hiddenFelt.value=this.src;opener.forms[0].submit();self.close()"><br> </body> </html> -- og så laver du f.eks. en knap, som ser sådan ud: <button onclick="window.open('ikoner.html','ikoner','width=300,height=200,status=no')">Indsæt ikon</button>
06. december 2003 - 01:06
#15
ok prøver det lige :)
06. december 2003 - 01:09
#16
Hov, jeg spottede lige en fejl, linjerne skal se sådan ud: <img src="ikoner/gnaven.gif" height="20" width="20" onclick="opener.document.forms[0].hiddenFelt.value=this.src;opener.document.forms[0].submit();self.close()"><br>
06. december 2003 - 01:13
#17
kan ikke se billederne der er kun en ramme.
06. december 2003 - 01:14
#18
ok prøver lige med ændringen !
06. december 2003 - 01:18
#19
knappen skal være på samme side ik ??
06. december 2003 - 01:21
#20
og jeg kan ikke se andet end nogle rammer ??
06. december 2003 - 01:21
#21
Du skal selvfølgelig sætte din rigtige sti og dine rigtige billeder ind i stedet for ikoner/gnaven.gif ... Derudover skal du også være opmærksom på, at det er mest hensigtsmæssigt at have popup'en i samme mappe, som dein hovedside, så den sti, du får gemt i databasen automatisk er den rigtige !-)
06. december 2003 - 01:23
#22
Knappen skal være på den side, hvor du har den form, dine brugere indskriver deres beskeder i ... -- jeg har brugt adresseringen forms[0], som er den første form i dokumentet, så hvis du har forskellige forms, kan det være det skal gøres en anelse anderledes !-)
06. december 2003 - 01:27
#23
skal billeder af ikoner ikke først være synkige når man trykker på knappen ??
06. december 2003 - 01:28
#24
jeg tror jeg har det nu, arbejder videre på sagen, men vender tilbage hvis det driller :) Mange tak !
06. december 2003 - 01:31
#25
Knappen er kun til at generere popup'en !-) -- håber du får den til at virke !-) Husk også, at den kode submitter formen med det samme, det skal du lige overveje, for det kunne jo være, at nogle ville vælge ikon før de skrev !-)
06. december 2003 - 01:34
#26
Min form ser sådan ud : <form action="/indsaet.php" method="post" enctype="multipart/form-data"> <table width="40%" style="border-left: 2px solid black" style="border-right: 2px solid black" style="border-bottom: 2px solid black" style="border-top: 2px solid black" BgColor='#cccccc'> <tr> <td><input type="hidden" name="userid"></td><br></td> </tr> <tr> <td><input type="hidden" name="dato" value="2003-12-6 0:46:53"></td> </tr> <tr> <td><input type="hidden" name="dato1" value="1070668013"></td> </tr> osv.. Ved ikke lige hvordan det andet skal passes ind der ?? :) <tr> <td align="left" BgColor='#99ccff'><b>Bynavn:</b></td> <td><input type="text" name="bynavn"></td> </tr>
06. december 2003 - 01:35
#27
Ja okay den må ikke submitte før der er skrevet
06. december 2003 - 01:40
#28
Hvad laver den her: <td><input type="hidden" name="userid"></td><br></td> (Altså <br></td> til sidst ?-) men det felt du skal bruge kan du sætte hvor som helst indenfor formen, det skal jo også være type="hidden", så det vil ikke ses -- husk bare at feltnavnet skal være det samme i popup'en (hvor det er feltNavn !-) Knappen kan du ligeledes sætte hvor du vil, men det er vel mest nesigtsmæssigt, at den bliver sat forneden, så folk naturligt klikker på den, når de er færdige med udfyldelsen !o]
06. december 2003 - 02:37
#29
Ja. Er så bare i tvivl om det med forms og med at gemme det.
06. december 2003 - 02:39
#30
Hvis du sætter værdien ind i et hidden felt kan du jo bare hente værdien i dit php-script på samme måde, som du ellers gemmer værdier fra en form !-)
06. december 2003 - 02:46
#31
Det er nok fordi jeg ikke forstår følgende :-) : onclick="opener.document.forms[0].hiddenFelt.value=this.src;opener.forms[0].submit();self.close()">
06. december 2003 - 02:48
#32
Hvad er det for et "navn" der bliver gemt ??
06. december 2003 - 02:50
#33
Hov, jeg kom til at skrive forkert, feltnavnet er hiddenFelt -- men kan jo ændres efter dine lyster !-)
06. december 2003 - 02:55
#34
har ikke helt styr på det her med hvordan den færdige kode skal se ud :(
06. december 2003 - 03:17
#35
f.eks. sådan i din form: <tr> <td><input type="hidden" name="userid"><input type="hidden" name="hiddenFelt"></td> </tr> -- og til sidst: <tr> <td><button onclick="window.open('ikoner.html','ikoner','width=300,height=200,status=no')">Indsæt ikon</button></td> </tr> -- og så kigger du på 00:59:57 (husk rettelsen lige efter !-) og opretter din fil til ikonerne ...
06. december 2003 - 03:38
#36
okay prøver det senere idag. det er jo blevet lidt sent :)
08. december 2003 - 02:40
#37
Er ved at lave det, men har lige et problem. Jeg submitter den gamle form med : <tr> <td align="left"></td> <td ><input type="submit" value="send" name="up"></td> </tr> Hvordan skal jeg få dette passet ind i : <tr> <td><button onclick="window.open('ikoner.html','ikoner','width=300,height=200,status=no')">Indsæt ikon</button></td> </tr> Og hvilket navn bliver ikonet gemt under efter submit ??
08. december 2003 - 02:43
#38
Min form er som her : <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data">
08. december 2003 - 02:48
#39
ok navnet er vel hiddenfelt, men ved ikke havd jeg skal gøre med min sidste kommentar ??
08. december 2003 - 02:55
#40
Hvis dette ikke er muligt kunne jeg også bruge en løsning hvor, ikonerne kunne ses på selve den side hvor man skriver, og man kunne så markere i en checkbox hvilket ikon man ville have. Har du en løsning på det :)
08. december 2003 - 07:31
#41
Det er faktisk mere elegant med en lille popup, hvis du skal lave en stribe radio-buttons kan du få andre problemer ... Men f.eks. Gnaven<img src="gnaven.gif" width="20" height="20"><input type="radio" name="mood[0]"> Glad<img src="glad.gif" width="20" height="20"><input type="radio" name="mood[1]">
08. december 2003 - 18:36
#42
Vil også gerne lave den popup, men som skrevet i 08/12-2003 02:40:59 , ved jeg ikke lige hvordan submit delen skal laves ??
09. december 2003 - 07:19
#43
>>08/12-2003 02:40:59 -- Når du får fat i det i dit database-script er værdien af src-parameteren i hiddenFelt-feltet ... (jvnf. 06/12-2003 00:59:57 !-)
09. december 2003 - 12:51
#44
Ja men der er nogle flere værdier i formen der også skal submittes : <form action="/indsaet.php" method="post" enctype="multipart/form-data"> <table width="40%" style="border-left: 2px solid black" style="border-right: 2px solid black" style="border-bottom: 2px solid black" style="border-top: 2px solid black" BgColor='#cccccc'> <tr> <td><input type="hidden" name="userid"></td><br></td> </tr> <tr> <td><input type="hidden" name="dato" value="2003-12-6 0:46:53"></td> </tr> <tr> <td><input type="hidden" name="dato1" value="1070668013"></td> </tr> osv..... <tr> <td align="left"></td> <td ><input type="submit" value="send" name="up"></td> </tr> Når jeg bruger : <tr> <td><button onclick="window.open('ikoner.html','ikoner','width=300,height=200,status=no')">Indsæt ikon</button></td> </tr> er det vel kun hiddenfelt der bliver "husket" ????
09. december 2003 - 16:56
#45
Næh, der bliver jo ikke slettet noget, så alle felter beholder jo deres værdi !-)
09. december 2003 - 18:01
#46
okay men jeg har en if sætning øverst på den side som action fører til. derfor er name="up" i min submit. Hvad skriver jeg i : <tr> <td><button onclick="window.open('ikoner.html','ikoner','width=300,height=200,status=no')">Indsæt ikon</button></td> </tr>
09. december 2003 - 18:04
#47
Har du prøvet det ?-) -- fortæl så hvad, der sker !-)
09. december 2003 - 21:21
#48
Nej jeg har ikke prøvet det. Det er vel meningen jeg skal slette denne submit : <td ><input type="submit" value="send" name="up"></td> </tr> og så indsætte : <tr> <td><button onclick="window.open('ikoner.html','ikoner','width=300,height=200,status=no')">Indsæt ikon</button></td> </tr> Ellers har jeg misforstået noget ??
11. december 2003 - 16:07
#49
Det vil være en glimrende idé, men ikke et must, for man kunne jo forestille sig, at en bruger ville sende et indlæg uden et ikon ... -- men hvis du vil fastlægge, at man skal smide et ikon, er det rigtigt !-)
01. april 2004 - 15:58
#50
læg svar
01. april 2004 - 16:00
#51
Velbekomme '-)
01. april 2004 - 16:09
#52
-- og tak for points ;~}
Vi tilbyder markedets bedste kurser inden for webudvikling