Board Game Arena

Any way to modify css styles based on number of players?

I need to use a different background image (or, technically, the background position of a sprite image) depending on the number of players.

~Chris

sure, use dojo:
dojo.addClass / dojo.removeClass or dojo.toggleClass

You should be able to get the number of players from somewhere like gamedatas.players or gamedatas.playersorder.length

Use a custom attribute on your main container and then.css rule with attribute.selector

GAME.css

.object-1-player
{
/* styles */
}

.object-2-player
{
/* styles */
}

.object-3-player
{
/* styles */
}

.object-4-player
{
/* styles */
}

.object-5-player
{
/* styles */
}


GAME.game.php

protected function getAllDatas()
{
return array(
'num_players' -> $this->getPlayersNumber()
);
}



GAME.js

setup: function( gamedatas )
{
var num_players = gamedatas.num_players;

var class = "object-" + num_players + "-player";

dojo.addClass("mydiv", "object-x-player");
}