Created
February 7, 2017 02:41
-
-
Save anonymous/3ed0118ff72265697c9598c80a95aca2 to your computer and use it in GitHub Desktop.
JS Bin // source http://jsbin.com/papazuquxe
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="http://code.jquery.com/jquery.min.js"></script> | |
| <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> | |
| <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> | |
| <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| </head> | |
| <body> | |
| <div class="container containter-fluid"> | |
| <!-- PANNELLO INSERIMENTO NUMERI --> | |
| <div class="panel panel-primary"> <!-- PANNELLO INSERIMENTO NUMERI --> | |
| <div class="panel-heading clearfix"> | |
| <span id='odino' class="panel-title">ROULETTE ASSISTANT PANEL</span> | |
| <div class="btn-group-xs pull-right"> | |
| <button id="showdebug" type="button" style="font-weight: bold;" class="btn btn-danger" onclick="$('#d-bug-pre').toggleClass('hidden');return false;"><i class="fa fa-bug" aria-hidden="true"></i></button> | |
| <button type="button" title="All numbers are removed from memory to start a fresh session." style="font-weight: bold;" class="btn btn-success">RESTART</button> | |
| <button title="Show this panel as a pop-up. Please allow popups. -_-" type="button" style="font-weight: bold;" class="btn btn-info" onclick='window.open("https://www.100days100.com/app/play.php?mini=1","100D100-MINI","resizable=1");'><i class="fa fa-external-link" aria-hidden="true"></i></button> | |
| </div> | |
| </div> | |
| <div class="panel-body"> | |
| <div class="row"> | |
| <div class="col-lg-12"> | |
| <!-- <h4>Insert the last number output from the live roulette in the text area below.</h4>--> | |
| <h4>Insert numbers...</h4> | |
| <div class="container"> | |
| <form id="numform" class="form-inline"> | |
| <div class="form-group"><label class="sr-only" id="numlabel" for="num">LAST | |
| NUMBER</label> | |
| <input name="num" id="num" class="form-control" | |
| style="font-weight: bold; text-align: center;" | |
| required="" type="text" maxlength="2" | |
| pattern="^([1-9]|[12]\d|3[0-6]|0|91|55|88|99)$" autocomplete="off" | |
| placeholder="put last number here"></div> | |
| <div class="form-group"> | |
| <button type="submit" class="btn btn-md btn-success" id="submit" | |
| style="font-weight: bold; " name="submit">SUBMIT | |
| </button> | |
| <span id="histnum">Last numbers will appear here.</span> | |
| </form> | |
| <hr id='outsep' style="margin-top: 1em; margin-bottom: 0;"> | |
| <section style="margin-top: 1em"> | |
| <div id="z-alert" class="alert alert-success text-center hidden" | |
| style="margin-bottom:0;" | |
| role="alert"></div> | |
| <!-- <div id="z-alert" class="alert alert-success text-center hidden"--> | |
| <!-- style="margin-bottom:0;"--> | |
| <!-- role="alert"></div>--> | |
| <!-- <div id="a-info" class="alert alert-info text-center"--> | |
| <!-- style="margin-bottom:0;"--> | |
| <!-- role="alert">We need more numbers to start the algorithm.--> | |
| <!-- </div>--> | |
| <pre id="d-bug-pre" class="hidden" style="white-space: pre-wrap; /* Since CSS 2.1 */ | |
| white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ | |
| white-space: pre-wrap; /* Opera 4-6 */ | |
| white-space: -o-pre-wrap; /* Opera 7 */ | |
| word-wrap: break-word; /* Internet Explorer 5.5+ */">{DEBUG}</pre> | |
| <!-- <div id="a-danger" class="alert alert-danger text-center hidden"--> | |
| <!-- style="margin-bottom:0;"--> | |
| <!-- role="alert"></div>--> | |
| </section> | |
| <div id='output_container' class="hidden" | |
| style='margin-top:15px;display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-end; align-content: flex-end;'> | |
| <div class="fdigit">42</div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <hr> | |
| <section> | |
| <div class="container"> | |
| <div class="panel panel-primary"> | |
| <div class="panel-heading clearfix"> | |
| <span id='odino' class="panel-title">ROULETTE ASSISTANT PANEL</span> | |
| <button style="font-weight: bold;" class="btn btn-xs btn-info pull-right">Mini-Mode</button> | |
| </div> | |
| <div class="panel-body"> | |
| <div class="row"> | |
| <div class="col-lg-12"> | |
| <h4>Insert numbers...</h4> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <script id="jsbin-source-html" type="text/html"><!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="//code.jquery.com/jquery.min.js"><\/script> | |
| <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> | |
| <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"><\/script> | |
| <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| </head> | |
| <body> | |
| <div class="container containter-fluid"> | |
| <\!-- PANNELLO INSERIMENTO NUMERI --> | |
| <div class="panel panel-primary"> <\!-- PANNELLO INSERIMENTO NUMERI --> | |
| <div class="panel-heading clearfix"> | |
| <span id='odino' class="panel-title">ROULETTE ASSISTANT PANEL</span> | |
| <div class="btn-group-xs pull-right"> | |
| <button id="showdebug" type="button" style="font-weight: bold;" class="btn btn-danger" onclick="$('#d-bug-pre').toggleClass('hidden');return false;"><i class="fa fa-bug" aria-hidden="true"></i></button> | |
| <button type="button" title="All numbers are removed from memory to start a fresh session." style="font-weight: bold;" class="btn btn-success">RESTART</button> | |
| <button title="Show this panel as a pop-up. Please allow popups. -_-" type="button" style="font-weight: bold;" class="btn btn-info" onclick='window.open("https://www.100days100.com/app/play.php?mini=1","100D100-MINI","resizable=1");'><i class="fa fa-external-link" aria-hidden="true"></i></button> | |
| </div> | |
| </div> | |
| <div class="panel-body"> | |
| <div class="row"> | |
| <div class="col-lg-12"> | |
| <\!-- <h4>Insert the last number output from the live roulette in the text area below.</h4>--> | |
| <h4>Insert numbers...</h4> | |
| <div class="container"> | |
| <form id="numform" class="form-inline"> | |
| <div class="form-group"><label class="sr-only" id="numlabel" for="num">LAST | |
| NUMBER</label> | |
| <input name="num" id="num" class="form-control" | |
| style="font-weight: bold; text-align: center;" | |
| required="" type="text" maxlength="2" | |
| pattern="^([1-9]|[12]\d|3[0-6]|0|91|55|88|99)$" autocomplete="off" | |
| placeholder="put last number here"></div> | |
| <div class="form-group"> | |
| <button type="submit" class="btn btn-md btn-success" id="submit" | |
| style="font-weight: bold; " name="submit">SUBMIT | |
| </button> | |
| <span id="histnum">Last numbers will appear here.</span> | |
| </form> | |
| <hr id='outsep' style="margin-top: 1em; margin-bottom: 0;"> | |
| <section style="margin-top: 1em"> | |
| <div id="z-alert" class="alert alert-success text-center hidden" | |
| style="margin-bottom:0;" | |
| role="alert"></div> | |
| <\!-- <div id="z-alert" class="alert alert-success text-center hidden"--> | |
| <\!-- style="margin-bottom:0;"--> | |
| <\!-- role="alert"></div>--> | |
| <\!-- <div id="a-info" class="alert alert-info text-center"--> | |
| <\!-- style="margin-bottom:0;"--> | |
| <\!-- role="alert">We need more numbers to start the algorithm.--> | |
| <\!-- </div>--> | |
| <pre id="d-bug-pre" class="hidden" style="white-space: pre-wrap; /* Since CSS 2.1 */ | |
| white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ | |
| white-space: pre-wrap; /* Opera 4-6 */ | |
| white-space: -o-pre-wrap; /* Opera 7 */ | |
| word-wrap: break-word; /* Internet Explorer 5.5+ */">{DEBUG}</pre> | |
| <\!-- <div id="a-danger" class="alert alert-danger text-center hidden"--> | |
| <\!-- style="margin-bottom:0;"--> | |
| <\!-- role="alert"></div>--> | |
| </section> | |
| <div id='output_container' class="hidden" | |
| style='margin-top:15px;display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-end; align-content: flex-end;'> | |
| <div class="fdigit">42</div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <hr> | |
| <section> | |
| <div class="container"> | |
| <div class="panel panel-primary"> | |
| <div class="panel-heading clearfix"> | |
| <span id='odino' class="panel-title">ROULETTE ASSISTANT PANEL</span> | |
| <button style="font-weight: bold;" class="btn btn-xs btn-info pull-right">Mini-Mode</button> | |
| </div> | |
| <div class="panel-body"> | |
| <div class="row"> | |
| <div class="col-lg-12"> | |
| <h4>Insert numbers...</h4> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html></script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment