Hi Nick,
That's not really a standards-related question ... nonetheless, here's sample
code which will do what you want :-)
Feel free to remove the $(document).ready wrapper if you're including it at the
end of your DOM as shown. Adjust it for your library of choice if you prefer
something other than jQuery.
Cheers,
Mike
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Mirror script</title>
</head>
<body>
<form>
<input type="text" name="userInput" value="" id="userInput">
</form>
<div id="mirrorInput"></div>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js";></script>
<script>
$(document).ready(function () {
$('#userInput').keyup(function () {
$('#mirrorInput').html($(this).val());
});
});
</script>
</body>
</html>
On 24/09/2011, at 1:48 AM, 8bits Media wrote:
> Hi,
>
> I'm trying to find a way of displaying dynamic text (via a text input field)
> on a web page.
>
> Basically, when a user inputs text it needs to render (in real time) in an
> adjacent space on the same page. The adjacent space is a flyer that can then
> be printed by the user with the text they typed in.
>
> Does anyone know of an existing HTML5/CSS3 script that will do this?
>
> Thanks,
>
> Nick.
>
> *******************************************************************
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: memberh...@webstandardsgroup.org
> *******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************
