Snipt.net is closing on December 31st, 2016

For more information, please visit this blog post.

snipt

Ctrl+h for KB shortcuts

JavaScript

Coloured Console Logs

1
2
3
4
// The %c is the key part
console.log('%cSo colourful!', 'color: #0099FF; font-weight: bold;');

console.log('%cWhy is this even a thing?', 'color: #0099FF; font-weight: bold; display: inline-block; border: 1px solid #e1e1e1; padding: 5px; border-radius: 5px; line-height: 30px; background: #ffffff;');
https://snipt.net/embed/c3cdf79d4deb96317ab205f9802c2708/
https://snipt.net/raw/c3cdf79d4deb96317ab205f9802c2708/
c3cdf79d4deb96317ab205f9802c2708
js
JavaScript
4
2016-12-02T16:12:53
True
False
False
/api/public/snipt/147868/
coloured-console-logs
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a> <a href="#L-2">2</a> <a href="#L-3">3</a> <a href="#L-4">4</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a><span class="c1">// The %c is the key part</span> </span><span id="L-2"><a name="L-2"></a><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">&#39;%cSo colourful!&#39;</span><span class="p">,</span> <span class="s1">&#39;color: #0099FF; font-weight: bold;&#39;</span><span class="p">);</span> </span><span id="L-3"><a name="L-3"></a> </span><span id="L-4"><a name="L-4"></a><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">&#39;%cWhy is this even a thing?&#39;</span><span class="p">,</span> <span class="s1">&#39;color: #0099FF; font-weight: bold; display: inline-block; border: 1px solid #e1e1e1; padding: 5px; border-radius: 5px; line-height: 30px; background: #ffffff;&#39;</span><span class="p">);</span> </span></pre></div> </td></tr></table>
Javascript

HTML

Javascript: close window

1
2
3
<div onClick="javascript:window.close();">
    CLOSE WINDOW
</div>
https://snipt.net/embed/c6d7468a5cc402de6678671ca5f2b783/
https://snipt.net/raw/c6d7468a5cc402de6678671ca5f2b783/
c6d7468a5cc402de6678671ca5f2b783
html
HTML
4
2016-12-03T21:55:27
True
False
True
Oct 17, 2015 at 07:08 AM
/api/public/snipt/141762/
javascript-close-window
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a> <a href="#L-2">2</a> <a href="#L-3">3</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a><span class="p">&lt;</span><span class="nt">div</span> <span class="na">onClick</span><span class="o">=</span><span class="s">&quot;javascript:window.close();&quot;</span><span class="p">&gt;</span> </span><span id="L-2"><a name="L-2"></a> CLOSE WINDOW </span><span id="L-3"><a name="L-3"></a><span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span> </span></pre></div> </td></tr></table>
How, Javascript, a, close, in, to, windows

JavaScript

SnazzyMaps Styles

1
2
3
4
5
6
// Greyscale Theme
// https://snazzymaps.com/style/132/light-gray
styles: [{"featureType":"water","elementType":"geometry.fill","stylers":[{"color":"#d3d3d3"}]},{"featureType":"transit","stylers":[{"color":"#808080"},{"visibility":"off"}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"visibility":"on"},{"color":"#b3b3b3"}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"road.local","elementType":"geometry.fill","stylers":[{"visibility":"on"},{"color":"#ffffff"},{"weight":1.8}]},{"featureType":"road.local","elementType":"geometry.stroke","stylers":[{"color":"#d7d7d7"}]},{"featureType":"poi","elementType":"geometry.fill","stylers":[{"visibility":"on"},{"color":"#ebebeb"}]},{"featureType":"administrative","elementType":"geometry","stylers":[{"color":"#a7a7a7"}]},{"featureType":"road.arterial","elementType":"geometry.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"road.arterial","elementType":"geometry.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"landscape","elementType":"geometry.fill","stylers":[{"visibility":"on"},{"color":"#efefef"}]},{"featureType":"road","elementType":"labels.text.fill","stylers":[{"color":"#696969"}]},{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"visibility":"on"},{"color":"#737373"}]},{"featureType":"poi","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"poi","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"road.arterial","elementType":"geometry.stroke","stylers":[{"color":"#d6d6d6"}]},{"featureType":"road","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{},{"featureType":"poi","elementType":"geometry.fill","stylers":[{"color":"#dadada"}]}],

// Bright Theme. Used on most NBM sites.
styles: [{"featureType":"water","elementType":"all","stylers":[{"hue":"#7fc8ed"},{"saturation":55},{"lightness":-6},{"visibility":"on"}]},{"featureType":"water","elementType":"labels","stylers":[{"hue":"#7fc8ed"},{"saturation":55},{"lightness":-6},{"visibility":"off"}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"hue":"#83cead"},{"saturation":1},{"lightness":-15},{"visibility":"on"}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"hue":"#f3f4f4"},{"saturation":-84},{"lightness":59},{"visibility":"on"}]},{"featureType":"landscape","elementType":"labels","stylers":[{"hue":"#ffffff"},{"saturation":-100},{"lightness":100},{"visibility":"off"}]},{"featureType":"road","elementType":"geometry","stylers":[{"hue":"#ffffff"},{"saturation":-100},{"lightness":100},{"visibility":"on"}]},{"featureType":"road","elementType":"labels","stylers":[{"hue":"#bbbbbb"},{"saturation":-100},{"lightness":26},{"visibility":"on"}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"hue":"#ffcc00"},{"saturation":100},{"lightness":-35},{"visibility":"simplified"}]},{"featureType":"road.highway","elementType":"geometry","stylers":[{"hue":"#ffcc00"},{"saturation":100},{"lightness":-22},{"visibility":"on"}]},{"featureType":"poi.school","elementType":"all","stylers":[{"hue":"#d7e4e4"},{"saturation":-60},{"lightness":23},{"visibility":"on"}]}],
https://snipt.net/embed/5703d2435c033caeb1ecea9a92e8720e/
https://snipt.net/raw/5703d2435c033caeb1ecea9a92e8720e/
5703d2435c033caeb1ecea9a92e8720e
js
JavaScript
6
2016-12-04T12:03:20
True
False
False
Dec 17, 2015 at 10:19 PM
/api/public/snipt/140740/
snazzymaps-styles
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a> <a href="#L-2">2</a> <a href="#L-3">3</a> <a href="#L-4">4</a> <a href="#L-5">5</a> <a href="#L-6">6</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a><span class="c1">// Greyscale Theme</span> </span><span id="L-2"><a name="L-2"></a><span class="c1">// https://snazzymaps.com/style/132/light-gray</span> </span><span id="L-3"><a name="L-3"></a><span class="nx">styles</span><span class="o">:</span> <span class="p">[{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;water&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;geometry.fill&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;color&quot;</span><span class="o">:</span><span class="s2">&quot;#d3d3d3&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;transit&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;color&quot;</span><span class="o">:</span><span class="s2">&quot;#808080&quot;</span><span class="p">},{</span><span class="s2">&quot;visibility&quot;</span><span class="o">:</span><span class="s2">&quot;off&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;road.highway&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;geometry.stroke&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;visibility&quot;</span><span class="o">:</span><span class="s2">&quot;on&quot;</span><span class="p">},{</span><span class="s2">&quot;color&quot;</span><span class="o">:</span><span class="s2">&quot;#b3b3b3&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;road.highway&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;geometry.fill&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;color&quot;</span><span class="o">:</span><span class="s2">&quot;#ffffff&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;road.local&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;geometry.fill&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;visibility&quot;</span><span class="o">:</span><span class="s2">&quot;on&quot;</span><span class="p">},{</span><span class="s2">&quot;color&quot;</span><span class="o">:</span><span class="s2">&quot;#ffffff&quot;</span><span class="p">},{</span><span class="s2">&quot;weight&quot;</span><span class="o">:</span><span class="mf">1.8</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;road.local&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;geometry.stroke&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;color&quot;</span><span class="o">:</span><span class="s2">&quot;#d7d7d7&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;poi&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;geometry.fill&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;visibility&quot;</span><span class="o">:</span><span class="s2">&quot;on&quot;</span><span class="p">},{</span><span class="s2">&quot;color&quot;</span><span class="o">:</span><span class="s2">&quot;#ebebeb&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;administrative&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;geometry&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;color&quot;</span><span class="o">:</span><span class="s2">&quot;#a7a7a7&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;road.arterial&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;geometry.fill&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;color&quot;</span><span class="o">:</span><span class="s2">&quot;#ffffff&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;road.arterial&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;geometry.fill&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;color&quot;</span><span class="o">:</span><span class="s2">&quot;#ffffff&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;landscape&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;geometry.fill&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;visibility&quot;</span><span class="o">:</span><span class="s2">&quot;on&quot;</span><span class="p">},{</span><span class="s2">&quot;color&quot;</span><span class="o">:</span><span class="s2">&quot;#efefef&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;road&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;labels.text.fill&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;color&quot;</span><span class="o">:</span><span class="s2">&quot;#696969&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;administrative&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;labels.text.fill&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;visibility&quot;</span><span class="o">:</span><span class="s2">&quot;on&quot;</span><span class="p">},{</span><span class="s2">&quot;color&quot;</span><span class="o">:</span><span class="s2">&quot;#737373&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;poi&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;labels.icon&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;visibility&quot;</span><span class="o">:</span><span class="s2">&quot;off&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;poi&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;labels&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;visibility&quot;</span><span class="o">:</span><span class="s2">&quot;off&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;road.arterial&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;geometry.stroke&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;color&quot;</span><span class="o">:</span><span class="s2">&quot;#d6d6d6&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;road&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;labels.icon&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;visibility&quot;</span><span class="o">:</span><span class="s2">&quot;off&quot;</span><span class="p">}]},{},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;poi&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;geometry.fill&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;color&quot;</span><span class="o">:</span><span class="s2">&quot;#dadada&quot;</span><span class="p">}]}],</span> </span><span id="L-4"><a name="L-4"></a> </span><span id="L-5"><a name="L-5"></a><span class="c1">// Bright Theme. Used on most NBM sites.</span> </span><span id="L-6"><a name="L-6"></a><span class="nx">styles</span><span class="o">:</span> <span class="p">[{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;water&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;all&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;hue&quot;</span><span class="o">:</span><span class="s2">&quot;#7fc8ed&quot;</span><span class="p">},{</span><span class="s2">&quot;saturation&quot;</span><span class="o">:</span><span class="mi">55</span><span class="p">},{</span><span class="s2">&quot;lightness&quot;</span><span class="o">:-</span><span class="mi">6</span><span class="p">},{</span><span class="s2">&quot;visibility&quot;</span><span class="o">:</span><span class="s2">&quot;on&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;water&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;labels&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;hue&quot;</span><span class="o">:</span><span class="s2">&quot;#7fc8ed&quot;</span><span class="p">},{</span><span class="s2">&quot;saturation&quot;</span><span class="o">:</span><span class="mi">55</span><span class="p">},{</span><span class="s2">&quot;lightness&quot;</span><span class="o">:-</span><span class="mi">6</span><span class="p">},{</span><span class="s2">&quot;visibility&quot;</span><span class="o">:</span><span class="s2">&quot;off&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;poi.park&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;geometry&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;hue&quot;</span><span class="o">:</span><span class="s2">&quot;#83cead&quot;</span><span class="p">},{</span><span class="s2">&quot;saturation&quot;</span><span class="o">:</span><span class="mi">1</span><span class="p">},{</span><span class="s2">&quot;lightness&quot;</span><span class="o">:-</span><span class="mi">15</span><span class="p">},{</span><span class="s2">&quot;visibility&quot;</span><span class="o">:</span><span class="s2">&quot;on&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;landscape&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;geometry&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;hue&quot;</span><span class="o">:</span><span class="s2">&quot;#f3f4f4&quot;</span><span class="p">},{</span><span class="s2">&quot;saturation&quot;</span><span class="o">:-</span><span class="mi">84</span><span class="p">},{</span><span class="s2">&quot;lightness&quot;</span><span class="o">:</span><span class="mi">59</span><span class="p">},{</span><span class="s2">&quot;visibility&quot;</span><span class="o">:</span><span class="s2">&quot;on&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;landscape&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;labels&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;hue&quot;</span><span class="o">:</span><span class="s2">&quot;#ffffff&quot;</span><span class="p">},{</span><span class="s2">&quot;saturation&quot;</span><span class="o">:-</span><span class="mi">100</span><span class="p">},{</span><span class="s2">&quot;lightness&quot;</span><span class="o">:</span><span class="mi">100</span><span class="p">},{</span><span class="s2">&quot;visibility&quot;</span><span class="o">:</span><span class="s2">&quot;off&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;road&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;geometry&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;hue&quot;</span><span class="o">:</span><span class="s2">&quot;#ffffff&quot;</span><span class="p">},{</span><span class="s2">&quot;saturation&quot;</span><span class="o">:-</span><span class="mi">100</span><span class="p">},{</span><span class="s2">&quot;lightness&quot;</span><span class="o">:</span><span class="mi">100</span><span class="p">},{</span><span class="s2">&quot;visibility&quot;</span><span class="o">:</span><span class="s2">&quot;on&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;road&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;labels&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;hue&quot;</span><span class="o">:</span><span class="s2">&quot;#bbbbbb&quot;</span><span class="p">},{</span><span class="s2">&quot;saturation&quot;</span><span class="o">:-</span><span class="mi">100</span><span class="p">},{</span><span class="s2">&quot;lightness&quot;</span><span class="o">:</span><span class="mi">26</span><span class="p">},{</span><span class="s2">&quot;visibility&quot;</span><span class="o">:</span><span class="s2">&quot;on&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;road.arterial&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;geometry&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;hue&quot;</span><span class="o">:</span><span class="s2">&quot;#ffcc00&quot;</span><span class="p">},{</span><span class="s2">&quot;saturation&quot;</span><span class="o">:</span><span class="mi">100</span><span class="p">},{</span><span class="s2">&quot;lightness&quot;</span><span class="o">:-</span><span class="mi">35</span><span class="p">},{</span><span class="s2">&quot;visibility&quot;</span><span class="o">:</span><span class="s2">&quot;simplified&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;road.highway&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;geometry&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;hue&quot;</span><span class="o">:</span><span class="s2">&quot;#ffcc00&quot;</span><span class="p">},{</span><span class="s2">&quot;saturation&quot;</span><span class="o">:</span><span class="mi">100</span><span class="p">},{</span><span class="s2">&quot;lightness&quot;</span><span class="o">:-</span><span class="mi">22</span><span class="p">},{</span><span class="s2">&quot;visibility&quot;</span><span class="o">:</span><span class="s2">&quot;on&quot;</span><span class="p">}]},{</span><span class="s2">&quot;featureType&quot;</span><span class="o">:</span><span class="s2">&quot;poi.school&quot;</span><span class="p">,</span><span class="s2">&quot;elementType&quot;</span><span class="o">:</span><span class="s2">&quot;all&quot;</span><span class="p">,</span><span class="s2">&quot;stylers&quot;</span><span class="o">:</span><span class="p">[{</span><span class="s2">&quot;hue&quot;</span><span class="o">:</span><span class="s2">&quot;#d7e4e4&quot;</span><span class="p">},{</span><span class="s2">&quot;saturation&quot;</span><span class="o">:-</span><span class="mi">60</span><span class="p">},{</span><span class="s2">&quot;lightness&quot;</span><span class="o">:</span><span class="mi">23</span><span class="p">},{</span><span class="s2">&quot;visibility&quot;</span><span class="o">:</span><span class="s2">&quot;on&quot;</span><span class="p">}]}],</span> </span></pre></div> </td></tr></table>
Javascript, Maps

JavaScript

Add "Post to Diigo" button on website

1
2
3
<a href="#" onclick="window.open('https://www.diigo.com/post?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), '_blank', 'menubar=no,height=580,width=608,toolbar=no'); return false;">
  <img src="https://lh4.ggpht.com/PaV4x6Q92xFbKHOyS-FpZ7jzWDdAWrnhOAb0d8t_SODgsXWHhO8PNCvLkQWU-k3vwPQO=w50" height="16" width="16" alt="Diigo"> Post to Diigo
</a>
https://snipt.net/embed/aa961ad938bc257125e25424a38fd8ca/
https://snipt.net/raw/aa961ad938bc257125e25424a38fd8ca/
aa961ad938bc257125e25424a38fd8ca
js
JavaScript
3
2016-11-30T10:03:25
True
False
False
/api/public/snipt/127519/
add-post-to-diigo-button-on-website
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a> <a href="#L-2">2</a> <a href="#L-3">3</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a><span class="o">&lt;</span><span class="nx">a</span> <span class="nx">href</span><span class="o">=</span><span class="s2">&quot;#&quot;</span> <span class="nx">onclick</span><span class="o">=</span><span class="s2">&quot;window.open(&#39;https://www.diigo.com/post?url=&#39;+encodeURIComponent(location.href)+&#39;&amp;title=&#39;+encodeURIComponent(document.title), &#39;_blank&#39;, &#39;menubar=no,height=580,width=608,toolbar=no&#39;); return false;&quot;</span><span class="o">&gt;</span> </span><span id="L-2"><a name="L-2"></a> <span class="o">&lt;</span><span class="nx">img</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;https://lh4.ggpht.com/PaV4x6Q92xFbKHOyS-FpZ7jzWDdAWrnhOAb0d8t_SODgsXWHhO8PNCvLkQWU-k3vwPQO=w50&quot;</span> <span class="nx">height</span><span class="o">=</span><span class="s2">&quot;16&quot;</span> <span class="nx">width</span><span class="o">=</span><span class="s2">&quot;16&quot;</span> <span class="nx">alt</span><span class="o">=</span><span class="s2">&quot;Diigo&quot;</span><span class="o">&gt;</span> <span class="nx">Post</span> <span class="nx">to</span> <span class="nx">Diigo</span> </span><span id="L-3"><a name="L-3"></a><span class="o">&lt;</span><span class="err">/a&gt;</span> </span></pre></div> </td></tr></table>
"Social Share", Diigo, Javascript
Copyrighted, illegal, or inappropriate content? Email [email protected].