Skip all navigation and go to page content
NN/LM Home About Us | Contact Us | Feedback | Help | Bookmark and Share

Members directory widgets

The following widgets may be placed on your site as a convenient shortcut to members directory functionality:

Zip code widget

Members directory widget.  Enter a zip code

NN/LM Members Directory

Go

To use this widget, embed the following code in the appropriate place in your (nnlm.gov) page:


<script type='text/javascript' src='http://nnlm.gov/scripts/memdirwidget.js'></script>
<style type='text/css'>
#memdirwidget{position:relative;height:80px;background:#eef;border:1px outset #2A3A89;width:150px;-moz-border-radius:15px;border-radius:15px;padding:5px}
#memdirwidget img{max-width:80px;max-height:50px;position:relative;left:10px}
.memdirlabel{font-size:x-small;position:relative;top:14px;left:10px;z-index:+1;color:#2A3A89}
#memdirwidget form input.q,input.empty{position:absolute;top:50px;left:15px; width:100px;}
#memdirwidget form .submit{position:absolute;top:20px;right:20px}
#memdirwidget .empty{color:#999}
#memdirwidget .noscript{position:absolute;top:0;left:0;z-index:1;background-color: white;padding:5%;border:1px solid red;width: 80%; margin: 5%;}
</style>
<div id='memdirwidget'>
<form id='memdirwidgetform' action='http://nnlm.gov/members/results.html' method='post'>
    <input type='hidden' name='c' value='1' />
    <input type='hidden' name='qs' value='y' />
    <input type='hidden' name='opnum' value='1' />
  <label for='memdirwidget_zip' style='position: absolute; left: -9999px'>Enter a zip code</label>
    <input type='text' class='q empty' id='memdirwidget_zip' name='zip' onfocus='toggleInput(true)' onblur='toggleInput(false)' value=''/>
    <a href='http://nnlm.gov/'><img src='http://nnlm.gov/images/nnlm_logo_100p.gif' alt='Members directory widget.  Enter a zip code' /></a>
    <p class='memdirlabel'><a href='http://nnlm.gov/members/adv.html'>NN/LM Members Directory</a></p>
    <a class='submit js_submit' href='#' onclick='return doSubmit();'><img src='http://nnlm.gov/images/go_button.png' alt='Go' /></a>
  <noscript><style type='text/css'>.js_submit{display:none;}</style><input class='submit' type='submit' value='Go' /></noscript>
</form>
</div>
            

To have it open in a new window, change the 'form' html to have target="_blank".

If you have questions or comments about this widget, please feel invited to use the feedback button at the top of the page.

Some sites will prevent this widget from working properly. Possible reasons are:

  1. Conflicting CSS stylings disrupt the appearance
  2. Content management systems or Wordpress installations prevent the script from being linked to properly, disrupting the widget's functionality.

If you are completely unable to get the above to work, the following is available as a fallback:

<a href='http://nnlm.gov/members/adv.html'><img src='http://nnlm.gov/members/images/zip_code_widget.png' alt='NN/LM Members Directory' /></a>

The code immediately above simply produces a hyperlinked image similar to the widget displayed at the top of the page. It cannot be typed into, only clicked. The widget displays like so:

NN/LM Members Directory