Skicka bild till iframe

9 svar · 381 visningar · startad av ironhead 19 juni 2002

ironheadMedlem sedan mars 20011 346 inlägg

Trådstart19 juni 2002 18:26#1

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:

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

matsbjorkMedlem sedan jan. 200258 inlägg

19 juni 2002 23:44#2

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>

ironheadMedlem sedan mars 20011 346 inlägg

20 juni 2002 06:56#3

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?

matsbjorkMedlem sedan jan. 200258 inlägg

20 juni 2002 08:05#4

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.

ironheadMedlem sedan mars 20011 346 inlägg

20 juni 2002 08:27#5

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.

JojoxxMedlem sedan juni 20004 308 inlägg

20 juni 2002 12:54#6

<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.

ironheadMedlem sedan mars 20011 346 inlägg

23 juni 2002 22:17#7

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...

solbulleMedlem sedan mars 20015 287 inlägg

23 juni 2002 22:39#8

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

ironheadMedlem sedan mars 20011 346 inlägg

24 juni 2002 08:54#9

Sorry...tycket den var så ofta diskuterad här, så jag trodde alla visste....här finns tråden

ironheadMedlem sedan mars 20011 346 inlägg

25 juni 2002 13:34#10

Skickar med koden oxå!

Default.html

<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>

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>