|
erics, October 1st, 2011 Someone shared this very cool website with me: http://www.isup.me/ – put in a website address that you are having trouble seeing and this cool site let’s you know if they can see it. Simple and effective.
Categories: How-To's, Technology Down, howto, Is Up?, isup, isup.com, live, Ping, tips, Website
| 
No comments
erics, August 18th, 2011 Our health-related website is finally live to the public! A long time coming, but worth the effort. The site is FREE, and will handle many health-related tracking tasks quite easily. Naomi and I have worked incessantly to make the site worthy of use. We think it is ready for prime-time. Now let’s see what the […]
Categories: Business, Health Issues, PainMinder™, Personal, Technology, Wyzaerd Health, Health Log, Launch, List, live, Log, Medication, Medication Log, Pain, Pain Log, PainMinder(tm), Record, Symptom, Symptom Log, Website
| No comments
erics, May 8th, 2011 The HTML:
|
1 2 3 4 |
<ul class="icons ui-widget ui-helper-clearfix"> <li id="AddItem" class="ui-state-default ui-corner-all" title="Add Item"><span class="ui-icon ui-icon-plusthick"></span></li> <li id="AddToFavorites" class="ui-state-default ui-corner-all" title="Add to Favorites"><span class="ui-icon ui-icon-heart"></span></li> </ul> |
The CSS:
|
1 2 3 4 5 6 7 8 9 |
ul.icons li { cursor: pointer; float: left; list-style: none; margin: 2px; padding: 2px 0px; position: relative; } |
The jQuery:
|
1 2 3 4 5 |
jQuery('ul.icons li') .live("mouseover mouseout", function (event) { if (event.type == "mouseover") jQuery(this).addClass("ui-state-hover"); else jQuery(this).removeClass("ui-state-hover"); }); |
Categories: How-To's, Technology Button, Hover, Icon, Icons, JQuery, jQuery UI, live, Live Hover, mouseout, mouseover
| No comments
erics, April 17th, 2011 As of jQuery 1.4.1 .live() can accept multiple, space-separated events, similar to the functionality provided in .bind(). For example, we can “live bind” the click and focus events at the same time like so:
|
1 2 3 |
jQuery('.datepick').live('click focus', function () { jQuery(this).datepicker('destroy').datepicker({showOn: 'both'}); }); |
Another example, this time creating a hover effect:
|
1 2 3 4 5 6 7 |
jQuery('.rollover').live('mouseover mouseout', function(event) { if (event.type == 'mouseover') { // do something on mouseover } else { // do something on mouseout } }); |
Categories: How-To's, Technology bind, click, datepicker, Events, Focus, JQuery, live, mouseout, mouseover, Multiple events, rollover
| No comments
