BrainKing - Diskutaj forumoj (BrainKing design)

Moderatoro: 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

Listo de diskutaj forumoj
Vi ne rajtas afiŝi mesaĝojn en ĉi tiu forumo. La minimuma necesa nivelo de la membreco por afiŝi mesaĝojn en ĉi tiu forumo estas Brain-Kavaliro.

Moduso: Ĉiu rajtas sendi

14. Aprilo 2007, 04:09:26

coan.net

montri mesaĝojn de ĉi tiu uzanto | montri fadenon | ligilo

Temo: 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. Aprilo 2007, 10:12:16

AbigailII

montri mesaĝojn de ĉi tiu uzanto | montri fadenon | ligilo

Temo: 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. Aprilo 2007, 11:15:54

Fencer

montri mesaĝojn de ĉi tiu uzanto | montri fadenon | ligilo

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

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

14. Aprilo 2007, 16:49:35

AbigailII

montri mesaĝojn de ĉi tiu uzanto | montri fadenon | ligilo

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

Modifita de AbigailII (14. Aprilo 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.