Skip to content

Instantly share code, notes, and snippets.

@scopevale
scopevale / fiddle.css
Created January 23, 2012 16:20
jsFiddle demo - Table Sort (jQuery)
table {
border: solid 1px #fc0;
border-collapse: collapse;
}
table caption {
font-weight: bold;
font-size: 125%;
text-transform: uppercase;
}
@scopevale
scopevale / fiddle.css
Created January 23, 2012 19:54
jQuery CookBook - 6.2 dimensions of an element
#myDiv {
border: 1px solid red;
margin: 10px;
}
@scopevale
scopevale / fiddle.css
Created January 24, 2012 12:00
jQuery UI 1.8 - calculator demo
.ui-calculator { width:9.65em; }
.ui-calculator-container { padding:.2em .2em 0; }
.ui-calculator-display { width:12.3em; padding:.3em; margin-bottom:.3em; font-size:0.7em; overflow:auto; }
.ui-calculator-numberpad, .ui-calculator-functionpad { width:7em; float:left; }
.ui-calculator-functionpad { width:2em; }
.ui-calculator li { float:left; margin:0 .2em .2em 0; }
.ui-calculator-button { display:block; width:2em; height:1.2em; padding:.3em 0 .5em; text-align:center; border:0; }
.ui-calculator-button-wide { width:4.3em; }
.ui-calculator-icon { margin:.2em auto; }
@scopevale
scopevale / fiddle.css
Created January 25, 2012 10:48
jsFiddle demo - $.getJSON & jQuery template demo
body {
font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #4f6b72;
background: #E6EAE9;
}
a {
color: #c75f3e;
}
@scopevale
scopevale / fiddle.html
Created January 26, 2012 17:17
jsFiddle/Gist demo - jQuery UI DatePicker
<div class="demo">
<p>Date: <input type="text" id="datepicker"></p>
</div>
@scopevale
scopevale / fiddle.html
Created January 26, 2012 21:02
jsFiddle demo - setTimeout()
<button id="button1">
show an alert box after 4 seconds
</button><br>
<button id="button2">Cancel</button><br/>
<button id="button3">Click Me</button><br/>
@scopevale
scopevale / fiddle.css
Created January 26, 2012 23:22
jsFiddle demo - jQuery delay()
div { position: absolute; width: 60px; height: 60px; float: left; top: 30px; }
.first { background-color: #3f3; left: 0; }
.second { background-color: #33f; left: 80px; }
.third { background-color: #f33; left: 0; top: 135px; }
@scopevale
scopevale / fiddle.html
Created January 27, 2012 09:18
jsFiddle/Gist demo - jQuery selectors
<div id="container">
<div id="sub1">
<div id="sub2">
<div id="sub3">
<div id="sub4">
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
@scopevale
scopevale / rosterGroups_byPeriodDay.json
Created January 30, 2012 16:17
CAS JSON data files
[{"info":{"session_id":"2","gid":"week_begin_date","week_begin_date":"2012-01-30","week_begin_ts":1327881600,"week_end_date":"2012-02-05","week_end_ts":1328400000,"links":{"print_link":"http:\/\/gjs-cas.workbuddy\/roster\/print\/2,2,,2,"},"group_by":"period","subgroup_by":"day","num_shifts":{"1327881600":3,"1327968000":3,"1328054400":3,"1328140800":3,"1328227200":3,"1328313600":3,"1328400000":2},"group_bill_cost":0,"group_cost":1101.102,"group_hours":141.5,"group_hours_breaks":128.5,"group_hours_with_leave":141.5,"group_hours_breaks_with_leave":128.5,"daily_costs":{"1327881600":186.7517,"1327968000":176.2606,"1328054400":136.7513,"1328140800":178.3006,"1328227200":173.4204,"1328313600":151.4118,"1328400000":98.2056},"daily_hours":{"1327881600":22.5,"1327968000":21,"1328054400":21,"1328140800":21,"1328227200":22.5,"1328313600":22,"1328400000":11.5},"daily_hours_breaks":{"1327881600":20.5,"1327968000":19,"1328054400":19,"1328140800":19,"1328227200":20.5,"1328313600":20,"1328400000":10.5},"daily_hours_with_leave
@scopevale
scopevale / fiddle.html
Created February 8, 2012 10:59
Prototype jQuery noConflict test - 1
<a href="#" id="show_cols" class="pos_r" onClick="return false">Show Columns</a><div style='clear:right;display:none'></div>
<div id="show_cols_blk" class="modal1" style="display: none">
<ul id="list_to_sort" class="ltable">
<li class="lrow ltab">
<div class="lcell l1"><input type="checkbox" onclick="checkall('show_cols[]',this,this.up('form'));" name="dummy" value=""></div>
<div class="lcell l2 ll">Column</div>
<div class="lclear"></div>
</li>
<li id="order_1" class="lrow ls "><div class="lcell l1"><input type="checkbox" name="show_cols[]" value="display_name" checked "/></div><div class="lcell l2 ll">Display Name</div><div class="lclear"></div></li><li id="order_2" class="lrow ls lhighlight"><div class="lcell l1"><input type="checkbox" name="show_cols[]" value="staff_work_id" checked "/></div><div class="lcell l2 ll">Staff Work Id</div><div class="lclear"></div></li><li id="order_3" class="lrow ls "><div class="lcell l1"><input type="checkbox" name="show_cols[]" value="position" checked