---
title: "focus i iframe(designmode)"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/78292-focus-i-iframe-designmode"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Jesper T"
published: "2003-05-27T22:15:11.000Z"
updated: "2003-06-12T11:19:44.000Z"
replies: 14
views: 374
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/78292-focus-i-iframe-designmode"
---

# focus i iframe(designmode)

## #1 — Jesper T, 2003-05-27T22:15Z

1) Jag kör en iframe med designmode som jag försöker få focus på med ett onloadevent men inget händer.
Går det över huvud taget?

```
<body onload="document.getElementById('iView').focus();">
...
<iframe id="iView"></iframe>
```

2) Om jag skall öppna en befintlig sida i iframen(designmode) med fso så måste jag väl på någe vis först skriva in hela filen i en vanlig textarea och sedan limma in den i iframen i sin tur. Eller?

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

## #2 — PepeJeria, 2003-05-28T10:23Z

1) Problemet är att onload på body:n triggas före iframen laddat klart.  Testa detta

```
<body onload="alert('body');">
<iframe src="http://www.aftonbladet.se" onload="alert('iframe');"></iframe>
```

Så varför inte sätta focus:et i själva sidan i iframe:n?

2) Förstår inte riktigt, men du sätter väl en src på din iframe med sidan som har en textarea?

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

## #3 — Jesper T, 2003-05-28T10:43Z

1) Det är ingen sida, iframen funkar som en editor med designmode. Det är en WYSIWYG-editor.

2) Har ingen src.

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

## #4 — PepeJeria, 2003-05-28T10:44Z

Så vad har du i Iframe:n? Vad ska vara editerbar om du inte har någon content?

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

## #5 — Jesper T, 2003-05-28T13:40Z

I iframen så skall den editerbara sidan öppnas, men jag fattar inte riktigt vad du menar.

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

## #6 — Jesper T, 2003-05-30T09:51Z

Ok, man verkar kunna sätta sidans adress i iframens src. Det var ju bra.
Jag kan också sätta onload="this.focus()" i iframen för att få markören på plats.
Men ett problem kvarstår. Om jag inte har klickat i iframen och te.x. försöker pasta in dagens datum så lägger sig datumet utanför iframen, högst upp på sidan och inte i iframen. Även fast markören blinkar i iframen.

```
<a href="javascript:void(0);" onClick="iView.document.selection.createRange().pasteHTML('2003-05-30')">Dagens datum</a>
```

Hur kan man fixa det?

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

## #7 — Jesper T, 2003-05-31T12:58Z

Undrar fortfarande.

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

## #8 — Jesper T, 2003-06-10T16:34Z

....Ingen som vet?

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

## #9 — PepeJeria, 2003-06-11T14:03Z

Tror att du får skicka med mer kod för att kunna förstå detta. Verkar dock som om du refererar fel och får resultatet på själva huvudsidan o inte i iframe:n?

När du är i själva Iframe:n behöver du inte referera till den.

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

## #10 — Jesper T, 2003-06-11T18:01Z

Ja det är inte så märkvärdigt men här kommer principen i alle fall.

```
<body onload="iView.document.designMode = 'On';">
<iframe name="iView" width="400" height="100" id="iView"></iframe>
<a href="javascript:void(0);" onClick="iView.document.selection.createRange().pasteHTML('2003-05-30')">Dagens datum</a>
</body>
```

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

## #11 — Jesper T, 2003-06-11T18:13Z

Glömde att skriva att jag även har  iView.focus();  i "body onload":

```
onload="iView.document.designMode = 'On';iView.focus();"
```

Då ser ni att även fast markören blinkar i iframen så lägger sig datumet utanför.

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

## #12 — PepeJeria, 2003-06-12T07:11Z

```
<body onload="iView.document.designMode = 'On'; iView.focus();">
<iframe id="iView" width="400" height="100"></iframe>
<a href="#" onClick="document.getElementById('iView').contentWindow.document.body.innerHTML = '2003-05-30'; return false;">Dagens datum</a>
</body>
```

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

## #13 — Jesper T, 2003-06-12T10:53Z

Det är mindre lyckat för då raderas allt jag skrivit in när jag trycker på "länken".

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

## #14 — dectgap, 2003-06-12T11:01Z

Ändra det till att du bara lägger till då:

```
<body onload="iView.document.designMode = 'On'; iView.focus();">
<iframe id="iView" width="400" height="100"></iframe>
<a href="#" onClick="document.getElementById('iView').contentWindow.document.body.innerHTML += '2003-05-30'; return false;">Dagens datum</a>
</body>
```

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

## #15 — PepeJeria, 2003-06-12T11:19Z

Eller kör med pasteHTML, för när man kör med
innerHTML += "sträng"

så är det rätt långsamt (ej bra för performance)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/78292-focus-i-iframe-designmode
