Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

"contenteditable" 1

Status
Not open for further replies.
stranger123

stranger123

Programmer
Apr 16, 2006
76
GB
Hi,

I want to use <DIV contenteditable> for a editable erea for IE65.5-IE6. For the browsers not support "contenteditable", I want to use <textarea>.
How can I detect when "contenteditable" will be supported and show <DIV>, or not supported and show <TextArea>?

Thank you in advance.
 
Sort by date Sort by votes
This should do the trick.
Code: 
<html>

<script type="text/JavaScript">
<!--//
function IECheck(){
	//Detect IE6++
	var version = 0;

	if (navigator.appVersion.indexOf("MSIE")!= -1){
		var temp = navigator.appVersion.split("MSIE")
		version = parseFloat(temp[1]);
	}

	if (version >= 6.0) {
		document.getElementById("textarea").style.display = "none";
		document.getElementById("editable").style.display = "block";
	}
	else {
		document.getElementById("editable").style.display = "none";
		document.getElementById("textarea").style.display = "block";
	}
}
//-->
</script>
</head>
<body onLoad="IECheck()">

<div id="editable">
	<div contenteditable>
		Content
	</div>
</div>

<div id="textarea">
	<textarea>
		Content
	</textarea>
</div>

</body>
</html>

M. Brooks
 
Upvote 0 Downvote
Thank you very much!
One thing not very clear: did your code covering the cases of FireFox or any other non-IE browser?
 
Upvote 0 Downvote
mbrooks said:
Since "contenteditable" is an IE only attribute
Click to expand...

Er... except both Safari and Firefox support it, too, AFAIK... and probably other browsers, too.

Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

AbidingDude
  • Locked
  • Question
Where Does The &quot;name&quot; Attribute Stand?
Replies
1
Views
136
gmmastros
gmmastros
tonynsx
  • Locked
  • Question
document.getElementById(&quot;main&quot;).innerHTML not working
Replies
1
Views
114
ggriffit
ggriffit
southbeach
  • Locked
  • Question
MS Edge - onclick=&quot;...&quot; not triggered 1
Replies
2
Views
151
southbeach
southbeach
LyndonOHRC
  • Locked
  • Question
Single quote is breaking my onclick action 1
Replies
4
Views
122
LyndonOHRC
LyndonOHRC
sen5241b
  • Locked
  • Question
Double Bar &quot;||&quot; bitwise operator? 1
Replies
3
Views
167
sen5241b
sen5241b

Part and Inventory Search

Sponsor

Back
Top