Member Avatar for bharanidharanit

Hello sir,
I want to make a HTML page with the window splitted into two.
In the left side i will give the html coding and the right side i want output for that coding(during runtime).

  • 3 Contributors
  • 8 Replies
  • 75 Views
  • 6 Days Discussion Span
  • Latest Post Latest Post by orwell84
Member Avatar for orwell84

Do you want this to just show the HTML for a website you made, or have it be an interactive thing were someone puts in HTML code on the left and the output shows up on the right?

Member Avatar for bharanidharanit

I resolved this one. Here is the coding for that one.

<html>
	<head>
		<TITLE>My First Frame Page</TITLE>
		<script type="text/javascript">
			function PreviewHTML()
				{
				document.getElementById('preview').innerHTML = document.getElementById('source').value;
				}
		</script>
	</head>
	<body>
		<div style="float: left">
			<textarea id='htmlsource' name='source' rows='30' cols='50'></textarea>
			<br>
			<input type='button' value='Preview' onclick="javascript:PreviewHTML();">
		</div>
		<div id='preview' style="float: left"></div>
	</body>
</html>
Member Avatar for orwell84

Wait...what's this code doing?

Member Avatar for orwell84

Ok, because I tried the code and it didn't do that...

Member Avatar for bharanidharanit

Ok, because I tried the code and it didn't do that...

It doesnot work with other browsers except IE

Member Avatar for kanaku

Reading this thread made my day. :twisted:

Member Avatar for orwell84

It doesnot work with other browsers except IE

Ah, yes, I was using firefox

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.