0

Trying to display events on my website based on what my clients want to view. I have 3 checkboxes setup to toggle the connected events, but I can't seem to make the onclick handle more than 1 event at a time.

Basically, I want to know

1) how to display more than one tr row'd event with the selection of any given checkbox.

2) how to have all boxes checked on the page load (checked=true only checks the box with no info showing)

3) AND/OR how to create a CHECK ALL option

4) and, lastly, how to give it a scroll in case I have many events.

<html>
<head>
<script type="text/javascript" language="javascript">		
	function toggle(id) {	
		if(document.getElementById(id).style.display=='block')
			{
			document.getElementById(id).style.display='none';
			document.getElementById(id).style.visibility='hidden';
			//alert('Its hidden now');
			}
		else 
			{
			document.getElementById(id).style.display='block';
			document.getElementById(id).style.visibility='visible';
			//alert('Its displaying now');
			}
	}
</script>
 
 
<style type="text/css">
.toggleClass{
	display:none; 
	visibility:hidden;
	} 
</style>
</head>
 
 
 
<body>
<table width=700 height=500 cellpadding=5 cellspacing=0><tr><td bgcolor=#000000 width=200 valign="top">
<form name="myform" ><br><br>
 
 <hr size=5>
  <input type="checkbox" name="checkbox" value="checkbox" onClick="toggle('3on3')"><font color="#ffffff"> 3 on 3 Tournaments</font><br>
  
 <hr size=5>
 <input type="checkbox" name="checkbox" value="checkbox" onClick="toggle('clinic')"><font color="#ffffff"> Clinics</font><br>
  
 <hr size=5>
  <input type="checkbox" name="checkbox" value="checkbox" onClick="toggle('workout')"><font color="#ffffff"> Workouts</font><br>
  <hr size=5>
 
 
</td><td width=500 valign="top" bgcolor="#CCCCCC">
	<table width=100%  border="0" cellspacing="0" cellpadding="0">
 
 <tr bgcolor="#000000">
		<td height="50" width=100% bgcolor="#CCCCCC"><font size=4><b>Event Calendar</a></td>
	  </tr>
 
	  <tr id="3on3" class="toggleClass">
		<td height="50" width=500 bgcolor="#CCCCCC"><hr size=5>3ON3 INFORMATION</td>
	  </tr>
 
 
<tr id="clinic" class="toggleClass">
		<td height="50" width=500 bgcolor="#CCCCCC"><hr size=5>CLINIC INFORMATION</td>
	  </tr>
 
 
<tr id="workout" class="toggleClass">
		<td height="50" width=500 bgcolor="#CCCCCC"><hr size=5>WORKOUT INFORMATION</td>
	  </tr>
 
 
<tr id="3on3" class="toggleClass">
		<td height="50" width=500 bgcolor="#CCCCCC"><hr size=5>2nd 3ON3 INFORMATION</td>
	  </tr>
 
<tr id="clinic" class="toggleClass">
		<td height="50" width=500 bgcolor="#CCCCCC"><hr size=5>2nd CLINIC INFORMATION</td>
	  </tr>
 
 
<tr id="workout" class="toggleClass">
		<td height="50" width=500 bgcolor="#CCCCCC"><hr size=5>2nd WORKOUT INFORMATION</td>
	  </tr>
 
 
	</table>
 
</td></tr></table>
 
 
</form>
</body>
</html>

Thanks for any help!

Edited by jonsan32: n/a

2
Contributors
3
Replies
5
Views
6 Years
Discussion Span
Last Post by jonsan32
1

Hi Jonsan,

Good to see you again.

I have had a good hack at everything. You know me :twisted:

<!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>
<style type="text/css">
td#controls {
	background-color: #000;
	color: #FFF;
	width: 200px;
}
td#controls ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
td#controls li {
	padding: 1.3ex 0;
	border-bottom: 1px solid #666;
}
td#controls input {
	margin-right: 0.5em;
}
td#events {
	width: 500px;
	background-color: #cccccc;
}
td#events table td {
	padding: 0 0.5em;
	height: 1.8em;
	border-bottom: 1px solid #666;
}
tbody#eventsList tr.stripe0 { background-color: #e0e0e0; }
tbody#eventsList tr.stripe1 { background-color: #cccccc; }
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
$(function(){
	var $rowSelectors = $("#controls input.rowSelector");
	var $eventRows = $("tbody#eventsList tr");
	function setStripes(){
		$eventRows.not(":hidden").removeClass('stripe1').addClass('stripe0').filter(":odd").removeClass('stripe0').addClass('stripe1');
	}
	$rowSelectors.click(function(){
		$rowSelectors.each(function(){
			var fn = this.checked ? 'show' : 'hide';
			$eventRows.filter("." + this.value)[fn]();
			setStripes();
		});
	});
	$("#massControls a").click(function(){
		$rowSelectors.attr('checked', (this.name==='1')?true:false).eq(0).triggerHandler('click');
	}).eq(0).click();//change to .eq(1).click() for initially [all off]
});
</script>
</head>
 
<body>

<form name="myform">
<table width="700" height="500" cellpadding="5" cellspacing="0">
<tr>
<td id="controls" valign="top">
  <span id="massControls">[<a id="rowSelectorAll" name="1">all on</a>]&nbsp;&nbsp;[<a id="rowSelectorNone" name="0">all off</a>]</span>
  <ul>
  <li><input type="checkbox" class="rowSelector" id="rs0" value="3on3"><label for="rs0">3 on 3 Tournaments</label></li>
  <li><input type="checkbox" class="rowSelector" id="rs1" value="clinic"><label for="rs1">Clinics</label></li>
  <li><input type="checkbox" class="rowSelector" id="rs2" value="workout"><label for="rs2">Workouts</label></li>
  </ul>
</td>
<td id="events" valign="top">
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr><td>Event Calendar</td></tr>
	<tbody id="eventsList">
		<tr class="3on3"><td>3ON3 INFORMATION</td></tr>
		<tr class="clinic"><td>CLINIC INFORMATION</td></tr>
		<tr class="workout"><td>WORKOUT INFORMATION</td></tr>
		<tr class="3on3"><td>2nd 3ON3 INFORMATION</td></tr>
		<tr class="clinic"><td>2nd CLINIC INFORMATION</td></tr>
		<tr class="workout"><td>2nd WORKOUT INFORMATION</td></tr>
	</tbody>
	</table>
</td></tr></table>
</form>

</body>
</html>

NOTES:

  • I know you use jQuery elsewhere so I have used it here. You may want to change the src's path to point to your own jquery file.
  • As you will see, I also moved a lot of the styling from the HTML to the stylesheet.

Airshow

0

Goodness, gracious! You're awesome. Once again, you've helped a ton. Thank you.

0

Hey Airshow, I've expanded on your wonderful script a bit... but now I'm trying to imrprove it slightly by limiting the number of clicks my customers have to press to achieve certain results. Could you help me add this functionality to the version of your original I'm currently utilizing. Thanks a ton whether you're able to help this time or not.

Here's what I'm trying to add: (see the entire code in this thread, if you need it: http://www.daniweb.com/web-development/javascript-dhtml-ajax/threads/443307/im-trying-to-showhide-multiple-rows-in-internet-explorer.-not-happening )

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
$('.brand').on('change',function() {
        $checked = $('.brand:checked'); //perform selection only once
        if ($checked.length){ //checks if there are checked elements at all
           $('.merk').hide(); //hide all
           $checked.each(function(){
               $('li#m_' + $(this).attr('id') + '').show(); //show only the items with corresponding checkboxes
           });
        } else { //no checked elements
           $('.merk').show(); //show all
        }
    });
});//]]>  
</script>

And here's what I currently have:

<style type="text/css">



.jamactive {  width: auto;
 padding: 6px 10px;
 background: #0066CC;
 border: solid 1px #000099;
  font: 12px/100% Verdana, Tahoma, sans-serif;
font-weight: 500;
 color: #ffffff;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
-webkit-appearance: none;
 cursor: pointer;}

.jamactive:hover
{ 
background-color: #000099;
 border: solid 1px #000066;}

.jaminactive {  width: auto;
 padding: 6px 10px;
 background: #666666;
 border: solid 1px #000000;
  font: 12px/100% Verdana, Tahoma, sans-serif;
font-weight: 500;
 color: #cccccc;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
-webkit-appearance: none;
 cursor: pointer;}

.jaminactive:hover
{ 
color: #ffffff;
}


.jamactive:hover
{ 
background-color: #000099;
 border: solid 1px #000066;}

.jamdate {  width: auto;
position: relative;
 padding: 3px 4px;
 background: #FFFFCC;
 border: solid 1px #888;
  font: 11px/100% Verdana, Tahoma, sans-serif;
font-weight: 500;
 color: #222222;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
-webkit-appearance: none;
 cursor: pointer;}


.jamleague {  width: auto;
 padding: 3px 4px;
 background: #990000;
letter-spacing:1px;
 border: solid 1px #000000;
  font: 12px/100% Verdana, Tahoma, sans-serif;
font-weight: 500;
 color: #ffffff;
text-transform:uppercase;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
-webkit-appearance: none;
 cursor: pointer;}


.jamtourny {  width: auto;
 padding: 3px 4px;
 background: #006600;
letter-spacing:1px;
 border: solid 1px #000000;
  font: 12px/100% Verdana, Tahoma, sans-serif;
font-weight: 500;
 color: #ffffff;
text-transform:uppercase;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
-webkit-appearance: none;
 cursor: pointer;}




</style>



<script type="text/javascript" defer=defer> 

// Andrew Urquhart : CountDown Timer : http://andrewu.co.uk/clj/countdown/
function CD_T(id,e){var n=new Date();CD_D(+n,id,e);setTimeout("if(typeof CD_T=='function'){CD_T('"+id+"',"+e+")}",1100-n.getMilliseconds())};function CD_D(n,id,e){var ms=e-n;if(ms<=0) ms*=-1;var d=Math.floor(ms/864E5);ms-=d*864E5;var h=Math.floor(ms/36E5);ms-=h*36E5;var m=Math.floor(ms/6E4);ms-=m*6E4;var s=Math.floor(ms/1E3);if(CD_OBJS[id]){CD_OBJS[id].innerHTML=d+" day"+(d==1?" ":"s ")+CD_ZP(h)+"h "+CD_ZP(m)+"m "+CD_ZP(s)+"s"}};function CD_ZP(i){return(i<10?"0"+i:i)};function CD_Init(){var pref="countdown";var objH=1;if(document.getElementById||document.all){for(var i=1;objH;++i){var id=pref+i;objH=document.getElementById?document.getElementById(id):document.all[id];if(objH&&(typeof objH.innerHTML)!='undefined'){var s=objH.innerHTML;var dt=CD_Parse(s);if(!isNaN(dt)){CD_OBJS[id]=objH;CD_T(id,dt.valueOf());if(objH.style){objH.style.visibility="visible"}}else {objH.innerHTML=s+"<a href=\"http://andrewu.co.uk/clj/countdown/\" title=\"Countdown Error:Invalid date format used,check documentation (see link)\">*</a>"}}}}};function CD_Parse(strDate){var objReDte=/(\d{4})\-(\d{1,2})\-(\d{1,2})\s+(\d{1,2}):(\d{1,2}):(\d{0,2})\s+GMT([+\-])(\d{1,2}):?(\d{1,2})?/;if(strDate.match(objReDte)){var d=new Date(0);d.setUTCFullYear(+RegExp.$1,+RegExp.$2-1,+RegExp.$3);d.setUTCHours(+RegExp.$4,+RegExp.$5,+RegExp.$6);var tzs=(RegExp.$7=="-"?-1:1);var tzh=+RegExp.$8;var tzm=+RegExp.$9;if(tzh){d.setUTCHours(d.getUTCHours()-tzh*tzs)}if(tzm){d.setUTCMinutes(d.getUTCMinutes()-tzm*tzs)};return d}else {return NaN}};var CD_OBJS=new Object();if(window.attachEvent){window.attachEvent('onload',CD_Init)}else if(window.addEventListener){window.addEventListener("load",CD_Init,false)}else {window.onload=CD_Init};
    </script>

<table style="background:black; padding:0px; text-align:center; border: 0px black solid; font-weight:bold; color:#ffffff" width=100%><tr><td>

<b>MLK DAY SHOWCASE: <font size=3 color="#fff000"><span id="countdown1">2012-12-19 09:00:00 GMT-06:00</span></font> remaining for the Early Registration Discount</b>

</td></tr></table>



      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script type="text/javascript" language="javascript">
$(function(){
 var $rowSelectors = $("#controls input.rowSelector");
 var $eventRows = $("tbody#eventsList tr");
 function setStripes(){
  $eventRows.not(":hidden").removeClass('stripe1').addClass('stripe0').filter(":odd").removeClass('stripe0').addClass('stripe1');
 }
 $rowSelectors.click(function(){
  $rowSelectors.each(function(){
   var fn = this.checked ? 'show' : 'hide';
   $eventRows.filter("." + this.value)[fn]();
   setStripes();
  });
 });
 $("#massControls a").click(function(){
  $rowSelectors.attr('checked', (this.name==='1')?true:false).eq(0).triggerHandler('click');
 }).eq(0).click();//change to .eq(1).click() for initially [all off]
});
</script>                    









<center>

<table width=930><tr><td>

<div align=right id="controls">
<input type="checkbox" class="rowSelector" id="rs0" value="league" /><label for="rs0">Leagues</label> | <input type="checkbox" class="rowSelector" id="rs1" value="tourny" /><label for="rs1">Tournaments</label> | <input type="checkbox" class="rowSelector" id="rs2" value="camp" /><label for="rs2">Camps/Clinics</label> | <input type="checkbox" class="rowSelector" id="rs3" value="misc" /><label for="rs3">Miscellaneous</label> | <span id="massControls">[<a id="rowSelectorAll" name="1" style="text-decoration:none"><b>ALL</b></a>] | [<a id="rowSelectorNone" name="0" style="text-decoration:none"><b>NONE</b></a>]</span> 
</div>
<br />

<div align="left">
<table width=100% cellspacing=1 cellpadding=5 style="border-left:3px solid black; border-right:3px solid black; border-top:3px solid black; background-color:#eeeeee;"><tbody id="eventsList">



<tr height=30 style="background-color:#000000; border-bottom:3px solid black;"><td>
<table width=100% cellpadding=0 style="color:white; text-transform:uppercase;"><tr><td width=20%>Date</td><td style="border-left: 1px solid #000000; padding: 5px;" width=60%>Upcoming Events</td><td style="border-left: 1px solid #000000; padding: 5px;" width=20%>Details</td></tr></table>
</td></tr>











<tr class="tourny" onmouseover="this.bgColor='#fff777';" onmouseout="this.bgColor='white';" height=40><td style="border-bottom:3px solid black;">
<table width=100% cellpadding=0><tr><td width=20%><span class="jamdate">12/14/12 - 12/16/12</span></td><td style="border-left: 1px solid #000000; padding: 5px; font-weight:bold;" width=60%>Protect the Paint Christmas Tournament - 3rd-8th Grade (Metro Area)</td><td style="border-left: 1px solid #000000; padding: 5px;" width=20%><a href="http://form.jotformpro.com/form/21427191014948" target="_blank" style="text-decoration: none;"><span class="jamactive">Register ($250/team)</span></a></td></tr></table>
</td></tr>




<tr class="misc" onmouseover="this.bgColor='#fff777';" onmouseout="this.bgColor='white';" height=40><td style="border-bottom:3px solid black;">
<table width=100% cellpadding=0><tr><td width=20%><span class="jamdate">12/16/12</span></td><td style="border-left: 1px solid #000000; padding: 5px; font-weight:bold;" width=60%>YOUTH DAY - Metro State Basketball (Free Admission for 8th Grade & under)</td><td style="border-left: 1px solid #000000; padding: 5px;" width=20%><a href="http://dl.dropbox.com/u/5739741/J.A.M.%20Files/MSU%20Denver%20WBB%20-%20Youth%20Day%20Flyer.pdf" target="_blank" style="text-decoration: none;"><span class="jamactive">Details / Flyer</span></a></td></tr></table>
</td></tr>



<tr class="misc" onmouseover="this.bgColor='#fff777';" onmouseout="this.bgColor='white';" height=40><td style="border-bottom:3px solid black;">
<table width=100% cellpadding=0><tr><td width=20%><span class="jamdate">12/29/12</span></td><td style="border-left: 1px solid #000000; padding: 5px; font-weight:bold;" width=60%>EPIC Basketball Camp - 9am-1pm in Broomfield</td><td style="border-left: 1px solid #000000; padding: 5px;" width=20%><a href="http://www.epicballers.com/" target="_blank" style="text-decoration: none;"><span class="jamactive">Details / Register</span></a></td></tr></table>
</td></tr>




<tr class="tourny" onmouseover="this.bgColor='#fff777';" onmouseout="this.bgColor='white';" height=40><td style="border-bottom:3px solid black;">
<table width=100% cellpadding=0><tr><td width=20%><span class="jamdate">1/19/13 - 1/21/13</span></td><td style="border-left: 1px solid #000000; padding: 5px; font-weight:bold;" width=60%><span class="jamtourny">J.A.M. Tournament: MLK DAY SHOWCASE</span></td><td style="border-left: 1px solid #000000; padding: 5px;" width=20%><a href="http://www.jamtournaments.com/2012/08/mlk-day-showcase-january-19-21-2013.html" target="_blank" style="text-decoration: none;"><span class="jamactive">Register ($150/team)</span></a></td></tr></table>
</td></tr>



<tr class="tourny" onmouseover="this.bgColor='#fff777';" onmouseout="this.bgColor='white';" height=40><td style="border-bottom:3px solid black;">
<table width=100% cellpadding=0><tr><td width=20%><span class="jamdate">3/15/13 - 3/17/13</span></td><td style="border-left: 1px solid #000000; padding: 5px; font-weight:bold;" width=60%><span class="jamtourny">J.A.M. Tournament: MARCH'S MAYHEM MADNESS</span></td><td style="border-left: 1px solid #000000; padding: 5px;" width=20%><a href="http://www.jamtournaments.com/2012/08/marchs-mayhem-madness-march-15-18-2013.html" target="_blank" style="text-decoration: none;"><span class="jamactive">Register ($150/team)</span></a></td></tr></table>
</td></tr>



<tr class="misc" onmouseover="this.bgColor='#fff777';" onmouseout="this.bgColor='white';" height=40><td style="border-bottom:3px solid black;">
<table width=100% cellpadding=0><tr><td width=20%><span class="jamdate">3/30/13</span></td><td style="border-left: 1px solid #000000; padding: 5px; font-weight:bold;" width=60%>PRE-SEASON COMBINE: Ability and Agility Testing</td><td style="border-left: 1px solid #000000; padding: 5px;" width=20%><a href="javascript:void()" target="_blank" style="text-decoration: none;"><span class="jaminactive">Registration TBA</span></a></td></tr></table>
</td></tr>




<tr class="league" onmouseover="this.bgColor='#fff777';" onmouseout="this.bgColor='white';" height=40><td style="border-bottom:3px solid black;">
<table width=100% cellpadding=0><tr><td width=20%><span class="jamdate">4/7/13 - 5/26/13</span></td><td style="border-left: 1px solid #000000; padding: 5px; font-weight:bold;" width=60%><span class="jamleague">Spring League</span></td><td style="border-left: 1px solid #000000; padding: 5px;" width=20%><a href="javascript:void()" target="_blank" style="text-decoration: none;"><span class="jaminactive">Registration TBA</span></a></td></tr></table>
</td></tr>


<tr class="camp" onmouseover="this.bgColor='#fff777';" onmouseout="this.bgColor='white';" height=40><td style="border-bottom:3px solid black;">
<table width=100% cellpadding=0><tr><td width=20%><span class="jamdate">5/25/13 - 5/26/13</span></td><td style="border-left: 1px solid #000000; padding: 5px; font-weight:bold;" width=60%>Dave Hopla Shooting Clinic</td><td style="border-left: 1px solid #000000; padding: 5px;" width=20%><a href="javascript:void()" target="_blank" style="text-decoration: none;"><span class="jaminactive">Registration TBA</span></a></td></tr></table>
</td></tr>




<tr class="camp" onmouseover="this.bgColor='#fff777';" onmouseout="this.bgColor='white';" height=40><td style="border-bottom:3px solid black;">
<table width=100% cellpadding=0><tr><td width=20%><span class="jamdate">6/10/13 - 6/13/13</span></td><td style="border-left: 1px solid #000000; padding: 5px; font-weight:bold;" width=60%>J.A.M. Camp: North Area</td><td style="border-left: 1px solid #000000; padding: 5px;" width=20%><a href="javascript:void()" target="_blank" style="text-decoration: none;"><span class="jaminactive">Registration TBA</span></a></td></tr></table>
</td></tr>


<tr class="camp" onmouseover="this.bgColor='#fff777';" onmouseout="this.bgColor='white';" height=40><td style="border-bottom:3px solid black;">
<table width=100% cellpadding=0><tr><td width=20%><span class="jamdate">6/15/13 - 6/16/13</span></td><td style="border-left: 1px solid #000000; padding: 5px; font-weight:bold;" width=60%>EPIC Basketball's All-Star Clinic</td><td style="border-left: 1px solid #000000; padding: 5px;" width=20%><a href="javascript:void()" target="_blank" style="text-decoration: none;"><span class="jaminactive">Registration TBA</span></a></td></tr></table>
</td></tr>



<tr class="camp" onmouseover="this.bgColor='#fff777';" onmouseout="this.bgColor='white';" height=40><td style="border-bottom:3px solid black;">
<table width=100% cellpadding=0><tr><td width=20%><span class="jamdate">6/17/13 - 6/20/13</span></td><td style="border-left: 1px solid #000000; padding: 5px; font-weight:bold;" width=60%>J.A.M. Camp: South Area</td><td style="border-left: 1px solid #000000; padding: 5px;" width=20%><a href="javascript:void()" target="_blank" style="text-decoration: none;"><span class="jaminactive">Registration TBA</span></a></td></tr></table>
</td></tr>



<tr class="tourny" onmouseover="this.bgColor='#fff777';" onmouseout="this.bgColor='white';" height=40><td style="border-bottom:3px solid black;">
<table width=100% cellpadding=0><tr><td width=20%><span class="jamdate">6/24/13 - 6/27/13</span></td><td style="border-left: 1px solid #000000; padding: 5px; font-weight:bold;" width=60%><span class="jamtourny">J.A.M. Tournament: SUMMER SHOOTOUT</span></td><td style="border-left: 1px solid #000000; padding: 5px;" width=20%><a href="http://www.jamtournaments.com/2012/08/summer-premiere-june-22-24-2013.html" target="_blank" style="text-decoration: none;"><span class="jamactive">Register ($200/team)</span></a></td></tr></table>
</td></tr>



<tr class="tourny" onmouseover="this.bgColor='#fff777';" onmouseout="this.bgColor='white';" height=40><td style="border-bottom:3px solid black;">
<table width=100% cellpadding=0><tr><td width=20%><span class="jamdate">7/28/13 - 7/30/13</span></td><td style="border-left: 1px solid #000000; padding: 5px; font-weight:bold;" width=60%><span class="jamtourny">J.A.M. Tournament: MIDSUMMER'S NIGHT CLASSIC</span></td><td style="border-left: 1px solid #000000; padding: 5px;" width=20%><a href="http://www.jamtournaments.com/2012/08/midsummers-night-classic-july-21-27-2013.html" target="_blank" style="text-decoration: none;"><span class="jamactive">Register ($200/team)</span></a></td></tr></table>
</td></tr>




<tr class="tourny" onmouseover="this.bgColor='#fff777';" onmouseout="this.bgColor='white';" height=40><td style="border-bottom:3px solid black;">
<table width=100% cellpadding=0><tr><td width=20%><span class="jamdate">8/9/13 - 8/11/13</span></td><td style="border-left: 1px solid #000000; padding: 5px; font-weight:bold;" width=60%><span class="jamtourny">J.A.M. Tournament: TOURNAMENT OF CHAMPIONS</span></td><td style="border-left: 1px solid #000000; padding: 5px;" width=20%><a href="http://www.jamtournaments.com/2012/08/tournament-of-champions-august-8-10-2013.html" target="_blank" style="text-decoration: none;"><span class="jamactive">Register ($200/team)</span></a></td></tr></table>
</td></tr>


<tr class="misc" onmouseover="this.bgColor='#fff777';" onmouseout="this.bgColor='white';" height=40><td style="border-bottom:3px solid black;">
<table width=100% cellpadding=0><tr><td width=20%><span class="jamdate">8/31/13</span></td><td style="border-left: 1px solid #000000; padding: 5px; font-weight:bold;" width=60%>PRE-SEASON COMBINE: Ability and Agility Testing</td><td style="border-left: 1px solid #000000; padding: 5px;" width=20%><a href="javascript:void()" target="_blank" style="text-decoration: none;"><span class="jaminactive">Registration TBA</span></a></td></tr></table>
</td></tr>



<tr class="league" onmouseover="this.bgColor='#fff777';" onmouseout="this.bgColor='white';" height=40><td style="border-bottom:3px solid black;">
<table width=100% cellpadding=0><tr><td width=20%><span class="jamdate">9/8/13 - 10/20/13</span></td><td style="border-left: 1px solid #000000; padding: 5px; font-weight:bold;" width=60%><span class="jamleague">Fall League</span></td><td style="border-left: 1px solid #000000; padding: 5px;" width=20%><a href="javascript:void()" target="_blank" style="text-decoration: none;"><span class="jaminactive">Registration TBA</span></a></td></tr></table>
</td></tr>




<tr class="tourny" onmouseover="this.bgColor='#fff777';" onmouseout="this.bgColor='white';" height=40><td style="border-bottom:3px solid black;">
<table width=100% cellpadding=0><tr><td width=20%><span class="jamdate">10/25/13 - 10/27/13</span></td><td style="border-left: 1px solid #000000; padding: 5px; font-weight:bold;" width=60%><span class="jamtourny">J.A.M. Tournament: HALLOWEEN BASH</span></td><td style="border-left: 1px solid #000000; padding: 5px;" width=20%><a href="http://www.jamtournaments.com/2012/11/halloween-bash-october-25-27-2013.html" target="_blank" style="text-decoration: none;"><span class="jamactive">Register ($150/team)</span></a></td></tr></table>
</td></tr>










</tbody>
</table></div>
<div align="right"><a href="http://www.jamball.com/p/tos.html"><font size=1>Terms of Service</font></a> | <a href="http://www.jamball.com/2010/09/directions.html"><font size=1>Driving Directions</font></a> | <a href="http://www.jamball.com/2010/09/advertising.html"><font size=1>Add Your Event</font></a> | <a href="http://www.jamball.com/2010/10/newsletters.html"><font size=1>Change Notifications</font></a></div>



</td></tr></table></center>
This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.