Avatar billede stroke1 Nybegynder
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.
Avatar billede roenving Novice
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\"'>">
Avatar billede stroke1 Nybegynder
05. december 2003 - 23:06 #2
Det skal være sådan at det sendes med en form efter at brugeren har valgt det
Avatar billede stroke1 Nybegynder
05. december 2003 - 23:11 #3
Kan ikke lige få din kode til at virke ..
Avatar billede stroke1 Nybegynder
05. december 2003 - 23:31 #4
ved ikke lige hvor jeg skal ændre din kode roenving
Avatar billede stroke1 Nybegynder
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 ??
Avatar billede roenving Novice
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 !-)
Avatar billede stroke1 Nybegynder
05. december 2003 - 23:52 #7
Brugeren vælger fordi det skal passe ind i den tekst som brugeren selv skriver
Avatar billede stroke1 Nybegynder
05. december 2003 - 23:55 #8
Har bare ikke den stor javascript eller dhtml erfaring :)
Avatar billede roenving Novice
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/ ?-)
Avatar billede stroke1 Nybegynder
06. december 2003 - 00:30 #10
det skal ind som en slags humør ikon
Avatar billede stroke1 Nybegynder
06. december 2003 - 00:35 #11
Det skal ind i mit tidligere spørgsmål der hvor jul.jpg er placeret :
http://www.eksperten.dk/spm/436422
Avatar billede roenving Novice
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 !-)
Avatar billede stroke1 Nybegynder
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 ??
Avatar billede roenving Novice
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>
Avatar billede stroke1 Nybegynder
06. december 2003 - 01:06 #15
ok prøver det lige :)
Avatar billede roenving Novice
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>
Avatar billede stroke1 Nybegynder
06. december 2003 - 01:13 #17
kan ikke se billederne der er kun en ramme.
Avatar billede stroke1 Nybegynder
06. december 2003 - 01:14 #18
ok prøver lige med ændringen !
Avatar billede stroke1 Nybegynder
06. december 2003 - 01:18 #19
knappen skal være på samme side ik ??
Avatar billede stroke1 Nybegynder
06. december 2003 - 01:21 #20
og jeg kan ikke se andet end nogle rammer ??
Avatar billede roenving Novice
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 !-)
Avatar billede roenving Novice
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 !-)
Avatar billede stroke1 Nybegynder
06. december 2003 - 01:27 #23
skal billeder af ikoner ikke først være synkige når man trykker på knappen ??
Avatar billede stroke1 Nybegynder
06. december 2003 - 01:28 #24
jeg tror jeg har det nu, arbejder videre på sagen, men vender tilbage hvis det driller :) Mange tak !
Avatar billede roenving Novice
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 !-)
Avatar billede stroke1 Nybegynder
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>
Avatar billede stroke1 Nybegynder
06. december 2003 - 01:35 #27
Ja okay den må ikke submitte før der er skrevet
Avatar billede roenving Novice
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]
Avatar billede stroke1 Nybegynder
06. december 2003 - 02:37 #29
Ja. Er så bare i tvivl om det med forms og med at gemme det.
Avatar billede roenving Novice
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 !-)
Avatar billede stroke1 Nybegynder
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()">
Avatar billede stroke1 Nybegynder
06. december 2003 - 02:48 #32
Hvad er det for et "navn" der bliver gemt ??
Avatar billede roenving Novice
06. december 2003 - 02:50 #33
Hov, jeg kom til at skrive forkert, feltnavnet er hiddenFelt -- men kan jo ændres efter dine lyster !-)
Avatar billede stroke1 Nybegynder
06. december 2003 - 02:55 #34
har ikke helt styr på det her med hvordan den færdige kode skal se ud :(
Avatar billede roenving Novice
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 ...
Avatar billede stroke1 Nybegynder
06. december 2003 - 03:38 #36
okay prøver det senere idag. det er jo blevet lidt sent :)
Avatar billede stroke1 Nybegynder
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 ??
Avatar billede stroke1 Nybegynder
08. december 2003 - 02:43 #38
Min form er som her :

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data">
Avatar billede stroke1 Nybegynder
08. december 2003 - 02:48 #39
ok navnet er vel hiddenfelt, men ved ikke havd jeg skal gøre med min sidste kommentar ??
Avatar billede stroke1 Nybegynder
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 :)
Avatar billede roenving Novice
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]">&nbsp;
Glad<img src="glad.gif" width="20" height="20"><input type="radio" name="mood[1]">
Avatar billede stroke1 Nybegynder
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 ??
Avatar billede roenving Novice
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 !-)
Avatar billede stroke1 Nybegynder
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" ????
Avatar billede roenving Novice
09. december 2003 - 16:56 #45
Næh, der bliver jo ikke slettet noget, så alle felter beholder jo deres værdi !-)
Avatar billede stroke1 Nybegynder
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>
Avatar billede roenving Novice
09. december 2003 - 18:04 #47
Har du prøvet det ?-)

-- fortæl så hvad, der sker !-)
Avatar billede stroke1 Nybegynder
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 ??
Avatar billede roenving Novice
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 !-)
Avatar billede stroke1 Nybegynder
01. april 2004 - 15:58 #50
læg svar
Avatar billede roenving Novice
01. april 2004 - 16:00 #51
Velbekomme '-)
Avatar billede roenving Novice
01. april 2004 - 16:09 #52
-- og tak 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