Solved

htmldecode function in javascript

Posted on 2008-10-03
5
8,883 Views
Last Modified: 2008-10-13
I need an HTMLDecode function in javascript..

I read a data in Javascript as document.getElementById("test").innerHTML;

If i need to remove any html data while reading how do I do that..for e.g. the data may contain   etc

how do parse any data or decode the data. in javascript
0
Comment
Question by:intikhabk
  • 3
  • 2
5 Comments
 
LVL 82

Expert Comment

by:hielo
ID: 22636660
try:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd"> 
<html>
<head>
<title></title>
<style type="text/css">
<!--
.x{color:blue;}
-->
</style>
<script type="text/javascript">
function decodeHTML(e){
	var clean = document.getElementById(e).innerHTML.replace(/<[^>]*>/g,"");
	alert( clean );
return clean;
}
</script>
</head>
<body>
<div id="elem1" onclick="decodeHTML(this.id)">
	<span class="x">Hello</span> <strong>world</strong>
</div>
</body>
</html>

Open in new window

0
 

Author Comment

by:intikhabk
ID: 22636836
but if the text is Hello World&nbsp;
it does not work properly...
for eg: if it is
<div id="elem1" onclick="decodeHTML(this.id)">
      Hello World&nbsp;
</div>

the alert returns Hello World&nbsp;
0
 
LVL 82

Expert Comment

by:hielo
ID: 22636916
>>but if the text is Hello World&nbsp
Better yet, what if it is:
Procter & Gamble

have you tried a single ampersand?
0
 

Author Comment

by:intikhabk
ID: 22637010
so how do i remove special characters also
0
 
LVL 82

Accepted Solution

by:
hielo earned 500 total points
ID: 22637045

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

 "http://www.w3.org/TR/html4/loose.dtd"> 

<html>

<head>

<title></title>

<style type="text/css">

<!--

.x{color:blue;}

-->

</style>

<script type="text/javascript">

//you will need a "replacement table" so that the script below can make the proper

//replacements you wish

var entities=[

			['&amp;','&'],

			['&nbsp;',' ']

		];

function decodeHTML(e){

	var clean = document.getElementById(e).innerHTML.replace(/<[^>]*>/g,"");

	for( var i=0, limit=entities.length; i < limit; ++i)

	{

		clean = clean.replace( new RegExp(entities[i][0],"ig"), entities[i][1]);

	}

	alert( clean );

return clean;

}

</script>

</head>

<body>

<div id="elem1" onclick="decodeHTML(this.id)">

	<span class="x">Hello</span> &nbsp; <strong> & world</strong>

</div>

</body>

</html>

Open in new window

0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I hope you'll find this tutorial useful and interesting. So let's try to extend Tcl with a new package.  For anyone more deeply interested please check out the book "Practical Programming in Tcl and Tk". It's really one of the best written books abo…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn how to count occurrences of each item in an array.

895 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now