
Why use it?
In the case of the example at above, the widget is used to focus on users' desired action(s). They may not know, for example, what the 'Assistant Director, Media Relations' does. So in the past, some people would just look for the first e-mail address on the page and send off their inquiry, hoping it would address their desires. By providing the list of possible actions, and relating them to the correct individuals, users' needs become the focus. Keep in mind that UNO's custom Google search will index the hidden portions of the page - so if someone arrives at your page from the search, does a search within the page for hidden text, the results will not be seen. For this reason, all your hidden text should be available in the un-hidden portion of your page as well. Think of the 'I Want' widget as a quick shortcut. A little of it goes a long way - try and only use it if there is good reason. Remember, it is intended to make things easier.
How to use it
This widget uses the jQuery javascript library. That library is loaded into your page automatically. Follow these steps to use the widget:
<script type="text/javascript" src="http://www.unomaha.edu/js/08/jquery.accordion.js"></script>
<script type="text/javascript">
jQuery().ready(function(){
jQuery('#accordian-1').accordion({
header: 'div.title',
active: false,
alwaysOpen: false,
animated: false,
autoheight: false
});
});
</script>
<div id="list_iwant">
<div id="lselect_iwant">
<h3><span>I want to</span></h3>
<div class="box_txt">
<div id="accordian-1">
<div class="accordian">
<div class="title">Publicize my event</div>
<div class="hid">
<strong>Contact Wendy Townley</strong><br />
Assistant Director, Media Relations<br />
Phone: 402.554.2762, Fax: 402.554.3541, E-mail: <a href="mailto:wwwley@unomaha.edu">wwwley@unomaha.edu</a>
</div>
</div>
<div class="accordian">
<div class="title">Draft a press release</div>
<div class="hid">
<strong>Contact Wendy Townley</strong><br />
Assistant Director, Media Relations<br />
Phone: 402.554.2762, Fax: 402.554.3541, E-mail: <a href="mailto:wwwley@unomaha.edu">wwwley@unomaha.edu</a>
</div>
</div>
<div class="accordian">
<div class="title">Invite the media to my event</div>
<div class="hid">
<strong>Contact Wendy Townley</strong><br />
Assistant Director, Media Relations<br />
Phone: 402.554.2762, Fax: 402.554.3541, E-mail: <a href="mailto:wwwley@unomaha.edu">wwwley@unomaha.edu</a>
</div>
</div>
</div>
</div>
</div>
</div>
Don't make changes that compromise the designed function or appearance of the widgets. They should look, and behave, the same way no matter where they appear. Changes to font sizes, link colors, and/or other elements cause uncertainty for users, and compromise the visual and functional design that is part of the UNO brand. So please, use the widgets only as they are designed, and only for their intended uses. These widgets are only for use in the right-hand column (04 Main Content Right Column) of the WTA_01 template.
Content last modified: December 22, 2010, 8:24am