indsættelse af ikoner i input.

Tags:    javascript

hej

nogen som ved hvordan man laver et insert af ikoner i en text-input???


<img src="" insert(':-)') eller lign. og hvad man gør.
vil have det i min blog men jeg kan ikke se nogle tråde om det. eller kun med textera. dette er kun input jeg søger..

hvis det kun er med textera, går det nok.
bare jeg kan klikke på de ikoner jeg har, for at få det ind i det.

lige i stil med det som er i "stil spørgsmål" på siden her hvor man kan klikke på et ikon..

på forhånd tak.



Indlæg senest redigeret d. 03.03.2013 15:47 af Bruger #17554
3 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma
Sorter efter stemmer Sorter efter dato
Du skal lytte efter "click" eventet, og så tilføjer den ønskede værdi til input elementet:
Fold kodeboks ind/udJScript kode 




kig på hvordan de har lavet det i de kendte RTF editors

jeg ville bruge en rft edditor
http://www.webdesignerdepot.com/2008/12/20-excellent-free-rich-text-editors/

kan anbefale:
http://ckeditor.com/download
og
http://www.tinymce.com/download/download.php
denne har fået meget rosende omtale og er ren js/jquery




er der ikke noget mer simpelt end disse forslag?.

tænkte lidt på noget <img src="billedet" insert();>
og få den til at indsætte :-) eller :-/ mv. som der bliver klikket på.


<a input type='button' onClick=\"InsertSmiley(':-(')\"><img src='smileys/c090.gif'></a>

tror den ovenstående er korrekt nok skrevet.

og så fik jeg det lavet sådan her.

<script type="text/javascript">
function InsertSmiley(smil){
document.getElementById("mitikon").value+=smil
}
function ResetForm(){
document.getElementById("mitikon").value=''
}
</script>

<input id="mitikon"

håber så det så virker i andre browsere :pirat:



Indlæg senest redigeret d. 03.03.2013 19:20 af Bruger #17554
t