discussions of various subjects - emphasis on food and recipes, travel, art, gardening

=,=`==ivy==`=,=

forum guidelines . eyeglasses  disclaimer - read me . recipes from our kitchen . blog from our kitchen 

how to put a Webster's Online Dictionary search box on your site


etherwork.net
discussions of various subjects - emphasis on food and recipes, travel, art, gardening
 
Register Log in Log in to check your private messages FAQ Memberlist Search Usergroups etherwork.net Forum Index

How to put a Webster's Online Dictionary box on your site

 
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    etherwork.net Forum Index » anything and everything (within reason) - archive
View previous topic :: View next topic  
Author Message
ejm
registered


Joined: 14 Oct 2004
Posts: 353
Location: Canada

Slogan:

Come to Life. Come to Laziness.

PostPosted: Sun 27 Sep, 2009 12:57 pm    Post subject: How to put a Webster's Online Dictionary box on your site Reply with quote

I'm a big fan of the several dictionaries on our shelves but the Webster's Online Dictionary is so wonderful that I've added it to [edit]<strike>the top of this page</strike> to each posting area[/edit]. If you would like to put this on your site as well, here is the coding. (Please note that this is a modification of the coding given out on websters-online-dictionary.org. Their coding is hopelessly outdated and full of validation errors.)

XHTML (1.0 Transitional) coding for Webster's Online Dictionary search box:
Code:
<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>


HTML (4.01 Transitional) coding for Webster's Online Dictionary search box

Code:
<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>



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.


Here is the coding that should appear somewhere above <head>
Code:
<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:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


HTML 4.01 Transitional doctype:
Code:
<!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)




Last edited by ejm on Sat 28 Nov, 2009 11:58 pm; edited 4 times in total
Back to top
View user's profile Send private message
CAM
registered


Joined: 14 Oct 2004
Posts: 494
Location: Canada

Slogan:

Can't Do It In Real Life? Do It On Llizard's Forum

PostPosted: Sat 07 Nov, 2009 10:09 am    Post subject: Reply with quote

oooh, I want this on my website.... but where to put it????


Back to top
View user's profile Send private message
ejm
registered


Joined: 14 Oct 2004
Posts: 353
Location: Canada

Slogan:

Come to Life. Come to Laziness.

PostPosted: Sat 07 Nov, 2009 1:57 pm    Post subject: Reply with quote

CAM wrote:
oooh, I want this on my website.... but where to put it????


Yes, I know what you mean. It was tricky deciding where to put it here too. I'm not sure I chose the best spot, but still it's very cool to have.


Back to top
View user's profile Send private message
Display posts from previous:   
This forum is locked: you cannot post, reply to, or edit topics.#phpforum   This topic is locked: you cannot edit posts or make replies.    etherwork.net Forum Index » anything and everything (within reason) - archive All times are GMT - 5 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001- 2004, 2006 phpBB Group
Theme created by phpBBStyles.com | Themes Database

-,-`--ivy--`-,------

                      *
                     *
                    []
                    ||
      *          *  ||*
    *          *  *|  |
        *__    _*_ |__|
        \*/    \*/ | *|
ejm      Y      Y  |__|   =(}
        _|_    _|_


Webster's Online Dictionary
with Multilingual Thesaurus Translation

English Non-English

HTML coding for the Online Dictionary search box