14 svar · 369 visningar · startad av Jesper T
<body onload="document.getElementById('iView').focus();">
...
<iframe id="iView"></iframe>
<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?
Det är ingen sida, iframen funkar som en editor med designmode. Det är en WYSIWYG-editor.
Har ingen src.
Så vad har du i Iframe:n? Vad ska vara editerbar om du inte har någon content?
I iframen så skall den editerbara sidan öppnas, men jag fattar inte riktigt vad du menar.
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?
Undrar fortfarande.
....Ingen som vet?
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.
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>
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.
<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>
Det är mindre lyckat för då raderas allt jag skrivit in när jag trycker på "länken".
Ä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>
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)