BrainKing - Keskustelualueet (BrainKing design)

Valvoja(t): toedder

BrainKing design

Learn how to customize BrainKing's view layer and share your CSS experiences.

Useful links
Wikipedia - for general information on what CSS is, why it is useful, and a short introduction on how to use it.
W3Schools - for a tutorial and a reference on CSS.
W3C - for detailed and advanced information for those who are interested.
CSS Zen Garden - for some trickery and demonstration of what is possible with CSS

Lista keskustelualueista
Sinulla ei ole oikeutta kirjoittaa tälle alueelle. Tälle alueelle kirjoittamiseen vaadittu minimi jäsenyystaso on Brain-Ratsu.

Moodi: Kaikki voivat lähettää viestejä

14. Huhtikuu 2007, 04:09:26

coan.net

näytä tämän käyttäjän viestit | Näytä keskustelusäie | linkki

Otsikko: Dice Poker - Select Checkbox when you click dice

A suggestion I have made a few times which will help speed up playing the game of Dice Poker - along with helping to make fewer mistakes while playing the game - that is the ability to click on the dice which will also check (and uncheck) the checkbox under the dice.

Well I have a feeling it probable won't be done on the system - so I'm now trying to figure out if I can make this possible using the .css file.

OK Smart css people - I NEED YOUR HELP!

Here is a same source code from the Dice Poker Game:
-------------------------------------------------------

<form action="DoMove" method="post" id="rollDiceForm" name="rollDiceForm"><table align=center><tr valign="bottom">

<td align="center"><img>
<input type="checkbox" id="coch0" name="coch0" value="1" class="coch"></td>

<td align="center"><img>
<input type="checkbox" id="coch1" name="coch1" value="1" class="coch"></td>

<td align="center"><img>
<input type="checkbox" id="coch2" name="coch2" value="1" class="coch"></td>

<td align="center"><img>
<input type="checkbox" id="coch3" name="coch3" value="1" class="coch"></td>

<td align="center"><img>
<input type="checkbox" id="coch4" name="coch4" value="1" class="coch"></td>

<td><input type="submit" id="rd" name="rd" value="Roll selected dice" class="inputbutton">

Rolls left: 2
<input type="checkbox" id="seal" name="seal" value="1" id="seal" onClick="selectAll(false);"> Select All</td></tr></table>

-------------------------------------------------------

Before I posted that I thought it would be possible since I seen each checkbox has it's own name - but now that I copied the above, I'm not sure if it is possible since the name of the image is the same... but I'll leave it here - maybe some smart people will be able to toss out some ideas.

14. Huhtikuu 2007, 10:12:16

AbigailII

näytä tämän käyttäjän viestit | Näytä keskustelusäie | linkki

Otsikko: Re: Dice Poker - Select Checkbox when you click dice

BIG BAD WOLF: I don't think it can be done with a (CSS) style sheet. Now, if only we could inject javascript.... I think it's possible with some javascript.

14. Huhtikuu 2007, 11:15:54

Fencer

näytä tämän käyttäjän viestit | Näytä keskustelusäie | linkki

Otsikko: Re: Dice Poker - Select Checkbox when you click dice

AbigailII: I hope you don't expect me to allow a JavaScript injection.

14. Huhtikuu 2007, 16:49:35

AbigailII

näytä tämän käyttäjän viestit | Näytä keskustelusäie | linkki

Otsikko: Re: Dice Poker - Select Checkbox when you click dice

Muokannut AbigailII (14. Huhtikuu 2007, 16:50:21)

Fencer: You are right, I don't expect you to do it. It wouldn't be hard to code though, and I would have some use for it (for instance, setting the action to "stay here" for Battleboats, Frog Finder and Logic).

I do have a request though (not a JavaScript one). Sometimes I try something out in my CSS file, and it works great on the page I intend the effect for. But another page uses the same class names and there the effect is a disaster. Would it be possible to put the entire page inside a large DIV section whose class reflects the pagetype, and ID a further specification? For instance:


  <div class = 'Board' id = '136'>
  ... BrainKing design board ...
  </div>

  <div class = 'Board' id = '130'>
  ... Dice poker board ...
  </div>

  <div class = 'ShowGame' id = '26'>
  ... Some Backgammon race game ...
  </div>

You might even want to throw in the language in a lang attribute.