Execute
Save
Share
Share link
share
share
share
Team
Public Teams
Comments
0
Created By:
Guest
Title:
Title
Description
Edit
Copy Link
Login
Email *
Password *
Login
OR
Create Account
Screen Name *
Email *
Password *
Retype Password *
Team Access Code
Register
Public CodeBins
HELP
--Select Theme--
Ambiance
Blackboard
Cobalt
Eclipse
Elegant
Erlang-Dark
Lesser-Dark
Monokai
Neat
Night
Rubyblue
Vibrant-Ink
Xq-Dark
New CodeBin
CodeBins Versions
07/25/2016- V.3
07/25/2016- V.2
07/25/2016- V.1
Compare Versions
Recent CodeBins
View All CodeBins
$(document).ready(function() { var numDigits = 10; var timeDelay = numDigits * 1000; function createDropdowns() { var digitDropdown = $("<select>").change(function() { numDigits = $(this).val(); }); var timeDropdown = $("<select>").change(function() { timeDelay = $(this).val(); }); for (var i = 2; i <= 20; i += 2) { if (i == numDigits) { timeDropdown.append($("<option>").attr("value", i * 1000).attr("selected", "selected").append(i * 1000)); digitDropdown.append($("<option>").attr("value", i).attr("selected", "selected").append(i)); } else { timeDropdown.append($("<option>").attr("value", i * 1000).append(i * 1000)); digitDropdown.append($("<option>").attr("value", i).append(i)); } } $("#dropdowns").append($("<span>").append("Number of digits ").append(digitDropdown).append("<br>").append("<br>")).append($("<span>").append("Time delay ").append(timeDropdown).append("<br>").append("<br>")); var button = $("<button>").attr("id", "butt").html("Go"); button.click(function() { var classCheck = $("tr#row2").hasClass("invisible"); if (classCheck) { $("#table").removeClass("invisible"); $("tr#row2").removeClass("invisible"); $(this).html("Go!"); } else { generate(); $(this).html("Reveal"); } }); $("#makeItSo").append(button); } function generate() { var mainTable = $("<table>").attr("id", "table"); var mainTableRow1 = $("<tr>").attr("id", "row1"); for (var i = 1; i <= numDigits; i++) { mainTableRow1.append($("<td>").attr("id", "dg" + i).append(Math.floor(Math.random() * 1000 % 10))); } var mainTableRow2 = $("<tr>").attr("id", "row2").addClass("invisible"); for (i = 2; i <= numDigits; i += 2) { mainTableRow2.append($("<td>").attr("id", "peg" + i).attr("colspan", 2).append("xxx")); } mainTable.append(mainTableRow1).append(mainTableRow2); $("#main").html("").append(mainTable); $("#butt").addClass("invisible"); setTimeout(function() { $("#butt").removeClass("invisible"); mainTable.addClass("invisible"); }, timeDelay); } createDropdowns(); });
Bottom of Page
In Head
On Load
On Ready
Setting
Validate
Copy
Format
.invisible { display: none; }
Setting
Validate
Copy
Format
<div id="dropdowns"></div> <div id="main"></div> <br><br> <div id="makeItSo"></div>
No Doc Type
HTML5
HTML 4.01 Transitional
HTML 4.01 Strict
HTML 4.01 Frameset
XHTML 1.1
XHTML 1.0 Transitional
XHTML 1.0 Strict
XHTML 1.0 Frameset
Copy
Format
Download
×
Code Description
×
Difference of Versions
HTML
CSS
JS
×
JS Error
×
CSS Error
Errors
Warnings
×
JavaScript Setting
JS Libraries:
Chrome Frame 1.0.3
Dojo 1.8.0
Dojo 1.7.3
Dojo 1.7.2
Ext Core 3.1.0
jQuery 1.8.0
jQuery 1.7.2
jQuery 1.6.0
jQuery 1.5.0
jQuery 1.4.4
jQuery 1.4.0
jQuery-min 1.7.2
jQueryUI-min 1.8.21
MooTools more-1.4.0.1-full
MooTools core-1.4.5-full
MooTools core-1.4.1-full
Prototype 1.7.1.0
script.aculo.us 1.9.0
SWFObject 2.2
Twitter Bootstrap 2.0.4
WebFont Loader 1.0.28
yui 3.5.1
User Libraries:
Upload File
JavaScript URL(s):
×
CSS Setting
CSS Libraries:
jQueryUI 1.8.21
Twitter Bootstrap 2.0.4
User Libraries:
Upload File
CSS URL(s):