Re: [WSG] HTML5/CSS3 form input to web page

2011-09-24 Thread Michael Allan
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
  titleMirror 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
***


[WSG] HTML5/CSS3 form input to web page

2011-09-23 Thread 8bits Media
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
***