XHTML (1.0 Transitional) coding for Webster's Online Dictionary search box:
Code: Select all
<form action="http://www.websters-online-dictionary.org/search/"
method="post" id="websters"
title="websters-online-dictionary.org" onclick="this.target='_blank';"
style="background:#006; color:#fff;
width:25% !important;
border:2px outset #006; margin: auto;
text-align:center;
font:0.8em Helvetica, Arial, sans-serif;>
<div style="background:#f3f7fa; color:#003;padding-bottom:4px;">
<strong>Webster's Online Dictionary</strong><br />
<small>with Multilingual Thesaurus Translation</small>
</div>
<div style="padding:4px 0 1px 0;background:#f3f7fa; color:#003;">
<label for="dict"><input name="s" id="dict" size="20" /></label>
<input type="submit" value="Search" style="background:#f3f7fa; color:#003;
border:2px outset #003;
padding:1px 6px;" title="websters-online-dictionary.org"
onmouseover="setAttribute('title', this.title + ' \(search opens in a new window\)');"
onmouseout="setAttribute('title', '');" />
<br style="display:none" /></div>
<div style="background:#f3f7fa; color:#003;
text-align:left;
font-family:georgia, serif;
padding:0 25px;">
<input type="radio" name="R1" checked="checked" value="en" /><b>English</b>
<input type="radio" name="R1" value="all" />Non-English
</div>
</form>
Code: Select all
<form action="http://www.websters-online-dictionary.org/search/"
method="post" id="websters"
title="websters-online-dictionary.org" onclick="this.target='_blank';"
style="background:#006; color:#fff;
width:25% !important;
border:2px outset #006; margin: auto;
text-align:center;
font:0.8em Helvetica, Arial, sans-serif;>
<div style="background:#f3f7fa; color:#003;padding-bottom:4px;">
<strong>Webster's Online Dictionary</strong><br>
<small>with Multilingual Thesaurus Translation</small>
</div>
<div style="padding:4px 0 1px 0;background:#f3f7fa; color:#003;">
<label for="dict"><input name="s" id="dict" size="20"></label>
<input type="submit" value="Search" style="background:#f3f7fa; color:#003;
border:2px outset #003;
padding:1px 6px;" title="websters-online-dictionary.org"
onmouseover="setAttribute('title', this.title + ' \(search opens in a new window\)');"
onmouseout="setAttribute('title', '');">
<br style="display:none"></div>
<div style="background:#f3f7fa; color:#003;
text-align:left;
font-family:georgia, serif;
padding:0 25px;">
<input type="radio" name="R1" checked="checked" value="en" ><b>English</b>
<input type="radio" name="R1" value="all" >Non-English
</div>
</form>
Here is the coding that should appear somewhere above <head>on the searchbox HTML instructions page, Webster's Online Dictionary wrote: Note: To be able to fully-utilize the dictionary, the web page that contains any of the code above will have to be encoded in UTF-8.
Code: Select all
<meta http-equiv="content-type" content="text/html; charset=utf-8">
As long as the correct doctypes are on the page, the above coding validates. (And it works as well.)
XHTML 1.0 Transitional doctype:
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
edit: The XHTML coding with stylesheets is here: /cwc/dictionaryhelp.html
============
("disable HTML in this post" is checked so that the coding shows up correctly)