hendrik
/
pfadfinder-jeopardy
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 Commits
1 Branch
0 Tags
14 MiB
Branch: main
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'main'
${ noResults }
pfadfinder-jeopardy/resources/2016_vorlagen/boy-scout-trivia-game.html

989 lines
85 KiB
Raw Permalink Normal View History

add newly found jeopardys from internet
8 years ago
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Boy Scout Trivia Game Jeopardy Template</title>
<meta name="description" content=", The Founder of Boy Scouts, When the Boy Scouts of America was founded, Was led through the Thick London Fog in the middle of the night, later brought scouting to America, Where The BSA National Headquarters is Located " />
<meta name="ROBOTS" content="NOODP" />
<meta name="google-site-verification" content="UYS7arlGlbDobqQSsucWwkbZyiC-6_cCWlUn9Eb5b2M" />
<link rel="shortcut icon" href="/media/favicon.ico" type="image/x-icon" />
<link rel="icon" href="/media/favicon.ico" type="image/x-icon" />
<style type="text/css">
body {
background-color:#2a3698;
height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-bottom:100px;
}
label {
display:block;
font-size:16px;
}
input, textarea, select {
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:auto;
}
textarea {
padding:5px;
}
.clear {
clear:both;
}
.hide {
display:none;
}
.edit {
border:2px dashed #cccccc;
text-align:center;
}
.edit:hover, textarea.active {
border:2px inset gray;
}
#title {
text-align:center;
font-size:36px;
margin:auto;
line-height:36px;
}
textarea#title {
height:50px;
width:90%;
color:#012b45;
}
#game {
width:100%;
background-color:#000000;
padding:0;
margin:0;
margin:auto;
font-size:16px;
}
#game textarea {
width:90%;
height:30px;
font-size:18px;
line-height:22px;
}
#game h3 {
color:#ffff5f;
text-align:center;
font-size:20px;
font-weight:bold;
}
#game tbody td, #game thead th {
vertical-align: middle;
background-color:#2a3698;
padding:5px;
text-align:center;
width:19%;
color:#ffff5f;
height:60px;
font-size:20px;
}
#game tbody td {
cursor:pointer;
height:100px;
border:3px solid #2a3698;
}
#game tbody td.ie-hack {
border:3px solid #ffff5f;
}
/*#game tbody td.clean:hover {
border:3px solid #ffff5f;
}
#game tbody td.dirty:hover {
border:3px solid #2a3698;
}*/
#game tbody td.dirty h3 {
color:#2a3698;
}
#game tfoot td {
text-align: center;
background-color:#2a3698;
}
.submit {
margin:auto;
}
#modal {
display: none;
background-color:#fff;
padding:5px;
border:2px dashed #ccc;
}
#modal {
font-size:16px;
font-weight:bold;
}
#modal textarea {
width:500px;
height:120px;
font-size:16px;
}
#options {
background-color:#fff;
width:500px;
padding:10px;
margin:auto;
margin-top:75px;
}
#options h1 {
color:#2a3698;
font-size:22px;
text-align:center;
}
#options label {
text-align: center;
font-size:14px;
}
#options select, #options label, #options input {
margin-top:5px;
}
#options select {
width:130px;
}
#options input {
width:100px;
}
#options p {
margin-bottom:0px;
}
.tip {
float:left;
}
.links {
float:right;
}
#stats {
position:fixed;
bottom:0;
background-color:#ffffff;
width:100%;
text-align:center;
height:110px;
display:none;
left:0;
}
#stats h3 {
margin:0;
padding:0;
}
#stats input.team-name {
border:none;
font-size:18px;
font-weight:bold;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
width:100%;
display:block;
}
#stats table {
margin:auto;
}
#stats table th {
border-bottom:1px solid black;
}
input.add-points {
color:#66cc33;
font-family:"Courier New", Courier, monospace;
font-weight:bold;
font-size:20px;
cursor:pointer;
padding:0px;
background-color:#FFFFFF;
border:none;
display:inline;
}
input.subtract-points {
color:#ff0000;
font-family:"Courier New", Courier, monospace;
font-weight:bold;
font-size:20px;
cursor:pointer;
padding:0px;
background-color:#FFFFFF;
border:none;
display:inline;
}
#prompt {
display:none;
height:100%;
width:100%;
background-color:#2a3698;
color:#FFFFFF;
text-align:center;
}
#prompt a:link, #prompt a:visited, #prompt a:hover {
color:#fff;
font-size:18px;
text-decoration:underline;
}
#prompt a:hover {
text-decoration:none;
}
#simplemodal-overlay {
background-color:#000;
}
#answer {
padding-left:5%;
padding-right:5%;
}
#question {
padding-left:5%;
padding-right:5%;
}
</style>
<script type="text/javascript">
/*
* jQuery JavaScript Library v1.3.2
* http://jquery.com/
*
* Copyright (c) 2009 John Resig
* Dual licensed under the MIT and GPL licenses.
* http://docs.jquery.com/License
*
* Date: 2009-02-19 17:34:21 -0500 (Thu, 19 Feb 2009)
* Revision: 6246
*/
(function(){var l=this,g,y=l.jQuery,p=l.$,o=l.jQuery=l.$=function(E,F){return new o.fn.init(E,F)},D=/^[^<]*(<(.|\s)+>)[^>]*$|^#([\w-]+)$/,f=/^.[^:#\[\.,]*$/;o.fn=o.prototype={init:function(E,H){E=E||document;if(E.nodeType){this[0]=E;this.length=1;this.context=E;return this}if(typeof E==="string"){var G=D.exec(E);if(G&&(G[1]||!H)){if(G[1]){E=o.clean([G[1]],H)}else{var I=document.getElementById(G[3]);if(I&&I.id!=G[3]){return o().find(E)}var F=o(I||[]);F.context=document;F.selector=E;return F}}else{return o(H).find(E)}}else{if(o.isFunction(E)){return o(document).ready(E)}}if(E.selector&&E.context){this.selector=E.selector;this.context=E.context}return this.setArray(o.isArray(E)?E:o.makeArray(E))},selector:"",jquery:"1.3.2",size:function(){return this.length},get:function(E){return E===g?Array.prototype.slice.call(this):this[E]},pushStack:function(F,H,E){var G=o(F);G.prevObject=this;G.context=this.context;if(H==="find"){G.selector=this.selector+(this.selector?" ":"")+E}else{if(H){G.selector=this.selector+"."+H+"("+E+")"}}return G},setArray:function(E){this.length=0;Array.prototype.push.apply(this,E);return this},each:function(F,E){return o.each(this,F,E)},index:function(E){return o.inArray(E&&E.jquery?E[0]:E,this)},attr:function(F,H,G){var E=F;if(typeof F==="string"){if(H===g){return this[0]&&o[G||"attr"](this[0],F)}else{E={};E[F]=H}}return this.each(function(I){for(F in E){o.attr(G?this.style:this,F,o.prop(this,E[F],G,I,F))}})},css:function(E,F){if((E=="width"||E=="height")&&parseFloat(F)<0){F=g}return this.attr(E,F,"curCSS")},text:function(F){if(typeof F!=="object"&&F!=null){return this.empty().append((this[0]&&this[0].ownerDocument||document).createTextNode(F))}var E="";o.each(F||this,function(){o.each(this.childNodes,function(){if(this.nodeType!=8){E+=this.nodeType!=1?this.nodeValue:o.fn.text([this])}})});return E},wrapAll:function(E){if(this[0]){var F=o(E,this[0].ownerDocument).clone();if(this[0].parentNode){F.insertBefore(this[0])}F.map(function(){var G=this;while(G.firstChild){G=G.firstChild}return G}).append(this)}return this},wrapInner:function(E){return this.each(function(){o(this).contents().wrapAll(E)})},wrap:function(E){return this.each(function(){o(this).wrapAll(E)})},append:function(){return this.domManip(arguments,true,function(E){if(this.nodeType==1){this.appendChild(E)}})},prepend:function(){return this.domManip(arguments,true,function(E){if(this.nodeType==1){this.insertBefore(E,this.firstChild)}})},before:function(){return this.domManip(arguments,false,function(E){this.parentNode.insertBefore(E,this)})},after:function(){return this.domManip(arguments,false,function(E){this.parentNode.insertBefore(E,this.nextSibling)})},end:function(){return this.prevObject||o([])},push:[].push,sort:[].sort,splice:[].splice,find:function(E){if(this.length===1){var F=this.pushStack([],"find",E);F.length=0;o.find(E,this[0],F);return F}else{return this.pushStack(o.unique(o.map(this,function(G){return o.find(E,G)})),"find",E)}},clone:function(G){var E=this.map(function(){if(!o.support.noCloneEvent&&!o.isXMLDoc(this)){var I=this.outerHTML;if(!I){var J=this.ownerDocument.createElement("div");J.appendChild(this.cloneNode(true));I=J.innerHTML}return o.clean([I.replace(/ jQuery\d+="(?:\d+|null)"/g,"").replace(/^\s*/,"")])[0]}else{return this.cloneNode(true)}});if(G===true){var H=this.find("*").andSelf(),F=0;E.find("*").andSelf().each(function(){if(this.nodeName!==H[F].nodeName){return}var I=o.data(H[F],"events");for(var K in I){for(var J in I[K]){o.event.add(this,K,I[K][J],I[K][J].data)}}F++})}return E},filter:function(E){return this.pushStack(o.isFunction(E)&&o.grep(this,function(G,F){return E.call(G,F)})||o.multiFilter(E,o.grep(this,function(F){return F.nodeType===1})),"filter",E)},closest:function(E){var G=o.expr.match.POS.test(E)?o(E):null,F=0;return this.map(function(){var H=this;while(H&&H.ownerDocument){if(G?G.index(H)>-1:o(H).is(E)){o.data(H,"closest",F);return H}H=H.parentNode;F++}})},not:function(E){if(typeof E==="string"){if(f.test(E)){return this.pushStack(o.multiFilter(E,this,true),"not",E)}else{E=o.multiFilter(E,this)
/*
* Sizzle CSS Selector Engine - v0.9.3
* Copyright 2009, The Dojo Foundation
* Released under the MIT, BSD, and GPL Licenses.
* More information: http://sizzlejs.com/
*/
(function(){var R=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?/g,L=0,H=Object.prototype.toString;var F=function(Y,U,ab,ac){ab=ab||[];U=U||document;if(U.nodeType!==1&&U.nodeType!==9){return[]}if(!Y||typeof Y!=="string"){return ab}var Z=[],W,af,ai,T,ad,V,X=true;R.lastIndex=0;while((W=R.exec(Y))!==null){Z.push(W[1]);if(W[2]){V=RegExp.rightContext;break}}if(Z.length>1&&M.exec(Y)){if(Z.length===2&&I.relative[Z[0]]){af=J(Z[0]+Z[1],U)}else{af=I.relative[Z[0]]?[U]:F(Z.shift(),U);while(Z.length){Y=Z.shift();if(I.relative[Y]){Y+=Z.shift()}af=J(Y,af)}}}else{var ae=ac?{expr:Z.pop(),set:E(ac)}:F.find(Z.pop(),Z.length===1&&U.parentNode?U.parentNode:U,Q(U));af=F.filter(ae.expr,ae.set);if(Z.length>0){ai=E(af)}else{X=false}while(Z.length){var ah=Z.pop(),ag=ah;if(!I.relative[ah]){ah=""}else{ag=Z.pop()}if(ag==null){ag=U}I.relative[ah](ai,ag,Q(U))}}if(!ai){ai=af}if(!ai){throw"Syntax error, unrecognized expression: "+(ah||Y)}if(H.call(ai)==="[object Array]"){if(!X){ab.push.apply(ab,ai)}else{if(U.nodeType===1){for(var aa=0;ai[aa]!=null;aa++){if(ai[aa]&&(ai[aa]===true||ai[aa].nodeType===1&&K(U,ai[aa]))){ab.push(af[aa])}}}else{for(var aa=0;ai[aa]!=null;aa++){if(ai[aa]&&ai[aa].nodeType===1){ab.push(af[aa])}}}}}else{E(ai,ab)}if(V){F(V,U,ab,ac);if(G){hasDuplicate=false;ab.sort(G);if(hasDuplicate){for(var aa=1;aa<ab.length;aa++){if(ab[aa]===ab[aa-1]){ab.splice(aa--,1)}}}}}return ab};F.matches=function(T,U){return F(T,null,null,U)};F.find=function(aa,T,ab){var Z,X;if(!aa){return[]}for(var W=0,V=I.order.length;W<V;W++){var Y=I.order[W],X;if((X=I.match[Y].exec(aa))){var U=RegExp.leftContext;if(U.substr(U.length-1)!=="\\"){X[1]=(X[1]||"").replace(/\\/g,"");Z=I.find[Y](X,T,ab);if(Z!=null){aa=aa.replace(I.match[Y],"");break}}}}if(!Z){Z=T.getElementsByTagName("*")}return{set:Z,expr:aa}};F.filter=function(ad,ac,ag,W){var V=ad,ai=[],aa=ac,Y,T,Z=ac&&ac[0]&&Q(ac[0]);while(ad&&ac.length){for(var ab in I.filter){if((Y=I.match[ab].exec(ad))!=null){var U=I.filter[ab],ah,af;T=false;if(aa==ai){ai=[]}if(I.preFilter[ab]){Y=I.preFilter[ab](Y,aa,ag,ai,W,Z);if(!Y){T=ah=true}else{if(Y===true){continue}}}if(Y){for(var X=0;(af=aa[X])!=null;X++){if(af){ah=U(af,Y,X,aa);var ae=W^!!ah;if(ag&&ah!=null){if(ae){T=true}else{aa[X]=false}}else{if(ae){ai.push(af);T=true}}}}}if(ah!==g){if(!ag){aa=ai}ad=ad.replace(I.match[ab],"");if(!T){return[]}break}}}if(ad==V){if(T==null){throw"Syntax error, unrecognized expression: "+ad}else{break}}V=ad}return aa};var I=F.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF_-]|\\.)+)/,CLASS:/\.((?:[\w\u00c0-\uFFFF_-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF_-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF_-]|\\.)+)\s*(?:(\S?=)\s*(['"]*)(.*?)\3|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*_-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\((even|odd|[\dn+-]*)\))?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF_-]|\\.)+)(?:\((['"]*)((?:\([^\)]+\)|[^\2\(\)]*)+)\2\))?/},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(T){return T.getAttribute("href")}},relative:{"+":function(aa,T,Z){var X=typeof T==="string",ab=X&&!/\W/.test(T),Y=X&&!ab;if(ab&&!Z){T=T.toUpperCase()}for(var W=0,V=aa.length,U;W<V;W++){if((U=aa[W])){while((U=U.previousSibling)&&U.nodeType!==1){}aa[W]=Y||U&&U.nodeName===T?U||false:U===T}}if(Y){F.filter(T,aa,true)}},">":function(Z,U,aa){var X=typeof U==="string";if(X&&!/\W/.test(U)){U=aa?U:U.toUpperCase();for(var V=0,T=Z.length;V<T;V++){var Y=Z[V];if(Y){var W=Y.parentNode;Z[V]=W.nodeName===U?W:false}}}else{for(var V=0,T=Z.length;V<T;V++){var Y=Z[V];if(Y){Z[V]=X?Y.parentNode:Y.parentNode===U}}if(X){F.filter(U,Z,true)}}},"":function(W,U,Y){var V=L++,T=S;if(!U.match(/\W/)){var X=U=Y?U:U.toUpperCase();T=P}T("parentNode",U,V,W,X,Y)},"~":function(W,U,Y){var V=L++,T=S;if(typeof U==="string"&&!U.match(/\W/)){var X=U=Y?U:U.toUpperCase();T=P}T("previousSibling",U,V,W,X,Y)}},find:{ID:function(U,V,W){if(typeof V.getElementById!=="undefined"&&!W){var T=V.getElementById(U[1]);return T?[T]:[]}},NAME
/*
* Auto Expanding Text Area (1.2.2)
* by Chrys Bader (www.chrysbader.com)
* chrysb@gmail.com
*
* Special thanks to:
* Jake Chapa - jake@hybridstudio.com
* John Resig - jeresig@gmail.com
*
* Copyright (c) 2008 Chrys Bader (www.chrysbader.com)
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
*
* NOTE: This script requires jQuery to work. Download jQuery at www.jquery.com
*
*/
(function(jQuery) {
var self = null;
jQuery.fn.autogrow = function(o)
{
return this.each(function() {
new jQuery.autogrow(this, o);
});
};
/**
* The autogrow object.
*
* @constructor
* @name jQuery.autogrow
* @param Object e The textarea to create the autogrow for.
* @param Hash o A set of key/value pairs to set as configuration properties.
* @cat Plugins/autogrow
*/
jQuery.autogrow = function (e, o)
{
this.options = o || {};
this.dummy = null;
this.interval = null;
this.line_height = this.options.lineHeight || parseInt(jQuery(e).css('line-height'));
this.min_height = this.options.minHeight || parseInt(jQuery(e).css('min-height'));
this.max_height = this.options.maxHeight || parseInt(jQuery(e).css('max-height'));;
this.textarea = jQuery(e);
if(this.line_height == NaN)
this.line_height = 0;
// Only one textarea activated at a time, the one being used
this.init();
};
jQuery.autogrow.fn = jQuery.autogrow.prototype = {
autogrow: '1.2.2'
};
jQuery.autogrow.fn.extend = jQuery.autogrow.extend = jQuery.extend;
jQuery.autogrow.fn.extend({
init: function() {
var self = this;
this.textarea.css({overflow: 'hidden', display: 'block'});
this.textarea.bind('focus', function() { self.startExpand() } ).bind('blur', function() { self.stopExpand() });
this.checkExpand();
},
startExpand: function() {
var self = this;
this.interval = window.setInterval(function() {self.checkExpand()}, 400);
},
stopExpand: function() {
clearInterval(this.interval);
},
checkExpand: function() {
if (this.dummy == null)
{
this.dummy = jQuery('<div></div>');
this.dummy.css({
'font-size' : this.textarea.css('font-size'),
'font-family': this.textarea.css('font-family'),
'width' : this.textarea.css('width'),
'padding' : this.textarea.css('padding'),
'line-height': this.line_height + 'px',
'overflow-x' : 'hidden',
'position' : 'absolute',
'top' : 0,
'left' : -9999
}).appendTo('body');
}
// Strip HTML tags
var html = this.textarea.val().replace(/(<|>)/g, '');
// IE is different, as per usual
if ($.browser.msie)
{
html = html.replace(/\n/g, '<BR>new');
}
else
{
html = html.replace(/\n/g, '<br>new');
}
if (this.dummy.html() != html)
{
this.dummy.html(html);
if (this.max_height > 0 && (this.dummy.height() + this.line_height > this.max_height))
{
this.textarea.css('overflow-y', 'auto');
}
else
{
this.textarea.css('overflow-y', 'hidden');
if (this.textarea.height() < this.dummy.height() + this.line_height || (this.dummy.height() < this.textarea.height()))
{
this.textarea.animate({height: (this.dummy.height()) + 'px'}, 100);
}
}
}
}
});
})(jQuery);
/*
* SimpleModal 1.3.3 - jQuery Plugin
* http://www.ericmmartin.com/projects/simplemodal/
* Copyright (c) 2009 Eric Martin (http://twitter.com/EricMMartin)
* Dual licensed under the MIT and GPL licenses
* Revision: $Id: jquery.simplemodal.js 228 2009-10-30 13:34:27Z emartin24 $
*/
;(function($){var ie6=$.browser.msie&&parseInt($.browser.version)==6&&typeof window['XMLHttpRequest']!="object",ieQuirks=null,w=[];$.modal=function(data,options){return $.modal.impl.init(data,options);};$.modal.close=function(){$.modal.impl.close();};$.fn.modal=function(options){return $.modal.impl.init(this,options);};$.modal.defaults={appendTo:'body',focus:true,opacity:50,overlayId:'simplemodal-overlay',overlayCss:{},containerId:'simplemodal-container',containerCss:{},dataId:'simplemodal-data',dataCss:{},minHeight:200,minWidth:300,maxHeight:null,maxWidth:null,autoResize:false,autoPosition:true,zIndex:1000,close:true,closeHTML:'<a class="modalCloseImg" title="Close"></a>',closeClass:'simplemodal-close',escClose:true,overlayClose:false,position:null,persist:false,onOpen:null,onShow:null,onClose:null};$.modal.impl={o:null,d:{},init:function(data,options){var s=this;if(s.d.data){return false;}ieQuirks=$.browser.msie&&!$.boxModel;s.o=$.extend({},$.modal.defaults,options);s.zIndex=s.o.zIndex;s.occb=false;if(typeof data=='object'){data=data instanceof jQuery?data:$(data);if(data.parent().parent().size()>0){s.d.parentNode=data.parent();if(!s.o.persist){s.d.orig=data.clone(true);}}}else if(typeof data=='string'||typeof data=='number'){data=$('<div></div>').html(data);}else{alert('SimpleModal Error: Unsupported data type: '+typeof data);return s;}s.create(data);data=null;s.open();if($.isFunction(s.o.onShow)){s.o.onShow.apply(s,[s.d]);}return s;},create:function(data){var s=this;w=s.getDimensions();if(ie6){s.d.iframe=$('<iframe src="javascript:false;"></iframe>').css($.extend(s.o.iframeCss,{display:'none',opacity:0,position:'fixed',height:w[0],width:w[1],zIndex:s.o.zIndex,top:0,left:0})).appendTo(s.o.appendTo);}s.d.overlay=$('<div></div>').attr('id',s.o.overlayId).addClass('simplemodal-overlay').css($.extend(s.o.overlayCss,{display:'none',opacity:s.o.opacity/100,height:w[0],width:w[1],position:'fixed',left:0,top:0,zIndex:s.o.zIndex+1})).appendTo(s.o.appendTo);s.d.container=$('<div></div>').attr('id',s.o.containerId).addClass('simplemodal-container').css($.extend(s.o.containerCss,{display:'none',position:'fixed',zIndex:s.o.zIndex+2})).append(s.o.close&&s.o.closeHTML?$(s.o.closeHTML).addClass(s.o.closeClass):'').appendTo(s.o.appendTo);s.d.wrap=$('<div></div>').attr('tabIndex',-1).addClass('simplemodal-wrap').css({height:'100%',outline:0,width:'100%'}).appendTo(s.d.container);s.d.data=data.attr('id',data.attr('id')||s.o.dataId).addClass('simplemodal-data').css($.extend(s.o.dataCss,{display:'none'})).appendTo('body');data=null;s.setContainerDimensions();s.d.data.appendTo(s.d.wrap);if(ie6||ieQuirks){s.fixIE();}},bindEvents:function(){var s=this;$('.'+s.o.closeClass).bind('click.simplemodal',function(e){e.preventDefault();s.close();});if(s.o.close&&s.o.overlayClose){s.d.overlay.bind('click.simplemodal',function(e){e.preventDefault();s.close();});}$(document).bind('keydown.simplemodal',function(e){if(s.o.focus&&e.keyCode==9){s.watchTab(e);}else if((s.o.close&&s.o.escClose)&&e.keyCode==27){e.preventDefault();s.close();}});$(window).bind('resize.simplemodal',function(){w=s.getDimensions();s.setContainerDimensions(true);if(ie6||ieQuirks){s.fixIE();}else{s.d.iframe&&s.d.iframe.css({height:w[0],width:w[1]});s.d.overlay.css({height:w[0],width:w[1]});}});},unbindEvents:function(){$('.'+this.o.closeClass).unbind('click.simplemodal');$(document).unbind('keydown.simplemodal');$(window).unbind('resize.simplemodal');this.d.overlay.unbind('click.simplemodal');},fixIE:function(){var s=this,p=s.o.position;$.each([s.d.iframe||null,s.d.overlay,s.d.container],function(i,el){if(el){var bch='document.body.clientHeight',bcw='document.body.clientWidth',bsh='document.body.scrollHeight',bsl='document.body.scrollLeft',bst='document.body.scrollTop',bsw='document.body.scrollWidth',ch='document.documentElement.clientHeight',cw='document.documentElement.clientWidth',sl='document.documentElement.scrollLeft',st='document.documentElement.scrollTop',s=el[0].style;s.position='absolute';if(i<2){s.removeExpression('height');s.removeExpression('width');s.setExpression('he
$(document).ready(function(){
$('textarea.edit').autogrow();
$('textarea.edit').focus(function(){
$(this).addClass('active');
var val = $(this).val();
if(val == "Enter Category" || val == "Enter Title")
setTimeout(this.select.bind(this), 1);
})
$('textarea.edit').blur(function(){
$(this).removeClass('active');
})
$('.clean').mouseover(function(){
$(this).addClass('ie-hack')
})
$('.clean').mouseout(function(){
$(this).removeClass('ie-hack')
})
});
var modal = {}
modal.show = function(questionID)
{
modal.activeID = questionID;
$('#question').val($('#' + questionID).val());
$('#answer').val($('#a' + questionID).val());
$('#modal').modal({"overlayClose" : true});
$('#t' + questionID).addClass("dirty").removeClass("clean")
}
modal.save = function()
{
$('#' + modal.activeID).val($('#question').val())
$('#a' + modal.activeID).val($('#answer').val())
}
var game = {}
game.init = function()
{
$('#game').fadeIn(1000);
$('#options').hide()
$('#stats').show()
game.team_cnt = $('#teams').val()
game.createScoreboard()
game.current_points = 0;
}
game.createScoreboard = function()
{
var content = "<table cellspacing=10><tbody><tr>";
for(var i = 1; i <= game.team_cnt; i++)
{
content += "<th><input class='team-name' type='text' value='Team " + i + "' /></th>";
}
content += "</tr><tr>";
for(var i = 1; i <= game.team_cnt; i++)
{
//content += "<td><h3 id='team" + i +"'>0</h3><span class='add-points' onclick='addPoints(" + i + ")'>+</span> <span class='remove-points' onclick='removePoints(" + i + ")'>-</span></td>";
content += "<td><h3 id='team" + i +"'>0</h3><input class='add-points' onclick='game.addPoints(" + i + ")' value='+' type='button' /> <input class='subtract-points' onclick='game.subtractPoints(" + i + ")' type='button' value='-' /></td>";
}
content += "</tr></tbody></table>";
$('#stats').html(content);
}
game.addPoints = function(team)
{
var points = parseInt($('#team' + team).html()) + game.current_points;
$('#team' + team).html(points);
$(('#t' + game.current_questionID)).addClass("dirty");
$(('#t' + game.current_questionID)).unbind('mouseover')
$(('#t' + game.current_questionID)).unbind('mouseout')
}
game.subtractPoints = function(team)
{
var points = parseInt($('#team' + team).html()) - game.current_points;
$('#team' + team).html(points);
$(('#t' + game.current_questionID)).addClass("dirty");
$(('#t' + game.current_questionID)).unbind('mouseover')
$(('#t' + game.current_questionID)).unbind('mouseout')
}
function getScrollBarState() {
var result = {vScrollbar: true, hScrollbar: true};
try {
var root = document.compatMode=='BackCompat'? document.body : document.documentElement;
//var root = document.body;
result.vScrollbar = root.scrollHeight > root.clientHeight;
result.hScrollbar = root.scrollWidth > root.clientWidth;
} catch(e) {}
return(result);
}
var prompt = {}
prompt.show = function(questionID, points)
{
game.current_points = points
game.current_questionID = questionID
$('#game').hide()
$('#question, #answer, #prompt').css({"display": "block"});
$('#question').html($('#' + questionID).html())
$('#answer').html($('#a' + questionID).html())
var font_size = 24;
do {
$('#question, #answer').css({"font-size": font_size});
font_size++;
} while(!getScrollBarState().vScrollbar && font_size < 72)
console.log(font_size)
$('#question, #answer').css({"font-size": Math.max(24, font_size-2)});
$('#question, #answer, #prompt').css({"visibility": "visible"});
$('#question, #prompt').hide();
$('#prompt').fadeIn(1000)
if($('#question').html().length == 0)
$('#correct-response').hide()
else
$('#correct-response').show();
}
prompt.hide = function()
{
$('#prompt').hide();
$('#game').show();
}
prompt.showQuestion = function()
{
$('#question').fadeIn(1000)
$(('#t' + game.current_questionID)).addClass("dirty");
}
</script>
</head>
<body>
<table id="game" cellspacing="5" cellpadding="0" class="hide">
<thead>
<tr>
<th>Historically Challenged?</th>
<th>&quot;Lets Get Knoty&quot;</th>
<th>First Aid-venture</th>
<th> United We Stand</th>
<th>Odds &amp; Ends</th>
</tr>
</thead>
<tbody>
<tr>
<td id="tq00" class="cell clean" onclick="prompt.show('q00', 100)">
<h3>100</h3>
<div class="hide">
<div id="q00">Who is Sir Robert Stephenson Smyth Baden Powell?</div>
<div id="aq00">The Founder of Boy Scouts</div>
</div>
</td>
<td id="tq01" class="cell clean" onclick="prompt.show('q01', 100)">
<h3>100</h3>
<div class="hide">
<div id="q01">What is The Square Knot?
</div>
<div id="aq01">Used to combine two ropes together </div>
</div>
</td>
<td id="tq02" class="cell clean" onclick="prompt.show('q02', 100)">
<h3>100</h3>
<div class="hide">
<div id="q02">What is The Heimlich maneuver?
Bonus: Who Invented the Heimlich?</div>
<div id="aq02">The "last resort treatment" for Choking</div>
</div>
</td>
<td id="tq03" class="cell clean" onclick="prompt.show('q03', 100)">
<h3>100</h3>
<div class="hide">
<div id="q03">What are The 50 States?</div>
<div id="aq03">What the Stars represent on the American Flag</div>
</div>
</td>
<td id="tq04" class="cell clean" onclick="prompt.show('q04', 100)">
<h3>100</h3>
<div class="hide">
<div id="q04">Who is John Kasich</div>
<div id="aq04">The Governor of Ohio</div>
</div>
</td>
</tr>
<tr>
<td id="tq10" class="cell clean" onclick="prompt.show('q10', 200)">
<h3>200</h3>
<div class="hide">
<div id="q10">What is 1910?</div>
<div id="aq10">When the Boy Scouts of America was founded</div>
</div>
</td>
<td id="tq11" class="cell clean" onclick="prompt.show('q11', 200)">
<h3>200</h3>
<div class="hide">
<div id="q11">What is The Bowline?</div>
<div id="aq11">The primary "Rescue Knot"</div>
</div>
</td>
<td id="tq12" class="cell clean" onclick="prompt.show('q12', 200)">
<h3>200</h3>
<div class="hide">
<div id="q12">What are "Hurry" Cases?</div>
<div id="aq12">Stopped Breathing, Serious Bleeding, &amp; Internal Poisoning</div>
</div>
</td>
<td id="tq13" class="cell clean" onclick="prompt.show('q13', 200)">
<h3>200</h3>
<div class="hide">
<div id="q13">What is original thirteen colonies.
Bonus: The colors have a different meaning. What are They?
</div>
<div id="aq13">What the Stripes represent on the American Flag</div>
</div>
</td>
<td id="tq14" class="cell clean" onclick="prompt.show('q14', 200)">
<h3>200</h3>
<div class="hide">
<div id="q14">What is The Strength and freedom of the United States?</div>
<div id="aq14">The Bald Eagle Represents this.</div>
</div>
</td>
</tr>
<tr>
<td id="tq20" class="cell clean" onclick="prompt.show('q20', 300)">
<h3>300</h3>
<div class="hide">
<div id="q20">Who is William Dickinson "W.D." Boyce?</div>
<div id="aq20">Was led through the Thick London Fog in the middle of the night, later brought scouting to America</div>
</div>
</td>
<td id="tq21" class="cell clean" onclick="prompt.show('q21', 300)">
<h3>300</h3>
<div class="hide">
<div id="q21">What is the Clove Hitch?</div>
<div id="aq21">One of the most commonly used binding knots </div>
</div>
</td>
<td id="tq22" class="cell clean" onclick="prompt.show('q22', 300)">
<h3>300</h3>
<div class="hide">
<div id="q22">What is Symptoms of a Heart Attack</div>
<div id="aq22">Uncomfortable pressure in the chest, nausea, seating, shortness of breath</div>
</div>
</td>
<td id="tq23" class="cell clean" onclick="prompt.show('q23', 300)">
<h3>300</h3>
<div class="hide">
<div id="q23">What are...
George Washington
John Adams
Thomas Jefferson
James Madison
James Monroe
John Quincy Adams
Andrew Jackson
Martin Van Buren
William Henry Harrison
John Tyler
...?</div>
<div id="aq23">The First Five Presidents of the United States.
(Bonus if you can name the first ten)</div>
</div>
</td>
<td id="tq24" class="cell clean" onclick="prompt.show('q24', 300)">
<h3>300</h3>
<div class="hide">
<div id="q24">Who is William Shatner (Captain James T. Kirk), Leonard Nemoy (Lieutenant Commander Spock), DeForest Kelley (Dr. Leonard "Bones" McCoy), James Doohan (Lieutenant Commander Montgomery "Scotty" Scott), Nichelle Nichols (Lieutenant Nyoto Uhura), George Takei (Lieutenant Hikaru Sulu) </div>
<div id="aq24">One of the Original Cast Members of Star Trek: The Original Series
Bonus: Name more and/or the characters they played </div>
</div>
</td>
</tr>
<tr>
<td id="tq30" class="cell clean" onclick="prompt.show('q30', 400)">
<h3>400</h3>
<div class="hide">
<div id="q30">What is (Irving) Texas?
1325 Walnut Hill Lane
P.O. Box 152079
Irving, Texas 75015-2079 </div>
<div id="aq30">Where The BSA National Headquarters is Located </div>
</div>
</td>
<td id="tq31" class="cell clean" onclick="prompt.show('q31', 400)">
<h3>400</h3>
<div class="hide">
<div id="q31">What is The Sheepshank?</div>
<div id="aq31">Used to shorten a rope without cutting it</div>
</div>
</td>
<td id="tq32" class="cell clean" onclick="prompt.show('q32', 400)">
<h3>400</h3>
<div class="hide">
<div id="q32">What is a Third Degree Burn</div>
<div id="aq32">Burned away or charred flesh</div>
</div>
</td>
<td id="tq33" class="cell clean" onclick="prompt.show('q33', 400)">
<h3>400</h3>
<div class="hide">
<div id="q33">What is Philadelphia, Pennsylvania?</div>
<div id="aq33"> the Original capitol of the United States</div>
</div>
</td>
<td id="tq34" class="cell clean" onclick="prompt.show('q34', 400)">
<h3>400</h3>
<div class="hide">
<div id="q34">What are The Cylons</div>
<div id="aq34">a cybernetic civilization at war with the Twelve Colonies of humanity in Battlestar Galactica</div>
</div>
</td>
</tr>
<tr>
<td id="tq40" class="cell clean" onclick="prompt.show('q40', 500)">
<h3>500</h3>
<div class="hide">
<div id="q40">What is Mafeking?</div>
<div id="aq40">This was the Famous African City defended by Baden-Powell
</div>
</div>
</td>
<td id="tq41" class="cell clean" onclick="prompt.show('q41', 500)">
<h3>500</h3>
<div class="hide">
<div id="q41">What is The Square Lashing? </div>
<div id="aq41">Used to bind to poles together using rope</div>
</div>
</td>
<td id="tq42" class="cell clean" onclick="prompt.show('q42', 500)">
<h3>500</h3>
<div class="hide">
<div id="q42">What is a compound or open fracture?</div>
<div id="aq42">A broken bone where the bone is piercing through the skin</div>
</div>
</td>
<td id="tq43" class="cell clean" onclick="prompt.show('q43', 500)">
<h3>500</h3>
<div class="hide">
<div id="q43">What is "The Boston Massacre"
Bonus: Name the Lawyer who defended the British Troops.
</div>
<div id="aq43">In March of 1770, some British troops responded to a snowball attack by local young men by firing back, killing five colonists. </div>
</div>
</td>
<td id="tq44" class="cell clean" onclick="prompt.show('q44', 500)">
<h3>500</h3>
<div class="hide">
<div id="q44">Answers will very </div>
<div id="aq44">Characters From Star wars</div>
</div>
</td>
</tr>
</tbody>
</table>
<div id="options">
<h1>Boy Scout Trivia Game</h1>
<label>Number of Teams</label>
<select name="teams" id="teams">
<option value="1">1 team</option>
<option value="2">2 teams</option>
<option value="3">3 teams</option>
<option value="4">4 teams</option>
<option value="5">5 teams</option>
<option value="6">6 teams</option>
<option value="7">7 teams</option>
<option value="8">8 teams</option>
<option value="9">9 teams</option>
<option value="10">10 teams</option>
<option value="11">11 teams</option>
<option value="12">12 teams</option>
</select>
<input class="submit" type="button" id="submit" value="Start" onclick="game.init()" />
<p align="center">Press F11 for full-screen mode</p>
<div class="clear"></div>
</div>
<div id="stats">
</div>
<div id="prompt">
<h2 id="answer"></h2>
<p><span id="correct-response"><a href="javascript:prompt.showQuestion()">Correct Response</a> &nbsp;&nbsp;&nbsp;&nbsp; </span><a href="javascript:prompt.hide()">Continue</a></p>
<h2 id="question"></h2>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-6553843-3");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>