Free online educational resources: history [wordsearch] [mummification] [words]

history [wordsearch] [mummification] [words]/title> </head> <style> .button { padding: 15px 15px; font-size: 24px; text-align: center; cursor: pointer; outline: none; color: #fff; background-color: orange; border: none; border-radius: 15px; box-shadow: 0 9px #999; } .button:hover {background-color: orange} .button:active { background-color: orange; box-shadow: 0 5px #666; transform: translateY(4px); } </style> <body> <div id="the_code"> <style> table.gameboard { border-spacing: 3px; border-collapse: separate; border: 2px black solid; margin-left: auto; margin-right: auto; border-radius: 10px; height:480px; width:480px; } .gameboard td { opacity: 0.9; font-family: verdana; font-size: 20px; font-weight: ; text-align: center; vertical-align: middle; color: black; background: pink; height:35px; width:35px; margin: 2px; padding: 6px; border: 1px black solid; width: 1em; border-radius: 3px 6px; } td.gameboard_over{ color: blue; background: white; } td.gameboard_clicked{ background: yellow; opacity: 1; } </style> <script> var WS = (function(){ // return a random character from the list in data function getRandomLetter() { var data = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'; var rnd = parseInt(Math.random()*data.length); return data.charAt( rnd ); } // build the markup for the rows and columns of the board function createBoard( num_cols, num_rows, id, unobtrusive ) { var i, j, id = ( id || 'gameboard' ); var html = '<table id="' + id + '" class="gameboard">\n'; for( i = 0; i < num_rows; i++) { // note: using "\t" and "\n" to pretty-print the output for viewing "as code" html += '\t<tr>\n'; for( j = 0; j < num_cols; j++ ) { html += '\t\t<td ' + ( unobtrusive ? '' : '' + ' onmouseover="WS.hover(this);" ' + ' onmouseout ="WS.leave(this);" ' + ' onclick ="WS.click(this);" ' ) + '>' + getRandomLetter() + '</td>\n' } html += '\t</tr>\n'; } html += '</table>\n' return html; } // Alternative: less obtrusive binding of handlers to all cells // This is an alternative to in-lining the properties at html creation, // but it needs to be triggered separately after the html is added to the DOM function binds( id ) { var el = document.getElementById( id ); var els = el.getElementsByTagName('td'); var i; for ( i in els ) { els[ i ].onclick = function() { WS.click(this); } els[ i ].onmouseover = function() { WS.hover(this); } els[ i ].onmouseout = function() { WS.leave(this); } } } // customize mouseover, mouseout, and click behavior // // Why script these instead of just using CSS hover alone? Because we want to keep track // of a third-state: clicked, which when present will negate the hover change // function hover( me ) { if ( me.className.match( /clicked/ ) ) return; if ( ! me.orgClassName ) me.orgClassName = me.className; me.className = 'gameboard_over'; } function leave( me ) { if ( me.className.match( /clicked/ ) ) return; me.className = me.orgClassName; } function click( me ) { me.className = 'gameboard_clicked'; } // pick a random number of rows and columns to create // generate the markup for the game board // create and/or fill the "game" container with the markup function main( id, unobtrusive ){ var cols = 7 + parseInt( Math.random() * 5 ); var rows = 7 + parseInt( Math.random() * 5 ); // find or create the "game" container on the DOM var el = document.getElementById('game'); if ( ! el ) { // create an inpage anchor to jump to el = document.createElement('a'); el.name = 'game_board'; document.body.appendChild( el ); // create the game board containing element (since we didn't find one already created) el = document.createElement('div'); el.id = 'game'; document.body.appendChild( el ); // try again for the reference now that we've created it el = document.getElementById('game'); } // create and populate the container with our game board el.innerHTML = createBoard( rows, cols, id, unobtrusive ); location.href = '#game_board'; // if we didn't inline the props, we need to bind them after the HTML is added to the DOM if ( unobtrusive ) { WS.binds( id ); } } // publicly accessible methods return { main : main, hover : hover, leave : leave, click : click, binds : binds }; })(); </script> </div> <TABLE BORDER="0" CELLPADDING="20" CELLSPACING="0" WIDTH="1200px"> <TR> <TD WIDTH="600px"> <span class="ivn_ad" data-wh="600,600"></span> <table id="gameboard" class="gameboard"> <tbody><tr> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">S</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">L</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">I</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">V</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">E</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">R</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">C</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">O</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">O</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">R</td> </tr> <tr> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">N</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">M</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">R</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">E</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">S</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">I</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">N</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">I</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">M</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">C</td> </tr> <tr> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">A</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">A</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">X</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">O</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">P</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">P</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">L</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">L</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">U</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">T</td> </tr> <tr> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">G</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">S</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">T</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">O</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">M</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">A</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">C</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">H</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">M</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">R</td> </tr> <tr> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">R</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">K</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">N</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">S</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">T</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">E</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">L</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">U</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">M</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">A</td> </tr> <tr> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">O</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">A</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">N</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">I</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">F</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">F</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">O</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">C</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">Y</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">E</td> </tr> <tr> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">C</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">L</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">I</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">N</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">E</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">N</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">K</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">O</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">O</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">H</td> </tr> <tr> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">S</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">E</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">N</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">I</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">T</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">S</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">E</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">T</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">N</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">I</td> </tr> <tr> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">S</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">P</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">I</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">C</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">E</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">S</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">A</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">L</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">T</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">I</td> </tr> <tr> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">N</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">I</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">A</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">R</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">B</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">L</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">U</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">N</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);" class="">G</td> <td onmouseover="WS.hover(this);" onmouseout="WS.leave(this);" onclick="WS.click(this);">S</td> </tr> </tbody></table> </TD> <p style="font-family:verdana;"> <TD WIDTH="600px"> <table style="width:400px"> <tr> <td>HOOK</td> <td><input type="radio" name="q1" value="1">found it<b></b><input type="radio" name="q1" value="2"checked>can't find it yet</td> </tr> <tr> <td>BRAINS</td> <td><input type="radio" name="q2" value="1">found it<input type="radio" name="q2" value="1"checked>can't find it yet</td> </tr> <tr> <td>ORGANS</td> <td><input type="radio" name="q3" value="1">found it<b></b><input type="radio" name="q3" value="2"checked>can't find it yet</td> </tr> <tr> <td>SALT</td> <td><input type="radio" name="q4" value="1">found it<input type="radio" name="q4" value="2"checked>can't find it yet</td> </tr> <tr> <td>MUMMY</td> <td><input type="radio" name="q5" value="1">found it<b></b><input type="radio" name="q5" value="2"checked>can't find it yet</td> </tr> <tr> <td>LIVER</td> <td><input type="radio" name="q6" value="1">found it<input type="radio" name="q6" value="2"checked>can't find it yet</td> </tr> <tr> <td>COFFIN</td> <td><input type="radio" name="q7" value="1">found it<b></b><input type="radio" name="q7" value="2"checked>can't find it yet</td> </tr> <tr> <td>STOMACH</td> <td><input type="radio" name="q8" value="1">found it<input type="radio" name="q8" value="2"checked>can't find it yet</td> </tr> <tr> <td>RESIN</td> <td><input type="radio" name="q9" value="1">found it<b></b><input type="radio" name="q9" value="2"checked>can't find it yet</td> </tr> <tr> <td>SPICES</td> <td><input type="radio" name="q10" value="1">found it<input type="radio" name="q10" value="2"checked>can't find it yet</td> </tr> <tr> <td>LUNGS</td> <td><input type="radio" name="q11" value="1">found it<b></b><input type="radio" name="q11" value="2"checked>can't find it yet</td> </tr> <tr> <td>INTESTINES</td> <td><input type="radio" name="q12" value="1">found it<input type="radio" name="q12" value="2"checked>can't find it yet</td> </tr> <tr> <td>LINEN</td> <td><input type="radio" name="q13" value="1">found it<b></b><input type="radio" name="q13" value="2"checked>can't find it yet</td> </tr> <tr> <td>OIL</td> <td><input type="radio" name="q14" value="1">found it<input type="radio" name="q14" value="2"checked>can't find it yet</td> </tr> <tr> <td>HEART</td> <td><input type="radio" name="q15" value="1">found it<b></b><input type="radio" name="q15" value="2"checked>can't find it yet</td> </tr> <tr> <td>AMULET</td> <td><input type="radio" name="q16" value="1">found it<b></b><input type="radio" name="q16" value="2"checked>can't find it yet</td> </tr> <tr> <td>MASK</td> <td><input type="radio" name="q17" value="1">found it<b></b><input type="radio" name="q17" value="2"checked>can't find it yet</td> </tr> <tr> <td>CANOPIC</td> <td><input type="radio" name="q18" value="1">found it<b></b><input type="radio" name="q18" value="2"checked>can't find it yet</td> </tr> </table> </TD> </TR> </TABLE> </body> </html> <!DOCTYPE html> <html> <title>[News Flash]

There are 18 MUMMIFICATION WORDS hidden in this wordsearch. They are listed down the right hand side. CLICK on each of the letters in the words to make them change colour to YELLOW. * Take care as some of the letters are involved IN MORE THAN ONE WORD. To restart the activity just refresh the page.

See the complete list of activities at the bottom of the page.

history [wordsearch] [mummification] [words]