Jump to content

Can i use a version of your tyrit editor on my web


Chris 101

Recommended Posts

Jonas made one of these, viewed here.http://w3schools.invisionzone.com/index.ph...c=2806&hl=tryitYou can use without removing his comment. :) Just a pain how it wont work in FF, darn :(

Darn straight about the comment... :)And if anyone more experienced in javascript than me wants to play around with it and see if they can get it to work in firefox, please do.
Link to comment
Share on other sites

Managed to fix it Jonas, it now works in Firefox, yipee :)

<!-- Made by "Jonas" @ w3schools.invisionzone.com. Use freely, but please don't remove this comment. --><!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><title>HTML Preview</title><meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" /><script type="text/javascript">function printToFrame(text) {   document.getElementById('result').contentWindow.document.write(text);   document.getElementById('result').contentWindow.document.close();}  // end printToFrame();</script><style type="text/css"><!--body {background: #305070;color: #ffffff;}p {margin-bottom: 5px;}textarea {margin: 0px 0px 12px 0px;width: 450px;height: 450px;}iframe {width: 500px; height: 447px; overflow: auto;position: absolute;top: 53px;right: 10px;}input {position: relative;top: 0px;left: 30px;}--></style></head><body><p>Write your html here... V ...Clicking "Preview HTML" will show you the result of your written html.</p><form id="myForm" action=""><div><textarea name="txtInput" rows="10" cols="50"><!-- test html... try it out yourself --><html><head><style type="text/css">body {background: #00a0aa;}span#example {color: #ffffff; font-size: 20px;}</style></head><body>	<span id="example">		Clicking "Preview HTML" will show you the result of your written html. 	<br />	<br />Works with (X)HTML, CSS and Javascript...	<br />		<img src="http://www.google.com/images/logo_sm.gif" alt="Images are shown..." />	</span>	<br />	<script type="text/javascript">		document.write('Hello World');		alert('Javascript works...');	</script></body></html></textarea><br /><input type = "button" value = "Preview HTML" onclick="java script:printToFrame(window.document.getElementById('myForm').txtInput.value)" /></div></form>  <p>    <a href="http://validator.w3.org/check?uri=referer"><img        src="http://www.w3.org/Icons/valid-xhtml10"        alt="Valid XHTML 1.0 Transitional" style="width: 88px; height: 31px; float: right; border-style: none; position: relative; top: -40px;" /></a>  </p><iframe id="result" /></body></html>

Link to comment
Share on other sites

Thanks for the mention :) But really, you done all the hard work, it was just a shame to see it wasted in FF, i couldn't rest till it worked cross browser :)

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...