New English-Irish Dictionary from Foras na Gaeilge

The English-Irish Dictionary Widget is a search box that you can embed into your own website. It gives your visitors easy access to .

When the user submits a search, a new window will open, displaying the search result / translations from https://www.focloir.ie/

What do I need?

Installing our search box on your site requires the following:

ability to edit the HTML source of your web page
ability to load files to your server. These are JavaScript files that our search box will reference.

Are different sizes available?

We offer the following 3 versions, which can be further customised to suit.

Small

Medium

Large

What do I do?

Please follow the steps below to integrate the feature.

Step 1: Apply required JavaScript files

download the following Javascript files
- jquery.js : this is a famous JavaScript library; check if it is already used in your pages. If not, download the last minified version on https://jquery.com
- searchbox.js : the code that contains the search box functionalities. Right click this link and 'save target as' to download.
  BY CLICKING HERE TO DOWNLOAD THIS SOFTWARE YOU AGREE TO THE TERMS OF THE FOLLOWING DISCLAIMER:
  THIS SOFTWARE IS SUPPLIED TO YOU BY FORAS NA GAEILGE WITHOUT ANY WARRANTIES OR GUARANTEES OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING, WITHOUT LIMITATION, THE WARRANTY OF MERCHANTABILITY AND WARRANTY OF FITNESS FOR A PARTICULAR PURPOSE.
  FORAS NA GAEILGE SHALL NOT BE HELD LIABLE FOR ERRORS CONTAINED HEREIN, OR FOR LOST PROFITS, LOST OPPORTUNITIES, CONSEQUENTIAL OR INCIDENTAL DAMAGES INCURRED AS A RESULT OF THE OPERATION OF THIS SOFTWARE.
Load the files to your server. It is common to place JavaScript files within a folder named "scripts" on the root directory of your site.
Paste the following code in the head element of your web page. The following assumes that the JavaScript files are in a folder named "scripts" in the root directory. If not, please modify the path to the files.
<script language="javascript" type="text/javascript" src="scripts/jquery.js"></script> <script language="javascript" type="text/javascript" src="scripts/searchbox.js"></script>

Step 2: Call Javascript function from your HTML

This is achieved using 1 of the following methods:

Replace the opening body tag in your page with this code <body onload="setupSearchBox('formname', 'https://www.focloir.ie/', 'en');">
Include the following script within the body element in your page <script language="javascript" type="text/javascript">jQuery(function() {setupSearchBox('formname', 'https://www.focloir.ie/', 'en'); });</script>

Step 3: Place the widget on your page

Please copy and paste the code for your chosen size into the HTML of your web page.

Small <form class="fop-searchbox" id="formname" name="formname" method="get" style="border: 1px solid #888; font-family: Arial,Helvetica,sans-serif; width: 120px; text-align: center; line-height:10px;"> <div class="fop-sb_head" style="padding: 0 2px; border-bottom: 1px solid #000; background-color: #fff; font-size:1em; margin-bottom:0; text-align:left;"> <div class="fop-logo"><a class="fop-logo" style="background-position:0px -40px !important; display:inline-block; width: 127px; height: 26px; background:transparent url('https://www.focloir.ie/external/images/sprite.png?version=1.9.84') no-repeat; background-size : 110px auto; cursor:pointer; margin:0;" title="New English-Irish Dictionary" alt="New English-Irish Dictionary"></a></div> <div class="fop-logo_text" style="font-size:8px; color:#000; font-weight: bold;">New English-Irish Dictionary</div> </div> <div class="sb_body" style="padding:6px; 3px;"> <input class="fop-textbox" name="q" type="text" style="border: 1px solid #999; margin: 0 0 3px 0; padding: 2px; width: 100px; height: 15px; font-size: 12px; color: #666; vertical-align: top;"/> <input class="fop-submit-btn" type="image" value="Search" src="https://www.focloir.ie/external/images/en/eneid_search_button.gif?version=1.9.84" style="margin: 0pt; cursor: pointer; vertical-align: top;"/> </div> </form>
Medium <form class="fop-searchbox" id="formname" name="formname" method="get" style="border: 1px solid #888; font-family: Arial,Helvetica,sans-serif; width: 135px; text-align: center; line-height:10px;"> <div class="fop-sb_head" style="padding: 0 2px; border-bottom: 1px solid #000; background-color: #fff; font-size:1em; margin-bottom:0; text-align:left;"> <div class="fop-logo"><a class="fop-logo" style="background-position:0px -40px !important; display:inline-block; width: 127px; height: 26px; background:transparent url('https://www.focloir.ie/external/images/sprite.png?version=1.9.84') no-repeat; background-size : 110px auto; cursor:pointer; margin:0;" title="New English-Irish Dictionary" alt="New English-Irish Dictionary"></a></div> <div class="fop-logo_text" style="font-size:10px; color:#000; font-weight: bold;">New English-Irish Dictionary</div> </div> <div class="sb_body" style="padding:6px 3px;"> <input class="fop-textbox" name="q" type="text" style="border: 1px solid #999; margin: 0pt; padding: 2px; width: 100px; height: 15px; font-size: 12px; color: #666; vertical-align: top;"/> <input class="fop-submit-btn" value="Search" type="image" src="https://www.focloir.ie/external/images/en/eneid_search_button.gif?version=1.9.84" alt="Click here to start the search in English-Irish Dictionary" title="Click here to start the search in English-Irish Dictionary" style="margin: 0pt 0pt 8px; cursor: pointer; vertical-align: top;"/> <a href="https://www.focloir.ie/" style="margin: 0pt; padding: 0pt; display: block; font-size: 10px; color: #666; line-height: 1em;">https://www.focloir.ie/</a> </div> </form>
Large <form class="fop-searchbox" id="formname" name="formname" method="get" style="border: 1px solid #888; font-family: Arial,Helvetica,sans-serif; width: 160px; text-align: center; line-height:10px;"> <div class="fop-sb_head" style="padding: 0 2px; border-bottom: 1px solid #000; background-color: #fff; font-size:1em; margin-bottom:0; text-align:left;"> <div class="fop-logo"><a class="fop-logo" style="background-position:0px -40px !important; display:inline-block; width: 127px; height: 26px; background:transparent url('https://www.focloir.ie/external/images/sprite.png?version=1.9.84') no-repeat; background-size : 110px auto; cursor:pointer; margin:0;" title="New English-Irish Dictionary" alt="New English-Irish Dictionary"></a></div> <div class="fop-logo_text" style="font-size:11px; color:#000; font-weight: bold;">New English-Irish Dictionary</div> </div> <div class="sb_body" style="padding:6px 3px;"> <input class="fop-textbox" name="q" type="text" style="border: 1px solid #999; margin: 0pt; padding: 2px; width: 100px; height: 15px; font-size: 12px; color: #666; vertical-align: top;"/> <input class="fop-submit-btn" type="image" value="Search" src="https://www.focloir.ie/external/images/en/eneid_search_button.gif?version=1.9.84" style="margin: 0pt 0pt 8px; cursor: pointer; vertical-align: top;"/> <a href="https://www.focloir.ie/" style="margin: 0pt; padding: 0pt; display: block; font-size: 10px; color: #666; line-height: 1em;">https://www.focloir.ie/</a> </div> </form>

Can I customise the widget?

It is possible to customise the widget using standard HTML and CSS formatting. Simply edit the inline style within the pasted HTML from step 3.

You must retain the English-Irish Dictionary logo within the search box. The colours and aspect of the logo must not be changed.

See all our English-Irish dictionary widgets and plugins