I'm testing the Final Candidate Preview, and I also have this problem. The editor loads OK in a hidden div in Internet Explorer but not in Gecko browsers (tested with Firefox 1.0.2 and Mozilla 1.8b under Windows 2000).
Hi Denny Valliant, It works because you are using visibitily, which is not useful in some case. Try display:hidden instead. You will see the different.
RE: rc3 loading error inside a hidden div
Regards
RE: rc3 loading error inside a hidden div
For me this is a big problem...
RE: rc3 loading error inside a hidden div
failing to load editor within a div. works in ie but toolbars are collapsed and doesn't work at all in Firefox/Mozilla. any help much appreciated.
thanks in advance
RE: rc3 loading error inside a hidden div
Heh. Everyone loves that comment, neh?
Really tho, I've had no problems with hidden divs and firefox (i'm gunning XP and FF1.0.4 (evil JS oh my;-)).
I didn't even have to use the method described in 004.html of the _testcases folder.
Have y'all tried it in a very simple page just with a hidden div and that's it?
I've got two that switch when a <span> is clicked on, and they work MARVELOUSLY.
You ARE naming them different names, right?
What are you using? JS or ASP or PHP or what?
I'm using Coldfusion to instanciate and it's doing multiples fine.
Better is to use one and switch the content around, I thing, but at any rate hiding/unhiding it runs no problems for me. No js errors, nada.
Mine are like this:
[fck_sop() is a wrapper for the instance. Just passes the instance name, and instance content.]
<br>
<span onClick="javascript:document.getElementById('FCKprocedure').style.visibility='hidden';document.getElementById('FCKgenInfo').style.visibility='';">General Info</span>
<span onClick="javascript:document.getElementById('FCKgenInfo').style.visibility='hidden';document.getElementById('FCKprocedure').style.visibility='';">Procedure</span><br>
<div id="FCKgenInfo" style="position:absolute; top:100">
#fck_sop('opGeneralInfo','#request.opGeneralInfo#')#
</div>
<div id="FCKprocedure" style="visibility:hidden; top:100">
#fck_sop('opProcedure','#request.opProcedure#')#
</div>
RE: rc3 loading error inside a hidden div
It works because you are using visibitily, which is not useful in some case. Try display:hidden instead. You will see the different.
RE: rc3 loading error inside a hidden div
RE: rc3 loading error inside a hidden div
<a href="<?= $adminRootPath.$mailinglist['folder'] ?>/richtexteditor.php" class="button" onclick="NewWindow(this.href,'name','winx','winy','yes');return false;">Use Rich Text Editor (pops up fullscreen)</a><html> <head> <title>Compose HTML email</title> <style type="text/css"> body{ background:black; color:white; } a.button { font-family: Arial, Helvetica, sans-serif; text-decoration: none; text-transform:uppercase; margin: 0.5em; background: #333333; color: #FFFFFF; border:1px solid #999999; padding: 1px 10px 3px; font-size:10pt; } a.button:hover { background: #F0B500; color: #333333; border:1px solid #FFC773 ; } </style> </head> <body> <form name="form1" id="form1" method="post" action=""> <?php require_once("$localPath/_admin/_FCKeditor/fckeditor.php") ; // CREATE EDITOR $oFCKeditor = new FCKeditor('texthtml') ; $oFCKeditor->BasePath = 'http://www.mediaruimte.be/metalab2/_admin/_FCKeditor/' ; $oFCKeditor->ToolbarSet = 'mailinglist'; // $oFCKeditor->Value = 'This is some <strong>sample text</strong>. You are using <a href="<a href="http://www.fckeditor.net/" target="_blank">http://www.fckeditor.net/</a>">FCKeditor</a>.' ; $oFCKeditor->Height = '95%' ; $oFCKeditor->Create() ; ?> <a href="#" onClick="javascript:save()" class="button">Save </a> </form> <script language="JavaScript" type="text/JavaScript"> function save() { // Get the editor instance that we want to interact with. var oEditor = FCKeditorAPI.GetInstance('texthtml') ; // Get the editor contents in XHTML. window.opener.document.forms[0].email_html_body.value = oEditor.GetXHTML( true ) ; // "true" means you want it formatted. window.close(); } function loadContent() { document.form1.texthtml.value = window.opener.document.forms[0].email_html_body.value; } //loadContent(); loadContent(); </script> </body> </html>