Home/ Questions/Q 186659
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T15:41:09+00:00

I was expreimenting to build a page editor. One issue just drove me crazy

  • 0

I was expreimenting to build a page editor. One issue just drove me crazy in firefox.

The page code is below:

<body> <iframe WIDTH=200 HEIGHT=200 id='myEditor'></iframe> <script>      function getIFrameDocument(sID){         // if contentDocument exists, W3C compliant (Mozilla)         if (document.getElementById(sID).contentDocument){             alert('mozilla'); // comment out this line and it doesn't work             return document.getElementById(sID).contentDocument;         } else {             // IE             alert('IE');             //return document.getElementById(sID);             return document.frames[sID].document;         }     }      getIFrameDocument('myEditor').designMode = 'On';  </script>  </body>

It just check whether it is approprate to set ‘designMode’ in Mozilla way or IE way. When the page loads, a ‘Mozilla’ pops up; click the iframe area, and the focus is on the iframe and I can input with keyboard.

This looks fine, but when I comment out the line “alert(‘mozilla’);”， it doesnt work. The ‘designMode’ is ‘Off’ as FireBug shows.

This is so wired. Why a alert can affect the DOM and javascript? BTW, my Firefox is 3.0.6.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Because the alert gives the iframe time to load. You should set designMode to ‘on’ only after the iframe document has loaded:

    iframe.onload = function() {     doc.designMode = 'on'; };
    • 0