pop+up+hint

You can put in hidden text boxes that pop up on rollover - such as this example below. Roll your mouse over the underlined text.

media type="custom" key="3894079"

media type="custom" key="3894081"

Copy the code below and paste into the "Other html" box in the 'embed widget' button. Here is the code for the first rollover: code Use Bedmas Hint to solve this problem  //<![CDATA[ function getLayer(SRC){ var tDIV = document.getElementById(SRC) tDIV.style.cursor = "hand" tDIV.style.visibility = "visible" } function floatLayer(SRC){ var tDIV = document.getElementById(SRC) tDIV.style.top = window.event.clientY + 20 if(window.event.clientX+200>document.body.clientWidth) {               tDIV.style.left = document.body.clientWidth - 200 }       else {               tDIV.style.left = window.event.clientX// + 15 } } function hideLayer(SRC){ var tDIV = document.getElementById(SRC) tDIV.style.visibility='hidden' } //]]> code You can make changes to suit by altering the following: 1. This part on the first line is the width of the box that pops up code width: 200px; code 2. These 2 values are the distance from the left side of the page, and the distance from the top of the page for the pop up box. code left:285px; top:50px; code 3. This the the background colour and border size and colour of the box. code background-color: #FFFFCC; BORDER: 1px solid #000000" code 4. This is where you type the words that you want to appear in the pop up box. (between >and< ) code >Use Bedmas< code 5. This is where you type the words that you want to appear on the page. (between >and< ) code >Hint to solve this problem< code

Here is the code for the second rollover. Paste it in a new 'other html' box in the 'embed widget' button. code Use a table Another hint to solve this problem  //<![CDATA[ function getLayer(SRC){ var tDIV = document.getElementById(SRC) tDIV.style.cursor = "hand" tDIV.style.visibility = "visible" } function floatLayer(SRC){ var tDIV = document.getElementById(SRC) tDIV.style.top = window.event.clientY + 20 if(window.event.clientX+200>document.body.clientWidth) {               tDIV.style.left = document.body.clientWidth - 200 }       else {               tDIV.style.left = window.event.clientX// + 15 } } function hideLayer(SRC){ var tDIV = document.getElementById(SRC) tDIV.style.visibility='hidden' } //]]> code You will notice that this code now says Tip2. As you are putting another version of the same code on the same page, you will need to rename every Tip1 with a new name (in all 4 places). Edit it the same way as for Tip1. If you want to add in more tips or rollovers, just repeat the process but relabell each tip (Tip3, Tip4 and so on).