9 svar · 379 visningar · startad av ironhead
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?
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>
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?
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.
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.
<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.
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...
Fördel med "riktig" kod eller en länk till den kod du har. (WYSIWYG)
Sorry...tycket den var så ofta diskuterad här, så jag trodde alla visste....här finns tråden
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>