DesignMode doesn't work with generated iframe in mozilla

Dev Articles Community Forums Sponsor:

Stay one step ahead of the competition. Evaluate and give feedback on some of the hottest web development tools on the market today. Make your opinion heard! Click Here

December 5th, 2005, 01:30 PM

goldrake73

Registered User

Join Date: Oct 2004

Posts: 7

Time spent in forums: 18 m 30 sec
Reputation Power: 0

DesignMode doesn't work with generated iframe in mozilla

can anybody help me to make this work with mozilla ?

function createIframe()
{
// creates the iframe
var iframe=document.createElement("iframe");
iframe.setAttribute("id","myiframe");
iframe.setAttribute("width",750);
iframe.setAttribute("height",400);
iframe.setAttribute("frameborder",1);
document.body.appendChild(iframe);
// set designMode
document.getElementById('myiframe').contentWindow. document.designMode="on";
document.getElementById('myiframe').contentWindow. document.close();
}

December 5th, 2005, 10:30 PM

Mittineague

Contributing User

Join Date: Jul 2005

Location: West Springfield, Massachusetts

Posts: 542

Time spent in forums: 1 Week 1 Day 2 h 58 m 28 sec
Reputation Power: 3

mozilla

Assuming the newlines between "....contentWindow." and "document...." are a product of the forum and not in your code (like the unwanted space in the code snippet below), I substituted the ".......close();" line with

Code:

try {
    document.getElementById('myiframe').contentWindow.  document.execCommand("undo", false, null);
  }  catch (e) {
    alert("This demo is not supported on your level of Mozilla.");
  }

I tried the page in Mozilla 1.7.11 and did not get the alert, so what there is for code does appear to be working OK. I put the script in the head and called the function with the body tag onload.

December 6th, 2005, 01:21 AM

goldrake73

Registered User

Join Date: Oct 2004

Posts: 7

Time spent in forums: 18 m 30 sec
Reputation Power: 0

It doesn't work...

I tried but it doesn't work...
the strange thing is that if I create the HTML via document.write, it works correctly but if i generate the HTML it doesn't work...
Another idea ?

December 6th, 2005, 07:34 AM

MadCowDzz

I'm Internet Famous

Dev Articles Frequenter (2500 - 2999 posts)

Join Date: Jan 2003

Location: Toronto, Canada

Posts: 2,890

Time spent in forums: 1 Week 16 h 4 m 48 sec
Reputation Power: 8

I believe design mode is only supported by IE.
Mozilla has a good guide titled Converting an app using document.designMode from IE to Mozilla.
Their demo works in both IE and Firefox.

__________________
Daryl's Homepage | My Blogroll | My Profile | Firefox supporter!
DevArticles Forum Moderator

"The net is a waste of time, and that's exactly what's right about it." -- William Gibson

August 18th, 2006, 03:59 PM

rstackhouse

Registered User

Join Date: Aug 2006

Posts: 1

Time spent in forums: 9 m 53 sec
Reputation Power: 0

Quote:

Originally Posted by goldrake73

According to this article http://developer.apple.com/internet/webcontent/iframe.html
Netscape and Firefox browsers need a moment after creating an inline frame before making its contents editable.

Try this:

function createIframe()
{
// creates the iframe
var iframe=document.createElement("iframe");
iframe.setAttribute("id","myiframe");
iframe.setAttribute("width",750);
iframe.setAttribute("height",400);
iframe.setAttribute("frameborder",1);
document.body.appendChild(iframe);
// set designMode
setTimeout("enable();", 10);
document.getElementById('myiframe').contentWindow. document.close();
}

function enable()
{
document.getElementById('myiframe').contentWindow. document.designMode="on";
}

If that doesn't work, try extending the timeout.

Hope this helps.

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread: