bustabit.com -- The Social Gambling Game

var bbs = document.getElementsByClassName("balance-bits"), b = document.getElementById("balance_bits"), stickies = document.getElementsByClassName("sticky"), i;
for(i = 0; i < bbs.length; i++) bbs[i].innerHTML="μBTC: " + b.outerHTML;
for(i = 0; i < stickies.length; i++) if(stickies[i].innerHTML == "Bits") stickies[i].innerHTML="μBTC";

walk = function(node) {
var child,next;
switch(node.nodeType) {
case 1: case 9: case 11:
child = node.firstChild;
while(child) {
next = child.nextSibling;
walk(child);
child = next;
}
break;
case 3:
node.nodeValue = node.nodeValue.replace(/bits/gi, 'μBTC');
}
}
walk(document.body);

Quote from: RHavar on April 08, 2015, 02:00:52 PM

Quote from: tspacepilot on April 08, 2015, 07:12:28 AM

What's wrong with greasemonkey? I think it's the go-to for user javascript associated with particular websites. And shit, if the webhosts are gonna offer us scripts that run on our machines, shouldn't we write scripts that run on our machines to do what *we* please?

Never really thought about it, but this would be perfect to provide greasemonkey scripts to do things like game verifications. And I wouldn't be opposed to wrapping all use of bits with <span class="bits">n bits</span> to make it easy for a userscript to replace with tonal-bitcoins or what ever you like.

This seems really helpful and cool!

BTW, I looked at that tonal-bitcoin thing which of course led me to tonal system (apparantly a 19th century notation for hex!), very esoteric. Perhaps cool. Certainly at least as awkward as "bits".

Quote from: cwil on April 09, 2015, 12:09:46 AM

Quote from: sed on April 07, 2015, 05:29:28 AM

Which seems like a four liner in that the close bracket on the last line seems a little cheap to count. BTW, you can write the block of an "if" statement without {} when it's just a single line, I dunno off the top of my head if you can leave out the brackets on a for loop in the same way.

You can.

Code:

var bbs = document.getElementsByClassName("balance-bits"), b = document.getElementById("balance_bits"), stickies = document.getElementsByClassName("sticky"), i;
for(i = 0; i < bbs.length; i++) bbs[i].innerHTML="μBTC: " + b.outerHTML;
for(i = 0; i < stickies.length; i++) if(stickies[i].innerHTML == "Bits") stickies[i].innerHTML="μBTC";

Down to three lines.

However, I'd do it like this:

Code:

walk = function(node) { 
  var child,next;
  switch(node.nodeType) {
    case 1: case 9: case 11:
      child = node.firstChild;
      while(child) {
        next = child.nextSibling;
        walk(child);
        child = next;
      }
      break;
    case 3:
      node.nodeValue = node.nodeValue.replace(/bits/gi, 'μBTC');
  }
}
walk(document.body);

Mostly stolen from cloud-to-butt which is mostly stolen from some post on SO.

Also use:

Code:

[].forEach.call(document.getElementsByClassName('inputs-cont'), function(e) { e.className = e.className.replace(/inputs-cont/g, ''); e.style.padding = 0; });

to fix an alignment issue.

We could also attach this method to deal with the History/Chat/Strategy section:

Code:

[].forEach.call(document.getElementsByClassName('chat-log-tab'), function(e) { e.onclick = function() { setTimeout(function() { walk(document.getElementsByClassName('log-chat')[0]); }, 10); } });

There's probably a better way to handle injection of code in the onclick events but I'm not too familiar with react.js.

Thanks, This looks good!