- 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