wysiwyg problem

**bakhanbeigi** · Jun 10, 2007, 01:23

hello this code can work :

Code:

<html> 
<head> 
<title> Using execCommand to bold text </title> 
<script language="JavaScript"> 

function Init() 
{ 
iView.document.designMode = 'On'; 
} 

function boldIt() 
{ 
iView.document.execCommand('bold', false, null); 
} 

</script> 

<body > 
<iframe id="iView" style="width: 200px; height:70px"></iframe> 
<br><br> 
<input type="button" onClick="boldIt()" value="Toggle Bold">
<input type="submit" onclick="Init()">
 
</body> 
</html>

I change it like this :

Code:

<html> 
<head> 
<title> Using execCommand to bold text </title> 
<script language="JavaScript"> 

function Init(objec) 
{ 
objec.document.designMode = 'On'; 
} 

function boldIt() 
{ 
iView.document.execCommand('bold', false, null); 
} 

</script> 

<body > 
<iframe id="iView" style="width: 200px; height:70px"></iframe> 
<br><br> 
<input type="button" onClick="boldIt()" value="Toggle Bold">
<input type="submit" onclick="Init('iView')">
 
</body> 
</html>

The buttom code can not work in IE 6 SP2

What should I do ?

**hexburner** · Jun 10, 2007, 02:43

Code JavaScript:

function Init(objec)
{ 
    document.getElementById(objec).document.designMode = 'On'; 
}

**bakhanbeigi** · Jun 10, 2007, 03:50

i test it but can not work :

Code:

document.getElementById('text1').document.designMode = 'On';
document.getElementById(objec).document.designMode = 'On';

only this code work

Code:

text1.document.designMode = 'On';

**hexburner** · Jun 10, 2007, 04:18

And using window.frames[0]?

**bakhanbeigi** · Jun 10, 2007, 05:30

Do you mean ?

Code:

window.frames[0].getElementById(objec).document.designMode = 'On' ?

I did not use frame in my page

**hexburner** · Jun 10, 2007, 15:10

I don't know if this would work, I'm just thinking along.
But how about something like this?

Code JavaScript:

 function Init(id) {
    var obj = document.getElementById(id);
    if(obj.document && obj.document.designMode) { 
        obj.document.designMode = "On"; 
    } 
    else if(frames && frames.obj && frames.obj.document.designMode) { 
        frames.obj.document.designMode = "on"; 
    } 
    else if (obj.contentDocument) { 
        obj.contentDocument.designMode = "on"; 
    }
    else {
        alert('Not supported');
    }
}

**bakhanbeigi** · Jun 10, 2007, 22:50

No it can not awnser yet

Is my code complete?

Code:

<textarea id="text1"></textarea>
<script language="javascript">
function Init(id) {    var obj = document.getElementById(id);    if(obj.document && obj.document.designMode) {         obj.document.designMode = "On";     }     else if(frames && frames.obj && frames.obj.document.designMode) {         frames.obj.document.designMode = "on";     }     else if (obj.contentDocument) {         obj.contentDocument.designMode = "on";     }    else {        alert('Not supported');    }}
Init('text1');
</script>

**hexburner** · Jun 11, 2007, 00:20

I can't seem to get this right, apparantly.
Have you read the docs?

Internet Explorer - designMode Property (document)
Mozilla Firefox - Midas Specification

The SitePoint Forums have moved.

User Tag List

Thread: wysiwyg problem

Thread Tools

Display

wysiwyg problem

Bookmarks

Bookmarks

Posting Permissions