- From: John Russell <ve3ll@cogeco.ca>
- Date: Wed, 11 Jun 2003 16:05:31 -0400
- To: www-amaya@w3.org
here is an example of preformatted text not respecting form element seems that most box calculations allow overwrites of other text areas which muddles text in many situations. i have seen things where textstring prompt: <input........... has the prompt overlap the input control as well .... can this bleedthru of content into other elements be prevented. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><title>JavaScript Tutorial 8 - Cookies</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> pre {margin:40px; border:solid 0px gray; padding:0px; color:green; font:bold 10pt monospace; white-space:pre} </style> <body><a name="top"></a> <h2><a name="ex1"></a>Working Example #1 - Saving a User Preference</h2> <p>One of the most common uses of cookies is saving user preferences for reuse. Our example will reuse a background color selector from <a href="jstutor6.htm#radio">tutorial 5</a> and save its setting. Returning to the page will reset the color to the last setting selected.</p> <table summary="radio sidebar"> <tr><td> <p><strong>STEP 0: </strong>Copy the BakeCookie and EatCookie functions into your project.</p> <p><strong>STEP 1: </strong>Set up a global value for expiry date.</p> <pre> var expdate = new Date(); expdate.setTime(expdate.getTime()+(5*24*60*60*1000)); // 5 days </pre> <p><strong>STEP 3: </strong>Add a call from the color setting function to bake a new cookie with any updates.</p> </td><td width="180"> <form name="radio_form" action="" method="get"> <fieldset> <legend>Background</legend> Aquamarine: <input name="radio_color" class="radio" type="radio" onClick="newColor('Aquamarine')"><br> Burlywood: <input name="radio_color" class="radio" type="radio" onClick="newColor('Burlywood')"><br> Floralwhite: <input name="radio_color" class="radio" type="radio" onClick="newColor('Floralwhite')"><br> Goldenrod: <input name="radio_color" class="radio" type="radio" onClick="newColor('Goldenrod')"><br> Peachpuff: <input name="radio_color" class="radio" type="radio" onClick="newColor('Peachpuff')"><br> White: <input name="radio_color" class="radio" type="radio" onClick="newColor('White')" checked="checked"> </fieldset></form> </td></tr></table> <a name="bot"></a><hr> <a href="home.htm">JR's Home Page</a> | <a href="#top">Top of Page</a> | <a href="mailto:VE3LL@RAC.CA?Subject=[jstutor8.htm]">Comments</a> | [jstutor8.htm:2003 06 11]</body></html> -- John Russell, VE3LL@RAC.CA http://home.cogeco.ca/~ve3ll (2 L's as in LLAMA) check HTML at http://www.htmlhelp.com/tools/validator/ check CSS at http://jigsaw.w3.org/css-validator/ check JavaScript at http://www.crockford.com/javascript/jslint.html
Received on Wednesday, 11 June 2003 16:05:09 UTC