Simboli u komentaru

[ GMarco24 @ 29.09.2011. 20:57 ] @

Potrebna mi je mala pomoc oko sledeceg:
Na sajtu imam mogucnost da se ostavi komentar. Medjutim, potrebno je da u komentaru mogu da se napisu simboli karata, pik, herc, karo i tref. Ja znam njihove HTML oznake, to nije problem, ali korisnici koji ostavljaju komentar ne znaju, pa sam mislio da sa strane stoje ti simboli, koji na click automatski ubacuju

Code:
&spades; ili &hearts;

ili slicno. Dakle, da rezimiram, klikom na simbol trebalo bi da se u textarea box-u pojavi kod koji zamenjuje dati simbol. Otprilike isto kao sto je na ovom forumu sa leve strane.

Hvala

[ GMarco24 @ 30.09.2011. 00:39 ] @

Snasao sam se nekako, nije bilo tesko

[ Nikola Poša @ 30.09.2011. 11:12 ] @

Ajde samo molim te podeli to rešenje sa drugima, pošto ovakve teme, koje se završavaju bez konkretnog odgovora, nemaju smisla i često bivaju obrisane.

[ GMarco24 @ 30.09.2011. 12:40 ] @

Planirao sam. Evo:

Code:
<script language="JavaScript" type="text/JavaScript">
       function sendText(e, text)
       {
          e.value = e.value + text;
          e.focus();
       }
</script>

Ovo, naravno ide u head. I dole u formi ( koja u svom tagu sadrži name="form1" ):

Code:
<a style="cursor:pointer" onclick="sendText(document.form1.comment, '&spades;')">&spades;</a>
<a style="cursor:pointer" onclick="sendText(document.form1.comment, '&hearts;')">&hearts;</a>
<a style="cursor:pointer" onclick="sendText(document.form1.comment, '&diams;')">&diams;</a>
<a style="cursor:pointer" onclick="sendText(document.form1.comment, '&clubs;')">&clubs;</a>

Gde je:

Code:
<textarea rows="10" cols="50" id="comment" name="comment">

Može možda malo elegantnije, duplicira se kod ovako, ali ništa strašno :)

[ GMarco24 @ 30.09.2011. 16:33 ] @

mmmmmmmm... da. Ipak mi treba pomoc. Problem je sto se simbol dodaje uvek na kraju, a trebalo bi da se ispise tamo gde je pozicioniran kursor. Medjutim, necu to postici sa

Code:
e.value = e.value + text;

. To ce uvek da dodje na kraju celog teksta. Sta sad?

[ Nikola Poša @ 30.09.2011. 19:04 ] @

Probaj da iskoristiš ovu funkciju: http://www.scottklarr.com/topi...-textarea-where-the-cursor-is/.

[ GMarco24 @ 11.10.2011. 01:40 ] @

Odlicno radi, testirano na nekoliko browsera.
Hvala Nikola