Avatar billede cyberdude Nybegynder
15. april 2002 - 20:51 Der er 8 kommentarer og
1 løsning

klik på ikon og det bliver indsat i indtastnings felt. UDVIDELSE

Hejsa!

JEg har en flok smilyes....

<img onClick="document.all['body'].innerText = document.all['body'].innerText + this.alt;" alt=":hej:" src="smileys/debatimg1.gif" border="0">&nbsp;&nbsp;&nbsp;
<img onClick="document.all['body'].innerText = document.all['body'].innerText + this.alt;" alt=":lys:" src="smileys/debatimg2.gif" border="0">&nbsp;&nbsp;&nbsp;
<img onClick="document.all['body'].innerText = document.all['body'].innerText + this.alt;" alt=":!:" src="smileys/debatimg22.gif" border="0">&nbsp;&nbsp;&nbsp;

Den "kode" der er vist herover viser en smiley og når man klikker på den bliver den indsat i et testarea ved navn body

Menn når man har klikk et på ikonet bliver koden for smilyen indsat og der hoppes så vidre til send, og er man lidt for hurtig på tasterne så får man blot afsendt sit indlæg som KUN indeholder smilyen :-((

HVORDAN får jeg den til at blive i det testarea EFTER indsættelsen af smily koden ??
Avatar billede muddi Praktikant
15. april 2002 - 23:22 #1
se på http://skriv.halstania.dk der er noget kode du kan bruge!
Du er velkommen til at snuppe det :o)

/Muddi
Avatar billede muddi Praktikant
15. april 2002 - 23:23 #2
Du skal måske lige skrive navn og mail, men så er der vidst også lige det script du skal bruge :o)
Avatar billede muddi Praktikant
15. april 2002 - 23:28 #3
Her er selve scriptet der sætter smileyen ind...:

<script language="Javascript">
<!--
function addsmile(smiley) {
  doc_content = document.guestbook.besked.value + smiley
  document.guestbook.besked.value = doc_content
  document.guestbook.besked.focus()
}
// -->
</script>

Her er ikonerne brugerne skal trykke på:

<img src="smile.gif" border="0" onclick="java script:addsmile(':)')" style="cursor:hand;">
<img src="sad.gif" border=0 onclick="java script:addsmile(':(')" style="cursor:hand;">
<img src="smileo.gif" border=0 onclick="java script:addsmile(':o')" style="cursor:hand;">
<img src="wink2.gif" border=0 onclick="java script:addsmile(';)')" style="cursor:hand;">
<img src="smiled.gif" border=0 onclick="java script:addsmile(':D')" style="cursor:hand;">
<img src="crooked.gif" border=0 onclick="java script:addsmile(':S')" style="cursor:hand;">
<img src="disgust.gif" border=0 onclick="java script:addsmile(':|')" style="cursor:hand;">
<img src="smileP.gif" border=0 onclick="java script:addsmile(':P')" style="cursor:hand;">
<img src="love.gif" border=0 onclick="java script:addsmile('(H)')" style="cursor:hand;">
<img src="flag.gif" border=0 onclick="java script:addsmile('(==)')" style="cursor:hand;">

Du kan hente ikonerne inde på min side: http://skriv.halstania.dk
Avatar billede muddi Praktikant
15. april 2002 - 23:30 #4
Scriptet er nok mere overskuelig her:

<script language="Javascript">
<!--
function addsmile(smiley) {
  doc_content = document.dinFormular.ditTextArea.value + smiley
  document.dinFormular.ditTextArea.value = doc_content
  document.dinFormular.ditTextArea.focus()
}
// -->
</script>

/Muddi
Avatar billede cyberdude Nybegynder
16. april 2002 - 10:22 #5
hi!

Jeg vil helst ikek til at lave det om da jeg så skal ind og rette det enormt mange steder :-((

Man må da kunne putte en eller anden focus() ting ind i det der er i forvejen ??
Avatar billede cyberdude Nybegynder
16. april 2002 - 10:25 #6
hmmm jeg har lige prøvet med en stump kode af dit
document.all['body'].focus();

Og så sat den på en onmouseout EFTER onclik komandoen er udført.... det ser ud til at funge!

Tester det lige på dem alle!
Avatar billede muddi Praktikant
16. april 2002 - 19:33 #7
Ok ... virker det?
Avatar billede cyberdude Nybegynder
16. april 2002 - 23:21 #8
yes!

Men jeg kom til at tænke på om det var muligt at f den til at indsætte "koden" presist der hvor makøren står...

eks. hvis man har skrevet en masse om kommer i tanke om at der skal være en smiley midt i teksten så placere man curseren der hvor smiley'en skal ind.... men koden for den bliver indsat helt til sidst i det man har skrevet......

Kan det lave sig gøre at den indsætter det der hvor curseren står når der trykkes på ikonet.... ?
Avatar billede muddi Praktikant
17. april 2002 - 16:26 #9
Jo det kan det vidst godt, men har ikke lige undersøgt mulighederne herfor ... :o( Der skal nok nogen med større javascript-kompetence end jeg har til at ordne det!

Tak for point!
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