---
title: "Skicka bild till iframe"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/46271-skicka-bild-till-iframe"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "ironhead"
published: "2002-06-19T18:26:31.000Z"
updated: "2002-06-25T13:34:55.000Z"
replies: 9
views: 381
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/46271-skicka-bild-till-iframe"
---

# Skicka bild till iframe

## #1 — ironhead, 2002-06-19T18:26Z

Kan man göra en knapp (gif) som man klickar på och som öppnar en browse ruta där man kan välja en bild och som sedan lägger in \<img src="frambläddradbild.gif"\> i en iframe?!

typ:

\<script\>
function insertPicture
}
öppna browseruta på nåt sätt?!
skicka kodraden \<img src="bild"\> till iframen?!
{
\</script\>

\<IMG src="pic.gif" onClick="insertPicture()"\>

Kan nån vänlig själ hjälpa mig med detta?

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

## #2 — matsbjork, 2002-06-19T23:44Z

Detta borde funka. 3 sidor totalt.

**FRAMEKOD**
\<frameset cols="50%,50%"\>
\<frame name="browse" src="1.html"\>
\<frame name="show" src="2.html"\>
\</frameset\>

**1\.html**
\<html\>
\<script\>
function sender(src)
{
source ="\<img src='"+src+"'\>";
parent.frames.show.document.all.showDiv.innerHTML = source;
}
\</script\>
\<body\>
\<img src="bild1.jpg" onClick="sender(this.src)"\>
\<img src="bild2.jpg" onClick="sender(this.src)"\>
\<img src="bild3.jpg" onClick="sender(this.src)"\>
\</body\>
\</html\>

**2\.html**
\<html\>
\<body\>
\<div id=showDiv\>\</div\>
\</body\>
\</html\>

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

## #3 — ironhead, 2002-06-20T06:56Z

Tackarr! Funkar ungefär som jag vill, men om man inte använder frames, utan i en iframe, hur ska man skriva då?

iframen har id="edit"

När jag kör: 
edit.document.body.innerHTML = source; 
så rensar den bort allt som fanns i rutan sedan tidigare och lägger dit bilden, och låser iframen.....hur skriver man för att bevara den text som finns, och lägga in bilden utan att iframen låses?

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

## #4 — matsbjork, 2002-06-20T08:05Z

skapa en div i iFramen med id MinDiv. Då blir DOM 

edit.document.all.MinDiv.innerHTML = source.

Den divven kan du placera var du vill i framen så hamnar bilden i den.

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

## #5 — ironhead, 2002-06-20T08:27Z

Får
Null or not an object... 

Jag vill ju att bilden ska hamna där man står med markören.

Det jag sitter å trixar med är den WYSIWYG editorn som finns i detta forum, så vill du se källkod så finns den under ovan nämnda namn.

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

## #6 — Jojoxx, 2002-06-20T12:54Z

```
<html>
<head><title></title></head>
<body>

<a href="#" onClick="myIframe.location.href='url_till_bild1.jpg';">Bild 1</a>
<a href="#" onClick="myIframe.location.href='url_till_bild2.jpg';">Bild 2</a>
<br>
<iframe name="myIframe" width="400" height="400"></iframe>

</body>
</html>
```

... är dessutom inte låst till IE DOM.

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

## #7 — ironhead, 2002-06-23T22:17Z

Händer samma sak som tidigare...hela iframen låses...går inte att skriva dit mer text, och den text som skrivits dit tas bort...

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

## #8 — solbulle, 2002-06-23T22:39Z

Fördel med "riktig" kod eller en länk till den kod du har. (WYSIWYG)

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

## #9 — ironhead, 2002-06-24T08:54Z

Sorry...tycket den var så ofta diskuterad här, så jag trodde alla visste....[här finns tråden](http://www.webforum.nu/showthread.php?s=&threadid=39326&highlight=WYSIWYG)

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

## #10 — ironhead, 2002-06-25T13:34Z

Skickar med koden oxå!

Default.html

\<!--\<IFRAME id="edit" src="edit.html" width="400" height="250"\>\</IFRAME\>--\>

\<SCRIPT language="JavaScript"\>
function initToolbar() {
text = ''
objToolbar = document.all.toolbar
objToolbar.\_editor = window.frames\["edit"\]
objToolbar.\_editor.initEditor(text)
objToolbar.\_editor.setFocus()
}
function doFormat(strCommand) {
var objToolbar = document.all.toolbar
objToolbar.\_editor.execCommand(strCommand, false, arguments\[1\])
}
function insertLink() {
var objToolbar = document.all.toolbar
objToolbar.\_editor.execCommand('CreateLink', true, null)
}
function swapMode() {
var objEditor = document.all.toolbar.\_editor
objEditor.swapModes()
}
function insertPicture(src) 
{ 
source ="\<img src='"+src+"'\>"; 
edit.document.all.innerHTML=source;
} 
\</script\>

\<body bgcolor="#CCCCCC" onLoad="initToolbar()"\>

\<FORM action="spara.asp" method="post" name="foo" onSubmit="javascript:document.foo.koden.value=edit.textEdit.document.body.innerHTML;"\>

\<DIV ID="toolbar" \>
\<IMG src="fet.gif" onClick="doFormat('Bold')"\>
\<IMG src="kursiv.gif" onClick="doFormat('Italic')"\>
\<IMG src="understreck.gif" onClick="doFormat('Underline')"\>
\<IMG src="vanster.gif" onClick="doFormat('JustifyLeft')"\>
\<IMG src="center.gif" onClick="doFormat('JustifyCenter')"\>
\<IMG src="right.gif" onClick="doFormat('JustifyRight')"\>
\<IMG src="lank.gif" onClick="insertLink()"\>
\<IMG src="html.gif" onClick="swapMode()"\>
\<IMG src="pic.gif" onClick="insertPicture()"\>
\</DIV\>
\<IFRAME id="edit" src="edit.html" width="400" height="250"\>\</IFRAME\>
\<TEXTAREA name="koden" style="display: none"\>\</TEXTAREA\>
\<BR\>
\<input type="submit" value="Spara"\>
\</FORM\>

edit.html

\<STYLE\>
BODY {margin: 0px; padding: 0px}
IFRAME {width: 100%; height: 100%}

\</STYLE\>
\<SCRIPT\>
var strEditMode="Raw HTML"
function setFocus() {
textEdit.focus()
}

function execCommand(strCommand, blnGUI, strArgument) {
if (strEditMode=="Raw HTML") {
var edit = textEdit.document.selection.createRange()
if (strArgument==null)
edit.execCommand(strCommand, blnGUI)
else
edit.execCommand(strCommand, blnGUI, strArgument)
edit.select()
textEdit.focus()
}
}

function initEditor(text) {
textEdit.document.designMode="On"
textEdit.document.open()
textEdit.document.write(text)
textEdit.document.close()
textEdit.document.body.style.fontFamily = "Verdana"
textEdit.document.body.style.fontSize ="12px"
textEdit.focus()

}

function swapModes() {
if (strEditMode=="Raw HTML") {
textEdit.document.body.innerText = textEdit.document.body.innerHTML
textEdit.document.body.style.fontFamily = "monospace"
textEdit.document.body.style.fontSize = "10pt"
strEditMode="WYSIWYG"
}
else {
textEdit.document.body.innerHTML = textEdit.document.body.innerText
textEdit.document.body.style.fontFamily = "Verdana"
textEdit.document.body.style.fontSize ="12px"
strEditMode="Raw HTML"
}
textEdit.focus()
var s = textEdit.document.body.createTextRange()
s.collapse(false)
s.select()
}
//window.onload = initEditor
\</SCRIPT\>
\<BODY SCROLL="no" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"\>
\<IFRAME ID="textEdit" frameborder="0" marginwidth="2" marginheight="2"\>\</IFRAME\>

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/46271-skicka-bild-till-iframe
