---
title: "insertAdjacentText() och händelsehanterare"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/77125-insertadjacenttext-och-händelsehanterare"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "m_soderlund"
published: "2003-05-16T07:16:25.000Z"
updated: "2003-05-16T08:45:54.000Z"
replies: 9
views: 221
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/77125-insertadjacenttext-och-händelsehanterare"
---

# insertAdjacentText() och händelsehanterare

## #1 — m_soderlund, 2003-05-16T07:16Z

Jag använder insertAdjacentText() för att vid en onmouseover på en länk lägga till
en text. Länken ser ut så här:

```
<a href="kontakt.asp" id="k" onmouseover="s();">Kontakt</a>
```

Funktionen s() ser ut så här:

```
<!--
function s(){
k.insertAdjacentText('AfterEnd',' -->');
}
//-->
```

Vid en onmouseover skrivs mycket riktigt en liten textsnutt ut - men hur får jag bort den
textsnutten vid en onmouseout?? Jag får det i alla fall ej att fungera med ex.
*onmouseout=";"*.

Tacksam för hjälp.

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

## #2 — Peter S, 2003-05-16T07:42Z

Om du vill att skriptet skall vara kompatibelt med andra webbläsare än Internet Explorer:

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

function insertText(o,t){
	o.innerHTML = t;
};

//-->
</script>

...

<a href="" onmouseover="insertText(this,'Foo --&gt;')" onmouseout="insertText(this,'Foo')">Foo</a>
```

 :)

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

## #3 — PepeJeria, 2003-05-16T07:48Z

Enklast är att han ett element som man byter ut innehållet på. insertAdjacentText är IE specifikt och fungerar inte i andra browsers. 

Exemplet här använder sig av innerHTML som inte tillhör standarden, men det stöds av alla browsers som implementerat DOM stöd (Safari, Mozilla, Netscape 6+, IE 5+, iCab etc)

```
<a href="#" onMouseOver="s(0);" onMouseOut="s(0);">1</a><span id="linkArrow_0"></span><br>
<a href="#" onMouseOver="s(1);" onMouseOut="s(1);">2</a><span id="linkArrow_1"></span><br>
<a href="#" onMouseOver="s(2);" onMouseOut="s(2);">3</a><span id="linkArrow_2"></span><br>

<script type="text/javascript">
function s(num)
{
	var linkArrow = document.getElementById("linkArrow_" + num);
	linkArrow.innerHTML = (linkArrow.innerHTML == "")? "--&gt;":"";
}
</script>
```

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

## #4 — m_soderlund, 2003-05-16T08:09Z

Tack så mycket!
Men Peter S, du glömde id="o" i din länk ;):

```
<a href="kontakt.asp" [red]id="o"[/red] onmouseover="insertText(this,'Kontakt --&gt;')" onmouseout="insertText(this,'Kontakt')">Kontakt</a>
```

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

## #5 — Peter S, 2003-05-16T08:12Z

Nej, den behöver du inte eftersom nyckelordet *this* skickas med som argument  ;)  

 :)

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

## #6 — m_soderlund, 2003-05-16T08:27Z

Det fungerade ej med *this* (även om jag trodde att det skulle göra det..) men när jag lade till *id="o"* så fungerade det finfint.

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

## #7 — Peter S, 2003-05-16T08:34Z

Använder du den funktion som jag postade tidigare? Får du något felmeddelande?

 :)

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

## #8 — m_soderlund, 2003-05-16T08:37Z

Jag använder funktionen du postade tidigare. Felmeddelande får jag ej, förutom att det står "scriptfel etc." nere i statusraden i webbläsaren..

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

## #9 — Peter S, 2003-05-16T08:39Z

Det var det jag menade. Vad får du för felmeddelande om du dubbelklickar där (eventuellt även på "Visa information")?

 :)

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

## #10 — m_soderlund, 2003-05-16T08:45Z

Nu när jag ändrade tillbaka fick jag ej något felmeddelande, varpå jag tänkte i några sekunder och kom på att det var webbläsarens inställningar som troligtvis härjade. IE kollade ej om det fanns en senare version av sidan när jag surfade till den, det vill säga att det var cachningen som gjorde det.
Men nu fungerar allt, och tack Peter S!

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/77125-insertadjacenttext-och-händelsehanterare