Widget:WJG Random Sandbox: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 361: | Line 361: | ||
border-bottom: 10px solid white; | border-bottom: 10px solid white; | ||
} | } | ||
#wjgContainer { font-family:Arial, Helvetica, Sans-Serif; font-size:0.8em;} | |||
#report { border-collapse:collapse; | |||
width:90%} | |||
#report h4 { margin:0px; padding:0px;} | |||
#report img { float:right;} | |||
#report ul { margin:10px 0 10px 40px; padding:0px;} | |||
#report th { background:#7CB8E2 url(http://www.jankoatwarpspeed.com/wp-content/uploads/examples/expandable-rows/header_bkg.png) repeat-x scroll center left; color:#fff; padding:7px 15px; text-align:left;} | |||
#report td { background:#C7DDEE none repeat-x scroll center left; color:#000; padding:7px 15px; } | |||
#report tr.odd td { background:#fff url(http://www.jankoatwarpspeed.com/wp-content/uploads/examples/expandable-rows/row_bkg.png) repeat-x scroll center left; cursor:pointer; } | |||
#report div.arrow { background:transparent url(http://www.jankoatwarpspeed.com/wp-content/uploads/examples/expandable-rows/arrows.png) no-repeat scroll 0px -16px; width:16px; height:16px; display:block;} | |||
#report div.up { background-position:0px 0px;} | |||
#tableContainer { | |||
overflow-y: scroll; | |||
height: 300px;} | |||
#metrics{ | |||
width:80%; | |||
text-align: center; | |||
} | |||
#tableContainer .cell{ | |||
width:20%; | |||
text-align: center; | |||
display: inline-block; | |||
} | |||
#tableContainer span{ | |||
width:100%; | |||
} | |||
</style> | </style> | ||
<script type="text/javascript">function ensureLoggedIn() { | <script type="text/javascript">function ensureLoggedIn() { | ||
| Line 520: | Line 550: | ||
"</td>" + | "</td>" + | ||
"</tr>"; | "</tr>"; | ||
$( "tbody" ).append( wjg_string ); | $( "#report tbody" ).append( wjg_string ); | ||
outstring += "<div id='"+value.id+"'><span class='cell'>"+value.id+"</span><span class='cell'>"+timeBegin+"</span><span class='cell'>"+scoreString+"</span><span class='cell'>"+timeEnd+"</span><span class='cell'>"+value.type+"</span>"; | outstring += "<div id='"+value.id+"'><span class='cell'>"+value.id+"</span><span class='cell'>"+timeBegin+"</span><span class='cell'>"+scoreString+"</span><span class='cell'>"+timeEnd+"</span><span class='cell'>"+value.type+"</span>"; | ||
outstring += "<div>"; | outstring += "<div>"; | ||