I have reached this point out of sheer curiosity. I was trying to dynamically grab some price information from starcitygames/com, and I noticed something very funny. Each price field exists as a series of css div's with garbled class names. eg:
<div style='width:55px'><div class="JfaljW">$</div>
<div class="JfaljW SFzEaj sOihDy2"> </div>
<div class="XLgCpt2 JfaljW SFzEaj"> </div>
<div class="jgsxCy2 JfaljW SFzEaj"> </div>
<div class="JfaljW sOihDy2 SFzEaj"> </div>
<div class="uwsFle2 SFzEaj JfaljW"> </div>
would become $16.19 when styled by the following css:
<style>.SFzEaj{background-image:url(//sales.starcitygames.com/price_icons.php?id=WI6BlcU6j0IUDd5A07dtIqnclqZEb0kpRAfexYD1SR0);}.JfaljW{width:7px;float:left;height:14px;}.VmnouV{background-position:-28px -2px;}.VmnouV2{background-position:-28px 21px;}.xXiDvn{background-position:-7px -2px;}.xXiDvn2{background-position:-7px 21px;}.mUuibp{background-position:-66px -2px;}.mUuibp2{background-position:-66px 21px;}.SprvYA{background-position:-14px -2px;}.SprvYA2{background-position:-14px 21px;}.XLgCpt{background-position:-42px -2px;}.XLgCpt2{background-position:-42px 21px;}.wfaYmj{background-position:-21px -2px;}.wfaYmj2{background-position:-21px 21px;}.jgsxCy{background-position:-64px -2px;width:3px;}.jgsxCy2{background-position:-64px 21px;width:3px;}.uwsFle{background-position:-56px -2px;}.uwsFle2{background-position:-56px 21px;}.sOihDy{background-position:0px -2px;}.sOihDy2{background-position:0px 21px;}.oliEcx{background-position:-49px -2px;}.oliEcx2{background-position:-49px 21px;}.pQPxxT{background-position:-35px -2px;}.pQPxxT2{background-position:-35px 21px;}</style>
Each time that the page loads, the background-image is a different one, defined by the id parameter. A particular image consists of a (semi?) random permutation of the numbers from one to nine.
I would like to write a function that takes the id parameter, and the class names, and recreates the original signal. Is there a way to do it?