Boxscore code new and improved, written completely in javascript Options

[habman]

I have reworked the linescore code entirely in javascript.

What are the benefits of this:
- No iframes
- Less bandwidth usage for my site
- Quicker loading and uses less of MFL's resources
- Easier to implement for the end user

You can see it in action here: http://www8.myfantasyleague.com/2008/home/15372


The first few lines of the code have variables that you can change but are not required to.

A little further down is a CSS section where you can add some customization if you want.


Just copy and paste the code into a home page module



Here is the code for those interested:

Last modified: August 28, 2008

CODE

<script language="JavaScript" type="text/javascript">
<!--
// FYI: Last updated August 28, 2008

//Start boxscore manually
   var boxClickToStart = false;

//Number of Rows desired to display boxscores
   var boxRows = 1;

//If you wish to use icons from previous iframe box
   var useOldBoxIconMethod = false;

//Icon URL including base name and extension
   var boxIconURL = '';
   var boxIconExt = 'gif';

//Use league icons as default images  
   var boxIconLeagueDefault = false;

//Use league logos as default images  
   var boxLogoLeagueDefault = false;

//Day of week to switch from Last Weeks Results to Next Weeks Games
   var boxSwitchDay = 3; // 3 is Wednesday; 4 is Thursday

//Set the number of decimal places
   var boxDecimals = 0;

//Hide ties when displaying (W-L-T)
   var hideTiesInRecord = false;

//Hide spread in upcoming games
   var hideSpread = false;

//Hide Box Tip
   var hideBoxTip = false;

//Display boxscores on home page only (useful if boxscore is in header)
   var boxHomeOnly = true;

//Franchise Name or Nickname display
  var hideName = false;
  var useNickNames = false;

//Set up your Nick names here if you choose to use them
   var franchiseNickNames = new Object();  
   franchiseNickNames['0001'] = 'NICK 1';  
   franchiseNickNames['0002'] = 'NICK 2';  
   franchiseNickNames['0003'] = 'NICK 3';  
   franchiseNickNames['0004'] = 'NICK 4 ';
//         .
//         .
//        etc.


//-->
</script>


<style type='text/css'>

.boxtablerow {
   background-color: #E8E1D1;
   color: black;
}

.boxoutertable {
  border-collapse: collapse;
  width: 100%;
  padding: 0px;
  margin: 0px;
  align: center;
  background-color: #E8E1D1;
}

.boxoutertd {
  border: 1px solid black;
}

.boxinnertable {
  border-collapse: collapse;
  width: 100%;
  padding: 0px;
  margin: 0px;
}

a.boxclock:link,  a.boxclock:visited,  a.boxclock:active {
  text-decoration: none;
  color: black;
  font-style: italic;
}

a.boxclock:hover {
  text-decoration: none;
  color: red;
}

.boxteam {
  margin: 0px;
  padding: 0px;
}

.boxscore {
  font-size: 15px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

.boxclock {
  margin: 0px;
  padding: 0px;
}

.boxicon {
  height: 30px; /* Use #px for fixed width i.e. 100px */
  width: 30px;  
}

.boxspread {
  font-size: 14px;
  color: red;
}

.tipbox {
  border: 2px solid black;
  color: black;
  background-color: lightyellow;
  padding: 4px;
}
</style>

<script language="JavaScript" type="text/javascript" src="http://www.habman.com/mfl/apps/js/habman_common.js"></script>
<script language="JavaScript" type="text/javascript" src="http://www.habman.com/mfl/apps/js/boxscore.js"></script>

Here is a brief tutorial on how to implement the images.

There are three ways to do this:

Method #1

If you have icons already setup for your league then just set boxIconLeagueDefault to true

OR

If you have logos already setup for your league the just set boxLogoLeagueDefault to true

======================================

Method #2

If you have icons already made on a personal site from the old iframe ticker then set useOldIconMethod to true and update the iconURL and iconExt as you did for the iframe ticker.

======================================

Method #3

If you wish to create icons for this ticker from scratch then here is how you would do that.

First create your icons but note that they must be of the same file type. ie gif or bmp or jpg

Next choose a base name for your icons ie. icon or image or franchise

Now assuming you chose the base name "icon" name your icons in the following manner: icon0001, icon0002 etc. for franchise #1, franchise #2 etc.

Upload your icons to a personal site for example mine are located at www.habman.com/images/

Now in the script you would set iconURL = 'http://www.habman.com/images/icon';

Lastly in the script you would set the icon extension iconExt = 'gif'; if they are in the gif format.

That is all.


If you have any questions or issues just ask.




Update November 10th:
Added ability to automatically set the days of the week for the Click to Start option.

Replace:

CODE

var boxClickToStart = false;

with

CODE

var boxClickToStart = new Array(false,false,true,true,true,true,true);

In the above example the boxscore will display normally on Sunday & Monday and use the "Click to Start" for the other days.

[Lasernuke_Commis...]

I copied the code, all I get is a
LOADING.....PLEASE WAIT.

Is this the code that replaces the linescore I currently have in my header?

http://football4.myfantasyleague.com/2007/home/39478
under the "extra" tab

[braven112]

I copied the code, all I get is a
LOADING.....PLEASE WAIT.

me too!!

[theeohiostate]

Got it to work fine with team logos here

http://football14.myfantasyleague.com/2007/home/83104 Click on Boxscore Tab


But i tried to install in a 60 team deluxe league (No logos) and i just get a LOADING . . . . PLEASE WAIT display.

[habman]

I copied the code, all I get is a
LOADING.....PLEASE WAIT.

Is this the code that replaces the linescore I currently have in my header?

http://football4.myfantasyleague.com/2007/home/39478
under the "extra" tab

I see where the code fails on your site. I bypassed the part of the script that fails and I am getting something up but the font colors are blending into the background so that it make is unreadable.

You may have to do CTRL-F5 to clear your cache to see this change.

BTW Braven and Ohiostate do a CTRL-F5 on your sites and you may notice the message disappear as well.

[Lasernuke_Commis...]

It's showing up now, sort of...
after clearing the cache it loads right away but
White text on white background,
I need to find where the text color option is at.


(edit: posted at the sametime as habman)
Thanks habman

[habman]

I updated the code a bit.

Please re-copy, paste and do a CTRL-F5




PS
Lasernuke find "boxtablerow" in the css portion of the code to set your colours for the table

[theeohiostate]

Perfect. Working fine on Deluxe league

http://football35.myfantasyleague.com/2007/home/70226


Edited to ask:

Can this be adjusted to "not" display team names and just display icons only?

[habman]

Perfect. Working fine on Deluxe league

http://football35.myfantasyleague.com/2007/home/70226


Edited to ask:

Can this be adjusted to "not" display team names and just display icons only?

Yes.

First you need to set up your icons.

Then to hide the franchise names look for var hideNames=false; and change it to var hideNames=true;

[Lasernuke_Commis...]

Working great now Habman.
thanks for making these great tools available to the community.
Your the best!

[stikman]

Do the scores auto-refresh? If so, how often? Can the timer be changed?
thanks!!!!

[habman]

Do the scores auto-refresh? If so, how often? Can the timer be changed?
thanks!!!!

yes the scoreboard refreshes every 90 seconds.

There is no point in auto refreshing any more often since MFL only updates their stats every 90 seconds. Refreshing more often will only cause unnecessary requests to MFL servers.

[habman]

The code has been modified I think for the last time.

I have added the point spread and a few more CSS controls as well as fixed any bugs with the tip message that displays the status of players for live games.

Let me know of any issues.

[yeti2112dd]

I'm getting the boxscore, but underneath it keeps saying "Loading....Please Wait". Is there a setting that I don't have correct? It's under the 'Game' tab.

http://football13.myfantasyleague.com/2007/home/46072

I hit ctrl-F5 and still see the same thing.

[Lasernuke_Commis...]

Is it possible you have both sets of code there?

the working code, followed by the non-working code?