|
@@ -184,27 +184,20 @@
|
|
|
<section>
|
|
|
<h2>Pretty Code</h2>
|
|
|
<pre><code contenteditable>
|
|
|
-var supports3DTransforms = document.body.style['webkitPerspective'] !== undefined ||
|
|
|
- document.body.style['MozPerspective'] !== undefined ||
|
|
|
- document.body.style['perspective'] !== undefined;
|
|
|
-
|
|
|
function linkify( selector ) {
|
|
|
- if( supports3DTransforms ) {
|
|
|
-
|
|
|
- var nodes = document.querySelectorAll( selector );
|
|
|
-
|
|
|
- for( var i = 0, len = nodes.length; i < len; i++ ) {
|
|
|
- var node = nodes[i];
|
|
|
-
|
|
|
- if( !node.className || !node.className.match( /roll/g ) ) {
|
|
|
- node.className += ' roll';
|
|
|
- node.innerHTML = '<span data-title="'+ node.text +'">' + node.innerHTML + '</span>';
|
|
|
- }
|
|
|
- };
|
|
|
- }
|
|
|
+ if( supports3DTransforms ) {
|
|
|
+
|
|
|
+ var nodes = document.querySelectorAll( selector );
|
|
|
+
|
|
|
+ for( var i = 0, len = nodes.length; i < len; i++ ) {
|
|
|
+ var node = nodes[i];
|
|
|
+
|
|
|
+ if( !node.className ) ) {
|
|
|
+ node.className += ' roll';
|
|
|
+ }
|
|
|
+ };
|
|
|
+ }
|
|
|
}
|
|
|
-
|
|
|
-linkify( 'a' );
|
|
|
</code></pre>
|
|
|
<p>Courtesy of <a href="http://softwaremaniacs.org/soft/highlight/en/description/">highlight.js</a>.</p>
|
|
|
</section>
|