Full version: jsB@nk » Game » Puzzle » Jargon Bingo
URL: https://www.javascriptbank.com/jargon-bingo.html
This is a script that lets you play online bingo for those long conference calls where the business folks drone on with the latest buzzwords. It recognizes when you get bingo and then shuffles the content.
Full version: jsB@nk » Game » Puzzle » Jargon Bingo
URL: https://www.javascriptbank.com/jargon-bingo.html
<style type="text/css" media="screen"> <!-- body { padding:0; text-align:center; } .main { position:relative; width:600px; height:600px; background: #fff; border: 1px solid #000; font: 10px verdana, sans-serif; padding: 10px; text-align: left; } .main table { position:relative; border: 1px dotted #000; margin:50px 50px; width: 100%; height: 100%; background: #D8E8F5; } .main td { width: 20%; height: 20%; padding: 0; text-align: center; font: 14px verdana, sans-serif; border: 1px solid #000; } #6 { background: #0080c0; } .main button { text-align : center; } --></style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><script language="JavaScript"><!-- Begin// Kevin Royce ([email protected])function VER5_Check() {var b = navigator.appName;if (b == "Netscape") this.b = "NS";else if (b == "Microsoft Internet Explorer") this.b = "IE";this.v = parseInt(navigator.appVersion);this.IE5 = (navigator.userAgent.indexOf('MSIE 5') > 0);this.NS5 = (this.b >= "NS" && this.v >= 5);this.VER5 = (this.IE5 || this.NS5);}is = new VER5_Check();var jargonSelect = new Array();var c2=0;function highlight(myId) { var myCell = document.getElementById(myId); myCell.style.backgroundColor = "\#00ffc0"; jargonSelect[c2]=myId; if(jargonSelect.length>=5){ //alert("check to see if its a winner"); var row=new Array(); var row2=new Array(); var row3=new Array(); var row4=new Array(); var row5=new Array();var rowCount=0;var row2Count=0;var row3Count=0;var row4Count=0;var row5Count=0; var column=new Array(); var column2=new Array(); var column3=new Array(); var column4=new Array(); var column5=new Array();var colCount=0;var col2Count=0;var col3Count=0;var col4Count=0;var col5Count=0; var diagonal=new Array(); var diagonal2=new Array(); var diagCount=0; diag2Count=0; for(i=0;i<jargonSelect.length;++i){//Checking for diagonal matchif(jargonSelect[i]=="5:1" || jargonSelect[i]=="4:2" || jargonSelect[i]=="3:3" || jargonSelect[i]=="2:4" || jargonSelect[i]=="1:5"){diagonal[diagCount]=jargonSelect[i];diagCount++;if(diagonal.length==5){alert("BINGO");document.location.reload(1);}}if(jargonSelect[i]=="1:1" || jargonSelect[i]=="2:2" || jargonSelect[i]=="3:3" || jargonSelect[i]=="4:4" || jargonSelect[i]=="5:5"){diagonal2[diag2Count]=jargonSelect[i];diag2Count++;if(diagonal2.length==5){alert("BINGO");document.location.reload(1);}}//Checking for column matchif(jargonSelect[i]=="1:1" || jargonSelect[i]=="2:1" || jargonSelect[i]=="3:1" || jargonSelect[i]=="4:1" || jargonSelect[i]=="5:1"){column[colCount]=jargonSelect[i];colCount++;if(column.length==5){alert("BINGO");document.location.reload(1);}}if(jargonSelect[i]=="1:2" || jargonSelect[i]=="2:2" || jargonSelect[i]=="3:2" || jargonSelect[i]=="4:2" || jargonSelect[i]=="5:2"){column2[col2Count]=jargonSelect[i];col2Count++;if(column2.length==5){alert("BINGO");document.location.reload(1);}}if(jargonSelect[i]=="1:3" || jargonSelect[i]=="2:3" || jargonSelect[i]=="3:3" || jargonSelect[i]=="4:3" || jargonSelect[i]=="5:3"){column3[col3Count]=jargonSelect[i];col3Count++;if(column3.length==5){alert("BINGO");document.location.reload(1);}}if(jargonSelect[i]=="1:4" || jargonSelect[i]=="2:4" || jargonSelect[i]=="3:4" || jargonSelect[i]=="4:4" || jargonSelect[i]=="5:4"){column4[col4Count]=jargonSelect[i];col4Count++;if(column4.length==5){alert("BINGO");document.location.reload(1);}}if(jargonSelect[i]=="1:5" || jargonSelect[i]=="2:5" || jargonSelect[i]=="3:5" || jargonSelect[i]=="4:5" || jargonSelect[i]=="5:5"){column5[col5Count]=jargonSelect[i];col5Count++;if(column5.length==5){alert("BINGO");document.location.reload(1);}} //Checking for row matchif(jargonSelect[i]=="1:1" || jargonSelect[i]=="1:2" || jargonSelect[i]=="1:3" || jargonSelect[i]=="1:4" || jargonSelect[i]=="1:5"){row[rowCount]=jargonSelect[i];rowCount++;if(row.length==5){alert("BINGO");document.location.reload(1);}}if(jargonSelect[i]=="2:1" || jargonSelect[i]=="2:2" || jargonSelect[i]=="2:3" || jargonSelect[i]=="2:4" || jargonSelect[i]=="2:5"){row2[row2Count]=jargonSelect[i];row2Count++;if(row2.length==5){alert("BINGO");document.location.reload(1);}}if(jargonSelect[i]=="3:1" || jargonSelect[i]=="3:2" || jargonSelect[i]=="3:3" || jargonSelect[i]=="3:4" || jargonSelect[i]=="3:5"){row3[row3Count]=jargonSelect[i];row3Count++;if(row3.length==5){alert("BINGO");document.location.reload(1);}}if(jargonSelect[i]=="4:1" || jargonSelect[i]=="4:2" || jargonSelect[i]=="4:3" || jargonSelect[i]=="4:4" || jargonSelect[i]=="4:5"){row4[row4Count]=jargonSelect[i];row4Count++;if(row4.length==5){alert("BINGO");document.location.reload(1);}}if(jargonSelect[i]=="5:1" || jargonSelect[i]=="5:2" || jargonSelect[i]=="5:3" || jargonSelect[i]=="5:4" || jargonSelect[i]=="5:5"){row5[row5Count]=jargonSelect[i];row5Count++;if(row5.length==5){alert("BINGO");document.location.reload(1);}} } } c2++;}var _id;var _ff = 0;var _rawId = null;var _pages = 0;var _chgFlag = null;_cellZero = null;var jargon = new Array('the notion of','commodity','cycles','friction','space','leverage','physics','directionally correct','crisp','mind share','channel','partner','drain','touch point','blocking and tackling','framework','multi-modal','enterprise','end of the day','cash flow positive','spot on','fierce','facts and data','domain','integration');var _tableData = new Array();function randArray() { var count = 0; while (jargon.length != 0) { var f = Math.round(Math.random() * (jargon.length - 1)); _tableData[count]=jargon[f]; jargon[f] = jargon[jargon.length - 1]; jargon.length -= 1; count++; }}/*Called on page load*/function loadJargon() {randArray();count=0;for(i = 1; i < 6; ++i) {for(j = 1; j < 6; ++j) {cellId=i+":"+j;cell=document.getElementById(cellId);cell.appendChild(document.createTextNode(_tableData[count]));count++;}}}// End --></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><body onload="loadJargon()"><div class="main"><table><tbody><tr><td id="1:1" onclick="javascript:highlight(this.id);"> cash flow positive</td><td id="1:2" onclick="javascript:highlight(this.id);" style="background-color: rgb(0, 255, 192);"> facts and data</td><td id="1:3" onclick="javascript:highlight(this.id);" style="background-color: rgb(0, 255, 192);"> framework</td><td id="1:4" onclick="javascript:highlight(this.id);"> domain</td><td id="1:5" onclick="javascript:highlight(this.id);"> leverage</td></tr><tr><td id="2:1" onclick="javascript:highlight(this.id);"> drain</td><td id="2:2" onclick="javascript:highlight(this.id);" style="background-color: rgb(0, 255, 192);"> space</td><td id="2:3" onclick="javascript:highlight(this.id);" style="background-color: rgb(0, 255, 192);"> crisp</td><td id="2:4" onclick="javascript:highlight(this.id);"> physics</td><td id="2:5" onclick="javascript:highlight(this.id);"> integration</td></tr><tr><td id="3:1" onclick="javascript:highlight(this.id);"> multi-modal</td><td id="3:2" onclick="javascript:highlight(this.id);"> directionally correct</td><td id="3:3" onclick="javascript:highlight(this.id);"> mind share</td><td id="3:4" onclick="javascript:highlight(this.id);"> touch point</td><td id="3:5" onclick="javascript:highlight(this.id);"> partner</td></tr><tr><td id="4:1" onclick="javascript:highlight(this.id);"> spot on</td><td id="4:2" onclick="javascript:highlight(this.id);"> friction</td><td id="4:3" onclick="javascript:highlight(this.id);"> end of the day</td><td id="4:4" onclick="javascript:highlight(this.id);"> fierce</td><td id="4:5" onclick="javascript:highlight(this.id);"> cycles</td></tr><tr><td id="5:1" onclick="javascript:highlight(this.id);"> blocking and tackling</td><td id="5:2" onclick="javascript:highlight(this.id);"> channel</td><td id="5:3" onclick="javascript:highlight(this.id);"> the notion of</td><td id="5:4" onclick="javascript:highlight(this.id);"> enterprise</td><td id="5:5" onclick="javascript:highlight(this.id);"> commodity</td></tr><tr><td id="6" colspan="5"><button align="center" onclick="javascript:document.location.reload(1);">Reload Table</button></td></tr></tbody></table></div></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->