Employee Wellness Program Jeopardy

Since the popular game show Jeopardy first aired in the spring of 1964, viewers have eagerly tuned in each day to see if they’re as smart as the contestants. Tap into this same enthusiasm with a wellness version that teaches and reinforces employee health promotion messages as people simply have fun.

Wellness Program Jeopardy works equally well as a corporate wellness initiative or in any organization. Hold the game in a lunch/break room or conference room where employees can watch while they eat and relax. Or promote it as entertainment during a larger initiative, such as a health fair.

Choose the categories according to program goals, for instance:

  • General components of health promotion — Fitness, tobacco, stress, nutrition, weight management, preventive health care
  • Targeted employee health issues/workplace priorities — Communication skills, conflict management, benefit plans, safety, ergonomics, shift work health, employee assistance programs
  • Support for a current wellness campaign, such as fitness — Aerobic conditioning, anaerobic exercise, strength building, flexibility, performance-enhancing drugs, supplements.

You can gather ideas for questions from focus groups, Internet, library, past wellness programs, or internal databases.

The game’s basic rules are online; try ehow.com/about_5344112_official-rules-jeopardy-game.html. It requires at least 2 or 3 players (try pitting teams with multiple players against each other instead), an emcee to give the correct questions, and a scorekeeper. Players will need a buzzer or bell, markers, and sheets of papers for Final Wellness Jeopardy.

Since it will be observed by an audience, be sure the game board is large enough to see from a distance — using low tech or high tech.

Low Tech

  • Mark poster or foam board into a grid with 5 columns across and 6 rows down. Each cell should be big enough to hold 2 point or prize amounts. Make outlines on the top row more prominent to accommodate sheets of paper with the categories written on them.
  • Put binder clips on the top of the blank squares across the top row, then attach the papers with the categories.
  • Create 30 answers and corresponding questions for each round of play (5 questions for each of the 6 categories).
  • Write the answers on 30 different large index cards, with the answers and matching questions on a key for the emcee.
  • Record the point or prize amount on the reverse of the index cards. Leave the top row blank, filling in the rest of the grid with the index cards pinned in place under the proper categories (answer side down, point/prize side up) on the board. They should be in ascending order, with the questions getting more difficult as their value goes up. By putting in 2 amounts in each square, this same board can be used for both Single and Double Wellness Jeopardy.
  • Prop or fasten the game board against a wall or easel.
  • Tip: Secure another binder clip in the top corner of the board to hold an index card that says Single on one side and Double on the other. To remind players what round they’re on.

High Tech

  • Create a digital grid template (using PowerPoint or similar software) with the Table application.
  • Make a slide for each cell of the grid that the emcee can click through the Slide Sorter or a hyperlink when a contestant chooses it. The answer will then be visible to the players and audience. The matching question is placed in the Notes Page where only the emcee can see it.
  • Fill in the categories, questions, and points for every new game once this template is created.

Tip: Give each column and the corresponding answer slides a different color background to help the emcee find the answer more quickly.

*****

Remember: Making wellness fun doesn’t mean you’re not also thinking about your program’s serious aspects. It does mean participants are more likely to stick with the habits they learn for long-term health improvement.

Select and Toggle Checkboxes With JQuery

In so many occasions I have had a use for a grid-based checkbox selector. I’m sure you’ve all seen them, you select the checkbox at the top of the grid, and all children checkboxes are either checked or unchecked, depending on the parent’s state.

I recently had a project where this functionality was going to be very effective, so I decided to write it up for you.

Let’s say we have the following HTML form.

Some kind of name

Mickey Mouse

Donald Duck

Elmer Fudd

It’s quite a simple form. Just a table of cells wrapped in a form.

We’ll also throw in there a span that we will use to show the user how many items are selected (just in case they can’t count).

Now this is just the client-side code for the page. In a practical example, there would be server-side code that retrieves data from some kind of data source and fills the table. The server-side code could even set the checked state of the checkbox for us. Great, less work for us to do.

Let’s see what the Javascript will look like.

Firstly, we will need to trap the click event on the checkbox. At that time, we will check if the checkbox is currently checked or not, and do some of stuff based on it’s state.

$(“input[name=ItemKey]”).click( function() {

if ( $(this).is(“:checked”) ){

// update all table cells in the current row with a class to indicate selection

// these could probably be chained.. let me know if you can do this better $(this).parent().addClass(“selected”);

$(this).parent().siblings().addClass(“selected”);

} else {

// remove the class to stop showing the row is selected

$(this).parent().removeClass(“selected”).addClass(“plain”);

$(this).parent().siblings().removeClass(“selected”).addClass(“plain”);

}

// update the label indicator of total selected items

ChangeSelectedLabel();

});

// check if all or no checkboxes were set as checked by server-side script

SetToggleCheckBoxFromChildren();

So what’s happening here is that the click event is applying classes to cells to indicate to the user that the row is selected. To do this, we get the parent element of the selected checkbox. Then we get all of that element’s children (which should be the entire row) and set a class to those cells. You can put this class in a stylesheet and format it however you like. Similarly, if the checkbox is unchecked on the click event, we remove that class so all cells in the row go back to the default style. It completely depends on how you style your table. If the cells have no style in the default state, just remove the “selected” class ie don’t worry about applying the “plain” class. There is also a function call in there that will update the indicator label. Let’s look at that now.

function ChangeSelectedLabel() {

var count = $(“input[name=ItemKey]:checked”).length;

$(“#selectedCountLabel”).text(count + ” items selected”);

SetToggleCheckBoxFromChildren();

}

This function sets a variable for the total checked items. Be sure to indicate the checkbox name, just in case you have other checkboxes in your form because you don’t want your total figure calculated incorrectly. Then the “selectedCountLabel” span is updated with the desired text. Then we have a function call to the SetToggleCheckBoxFromChildren function. Let’s look at that one.

function SetToggleCheckBoxFromChildren() {

var TotalDeselectedItems = $(“input[name=ItemKey]:not(:checked)”).length;

if (TotalDeselectedItems == 0) {

$(“#selectallcheckboxes”).prop(“checked”, true);

} else {

$(“#selectallcheckboxes”).prop(“checked”, false);

}

}

Ok, so this function sets the state of the parent checkbox. You know, the one at the top of the table. It’s possible that when the server-side script fills the table that all checkboxes get checked. In this situation, we want the client-side script to set the parent checkbox to the “checked” state. If we don’t, then the selection toggle can get mixed up. You may have noticed that this function was called in the first script block too. This function finds out if there are any checkboxes that are not checked (remember, use our name to filter the scope). If there are not, check the parent checkbox.

I hope you found that useful.

A Brief Look at The Art of Computer Coding

CSS is great for eBay as It’s always used for my gateway pages to dynamically link them together. I’m currently learning more advanced flash techniques and tweaks as I’m totally infatuated with all the new widgets out there. I also used a different form of CSS on myspace that took me about 10 pages of code to write and a day or so to learn/code called a DIV overlay. The more code you learn the more control you have over the net. It really can be difficult and boring but in the end it can save you thousands of dollars and also give you a huge advantage over your competitors. I’m actually working on a myspace blog/article site that will be a site resource not only to myspace but coding tricks as well.

CSS in a brief introduction can be defined by using a tag and/or, to define the style as “text/css” which can than lead to Table tags where you set the formatting and the grid per say for that section. Example is {TABLE=”your custom attribute defines height in pxls, width in pxls, padding, boarder thickness, etc.)”} You may also use a simpler form by just implementing a div tag and align your area left and so forth {li},{ul},{du},etc. tags along with a few other tag customizations control your rows and your columns evenly without limiting the box dimensions. The trick to doing this and not messing up is to spread the tags out and always open and close tags before embedding the next tag inside another one, an example could be placing a li tag inside a lu tag by first opening out first so you don’t forget to close the tag. I would do this with quotes as well as I always use to mess up by missing a comma or close quote. Basically the best way to learning this is to take a template and mess with it, you can do a lot of this faster with programs however knowing whats going on will keep you from getting stuck should there be a problem or limit with the editor.

eBay and Myspace both have strict rules on what type of tags you can code with however you shouldn’t run into too much trouble with html on either sites. CSS is pretty normal on eBay as well as long as no javascript is used. Myspace is really really weird and has like it’s own version of css which I will explain later in my new blog site. Imaps do not work for the most part on myspace or eBay but a few workarounds have been discovered over the past few months that have been implemented by a few widget and program providers. Flash use to be the way to go on myspace until more restrictions were placed limited the ability to link outside of the flash applicant. I have not tried too much flash on eBay but was able to get the object/embed tag to work while trying to work with a widget on an eBay page.

When using coding on eBay be careful to stay within the “Grey” lines of their policies. eBay states you may only link to pages on the eBay site on a listing (most importantly your about me page). eBay than says you may link to your website but may not directly advertise your products. What I have done in the past is to place products/category links on the about me page without any direct advertising on the page itself. Its worked very well so far and does comply in my opinion with their outlined policies of course eBay can according to their agreement suspend you at any time for any reason. I would definitely encourage anyone to start working toward hosting their own webstore vs eBay’s store, not only do you in most cases seem more professional but also once you are established on your domain your prices tend to sell much higher, 15-35% higher for me. Two years ago I only understood html and a bits and pieces of css, and C++! It wasn’t until one of my friends allowed me to host my website for free on his server did I have to start slowly learning this stuff. It’s a struggle at first but I promise it pays off! Always remember to use eBay as a tool and not a lifesource, and try to be open minded, thinking outside of the box! eCommerce is a growing industry and the only way to stay near the top is to think, analyze, and improve our overall business strategies.