Menu

#27 Readonly problem when using fckeditor in special case (IE)

open
nobody
None
5
2008-05-21
2008-05-21
siamakh
No

Please try below script.
1-Start editing in the text box.
2-Click on change step
3-Start editing in fckeditor
4-Click on toggle mode
5-Click on change step
6-Try to edit in the text box. Notice that it is now read-only.

<window id="win">
<zscript>
step1= null;
step2 = null;
</zscript>
<button label="change step" onClick="if (step2.parent == null) {step1.detach(); step2.setParent(win);} else {step2.detach(); step1.setParent(win);} "/>
<hbox>
<zscript> step1 = self; </zscript>
Enter some text: <textbox/>
</hbox>
<vbox>
<zscript> step2= self; </zscript>
<fckeditor id="ed"/>
<iframe id="frame" src="http://www.google.com" width="95%" style="border:1px solid gray" visible="false"/>
<button label="toggle mode" onClick="ed.visible = !ed.visible; frame.visible = !frame.visible;"/>
</vbox>

<zscript>
step2.detach();
</zscript>
</window>

Discussion

  • siamakh

    siamakh - 2008-05-21
    • summary: Readonly problem when using fckeditor in special case --> Readonly problem when using fckeditor in special case (IE)
     
  • siamakh

    siamakh - 2008-05-21

    Logged In: YES
    user_id=1829464
    Originator: YES

    Please note that this problem only happens on IE and not on firefox

     
  • siamakh

    siamakh - 2008-05-30

    Logged In: YES
    user_id=1829464
    Originator: YES

    Some insight which might be helpful: I noticed that the readonly problem goes away if i use a link instead of a button to change step:

    <window id="win">
    <zscript>
    step1= null;
    step2 = null;
    </zscript>
    <label
    style="color:blue;text-decoration:underline;"
    value="change step"
    onClick="if
    (step2.parent == null) {step1.detach(); step2.setParent(win);} else
    {step2.detach(); step1.setParent(win);} "/>

    <hbox>
    <zscript> step1 = self; </zscript>
    Enter some text: <textbox/>
    </hbox>
    <vbox>
    <zscript> step2= self; </zscript>
    <fckeditor id="ed"/>
    <iframe id="frame"
    src="http://www.google.com" width="95%" style="border:1px solid gray"
    visible="false"/>
    <button label="toggle mode"
    onClick="ed.visible = !ed.visible; frame.visible = !frame.visible;"/>
    </vbox>

    <zscript>
    step2.detach();
    </zscript>
    </window>

     

Log in to post a comment.