A quick example showing how fixed table headers can be created with a single semantic table and no JavaScript.
Supports IE10 and up. Degrades nicely to IE < 10 though, the table simply isn't scrollable anymore.
A Pen by TJ VanToll on CodePen.
package | |
{ | |
public class TimeZoneUtil | |
{ | |
import com.adobe.utils.DateUtil; | |
/** | |
* List of timezone abbreviations and matching GMT times. | |
* Modified form original code at: | |
* http://blog.flexexamples.com/2009/07/27/parsing-dates-with-timezones-in-flex/ |
// Source by http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-columns-of-same-height | |
// columns of same height styles | |
.container-xs-height { | |
display:table; | |
padding-left:0px; | |
padding-right:0px; | |
} | |
.row-xs-height { | |
display:table-row; |
<ul> | |
<li>Jon | |
<ul> | |
<li>Bob</li> | |
<li>Jim</li> | |
<li>Dave</li> | |
</ul> | |
</li> | |
<li>Rob</li> | |
<li>Matt |
A quick example showing how fixed table headers can be created with a single semantic table and no JavaScript.
Supports IE10 and up. Degrades nicely to IE < 10 though, the table simply isn't scrollable anymore.
A Pen by TJ VanToll on CodePen.
When using directives, you often need to pass parameters to the directive. This can be done in several ways. The first 3 can be used whether scope is true or false. This is still a WIP, so validate for yourself.
Raw Attribute Strings
<div my-directive="some string" another-param="another string"></div>
When using directives, you often need to pass parameters to the directive. This can be done in several ways. The first 3 can be used whether scope is true or false. This is still a WIP, so validate for yourself.
Raw Attribute Strings
<div my-directive="some string" another-param="another string"></div>
// Demo: http://jsfiddle.net/pFaSx/ | |
// Create an invisible iframe | |
var iframe = document.createElement('iframe'); | |
iframe.id = "hacky-scrollbar-resize-listener"; | |
iframe.style.cssText = 'height: 0; background-color: transparent; margin: 0; padding: 0; overflow: hidden; border-width: 0; position: absolute; width: 100%;'; | |
// Register our event when the iframe loads | |
iframe.onload = function() { | |
// The trick here is that because this iframe has 100% width |
/* | |
AngularJS v1.1.4 | |
(c) 2010-2012 Google, Inc. http://angularjs.org | |
License: MIT | |
*/ | |
(function(M,V,s){'use strict';function gc(){var b=M.angular;M.angular=hc;return b}function o(b,a,c){var d;if(b)if(I(b))for(d in b)d!="prototype"&&d!="length"&&d!="name"&&b.hasOwnProperty(d)&&a.call(c,b[d],d);else if(b.forEach&&b.forEach!==o)b.forEach(a,c);else if(!b||typeof b.length!=="number"?0:typeof b.hasOwnProperty!="function"&&typeof b.constructor!="function"||b instanceof P||ca&&b instanceof ca||Da.call(b)!=="[object Object]"||typeof b.callee==="function")for(d=0;d<b.length;d++)a.call(c,b[d], | |
d);else for(d in b)b.hasOwnProperty(d)&&a.call(c,b[d],d);return b}function rb(b){var a=[],c;for(c in b)b.hasOwnProperty(c)&&a.push(c);return a.sort()}function ic(b,a,c){for(var d=rb(b),e=0;e<d.length;e++)a.call(c,b[d[e]],d[e]);return d}function sb(b){return function(a,c){b(c,a)}}function Ea(){for(var b=Z.length,a;b;){b--;a=Z[b].charCodeAt(0);if(a==57)return Z[b]="A",Z.join("");if(a==90)Z[b]="0";else return Z[b]=String.fromCharCod |
<!DOCTYPE html> | |
<html ng-app="myApp"> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<title>My AngularJS App</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> |
/** | |
* box shadow on three sides, two sides, one side | |
*/ | |
/* I think they look more like borders when done like this */ | |
div { | |
width: 150px; | |
height: 150px; | |
margin: 25px; | |
/**border: solid 5px orange;/**/ |