---
title: "infoga smiley"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/133249-infoga-smiley"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Mira"
published: "2005-08-24T16:04:52.000Z"
updated: "2005-08-24T21:14:11.000Z"
replies: 9
views: 866
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/133249-infoga-smiley"
---

# infoga smiley

## #1 — Mira, 2005-08-24T16:04Z

Har letat här på forumet och försökt förstå hur jag ska lösa detta, men behöver mer hjälp.

Jag har tagit smiley-koden från mitt forum och vill nu göra så att jag kan använda den i en gästbok.

I koden fanns javascripet:

```
function AddSmileyIcon(iconCode) {	
	window.opener.document.frmAddMessage.message.value += iconCode + " ";
}
```

 
och vid varje smiley står det:

```
<img src="smileys/smiley2.gif" border="0" alt="[;)]" onClick="AddSmileyIcon('smileys/smiley2.gif')" style="cursor: hand;">
```

 

Kan jag använda samma kod?
Och i såfall - vad ska jag ändra på för att den ska hitta min gästbok?

Permalänk: https://www.webforum.nu/p/133249

## #2 — Peter S, 2005-08-24T16:10Z

Finns smileyfigurerna i ett popupfönster och, i sådana fall, skall de (vid klick) inkluderas i en \<textarea\> i huvudfönstret?

Permalänk: https://www.webforum.nu/p/1662474

## #3 — Mira, 2005-08-24T16:30Z

svar: ja

Permalänk: https://www.webforum.nu/p/1662482

## #4 — Peter S, 2005-08-24T16:33Z

```
function AddSmileyIcon(iconCode) {	
	window.opener.document.forms["[b]namn_på_formulär[/b]"].elements["[b]namn_på_textarea[/b]"].value += iconCode + " ";
}
```

Permalänk: https://www.webforum.nu/p/1662484

## #5 — Mira, 2005-08-24T17:10Z

Behövs något mer...

Det som hamnar i textarean är adressen "smileys/smiley2.gif".
Bilden syns inte i meddelandet.

Måste jag ha en Replace för att bilden ska synas...?
Hur skulle den i såfall se ut?

Permalänk: https://www.webforum.nu/p/1662496

## #6 — Peter S, 2005-08-24T17:14Z

Japp

```
<img src="smileys/smiley2.gif" border="0" alt="[;)]" onClick="AddSmileyIcon([b]';)'[/b])" style="cursor: hand;">
```

Sedan får du göra en replace på alla &#59) med \<img src="smileys/smiley2.gif"\>.

Permalänk: https://www.webforum.nu/p/1662497

## #7 — Mira, 2005-08-24T20:25Z

Ahh... äntligen fick jag till det.

Det är tydligen noga med i vilken ordning Replacen ligger om man har fler än 1.

En sak till.
Jag hittade på forumet en kod (som du skrivit) för att få smileyn att hamna där markören står.
Kan jag få in den i min kod på nått vis?
Har du lust att visa mej hur?

<http://www.webforum.nu/showthread.php?s=&postid=972293#post972293>

Permalänk: https://www.webforum.nu/p/1662546

## #8 — Peter S, 2005-08-24T20:37Z

Huvudsidan (notera att du får byta ut det fetstilta mot det som passar dig):

```
<script type="text/javascript">

var cPos,
    fObj,
    ieC = Boolean(document.selection && document.selection.createRange);

function smilie(str) {
    if (ieC) {
	if (typeof cPos != "undefined")
	    cPos.text = str;
	else
	    fObj.value = str;
    }

    else if (typeof window.HTMLTextAreaElement != "undefined")
	fObj.value = fObj.value.substring(0, fObj.selectionStart) + str + fObj.value.substring(fObj.selectionEnd);

    else fObj.value += str;
}

function sC() {
    cPos = document.selection.createRange().duplicate();
}

window.onload = function() {
    fObj = document.forms["[b]namn_på_formulär[/b]"].elements["[b]namn_på_textarea[/b]"];

    if (ieC) {
	fObj.onclick  = function() { sC(); }
	fObj.onkeyup  = function() { sC(); }
	fObj.onselect = function() { sC(); }
    }
}

</script>

<form name="[b]namn_på_formulär[/b]">
	<textarea cols="20" rows="5" name="[b]namn_på_textarea[/b]"></textarea>
</form>
```

Istället för funktionen AddSmileyIcon() använder du smilie(), like so:

```
<img src="smileys/smiley2.gif" border="0" alt="[;)]" onClick="[b]window.opener.smilie(';)')[/b]" style="cursor: hand;">
```

Permalänk: https://www.webforum.nu/p/1662550

## #9 — Mira, 2005-08-24T21:09Z

Tack så jättemycket för hjälpen!

Permalänk: https://www.webforum.nu/p/1662558

## #10 — Peter S, 2005-08-24T21:14Z

Härligt! Då är det bara [acceptera som slutgiltigt svar](http://www.webforum.nu/showthread.php?s=&postid=1081402&accept=yes) kvar  ;)

Permalänk: https://www.webforum.nu/p/1662559

---

Tråden på webben: https://www.webforum.nu/amne/javascript/133249-infoga-smiley