snipt

Ctrl+h for KB shortcuts

HTML

Sticky Footer

1
2
3
4
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
function positionFooter() { var mFoo = $("footer"); if ((($(document.body).height() + mFoo.outerHeight()) < $(window).height() && mFoo.css("position") == "fixed") || ($(document.body).height() < $(window).height() && mFoo.css("position") != "fixed")) { mFoo.css({ position: "fixed", bottom: "0px" }); } else { mFoo.css({ position: "static" }); } } $(document).ready(function () { positionFooter(); $(window).scroll(positionFooter); $(window).resize(positionFooter); $(window).load(positionFooter); });
</script>
https://snipt.net/embed/e5ff355046c146ec7290857527812231/
/raw/e5ff355046c146ec7290857527812231/
e5ff355046c146ec7290857527812231
html
HTML
4
2019-07-15T16:59:31
True
False
False
Oct 17, 2013 at 04:12 PM
/api/public/snipt/88369/
sticky-footer-8
<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="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span> </span><span id="L-2"><a name="L-2"></a><span class="p">&lt;</span><span class="nt">script</span><span class="p">&gt;</span> </span><span id="L-3"><a name="L-3"></a><span class="kd">function</span> <span class="nx">positionFooter</span><span class="p">()</span> <span class="p">{</span> <span class="kd">var</span> <span class="nx">mFoo</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="s2">&quot;footer&quot;</span><span class="p">);</span> <span class="k">if</span> <span class="p">(((</span><span class="nx">$</span><span class="p">(</span><span class="nb">document</span><span class="p">.</span><span class="nx">body</span><span class="p">).</span><span class="nx">height</span><span class="p">()</span> <span class="o">+</span> <span class="nx">mFoo</span><span class="p">.</span><span class="nx">outerHeight</span><span class="p">())</span> <span class="o">&lt;</span> <span class="nx">$</span><span class="p">(</span><span class="nb">window</span><span class="p">).</span><span class="nx">height</span><span class="p">()</span> <span class="o">&amp;&amp;</span> <span class="nx">mFoo</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s2">&quot;position&quot;</span><span class="p">)</span> <span class="o">==</span> <span class="s2">&quot;fixed&quot;</span><span class="p">)</span> <span class="o">||</span> <span class="p">(</span><span class="nx">$</span><span class="p">(</span><span class="nb">document</span><span class="p">.</span><span class="nx">body</span><span class="p">).</span><span class="nx">height</span><span class="p">()</span> <span class="o">&lt;</span> <span class="nx">$</span><span class="p">(</span><span class="nb">window</span><span class="p">).</span><span class="nx">height</span><span class="p">()</span> <span class="o">&amp;&amp;</span> <span class="nx">mFoo</span><span class="p">.</span><span class="nx">css</span><span class="p">(</span><span class="s2">&quot;position&quot;</span><span class="p">)</span> <span class="o">!=</span> <span class="s2">&quot;fixed&quot;</span><span class="p">))</span> <span class="p">{</span> <span class="nx">mFoo</span><span class="p">.</span><span class="nx">css</span><span class="p">({</span> <span class="nx">position</span><span class="o">:</span> <span class="s2">&quot;fixed&quot;</span><span class="p">,</span> <span class="nx">bottom</span><span class="o">:</span> <span class="s2">&quot;0px&quot;</span> <span class="p">});</span> <span class="p">}</span> <span class="k">else</span> <span class="p">{</span> <span class="nx">mFoo</span><span class="p">.</span><span class="nx">css</span><span class="p">({</span> <span class="nx">position</span><span class="o">:</span> <span class="s2">&quot;static&quot;</span> <span class="p">});</span> <span class="p">}</span> <span class="p">}</span> <span class="nx">$</span><span class="p">(</span><span class="nb">document</span><span class="p">).</span><span class="nx">ready</span><span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="nx">positionFooter</span><span class="p">();</span> <span class="nx">$</span><span class="p">(</span><span class="nb">window</span><span class="p">).</span><span class="nx">scroll</span><span class="p">(</span><span class="nx">positionFooter</span><span class="p">);</span> <span class="nx">$</span><span class="p">(</span><span class="nb">window</span><span class="p">).</span><span class="nx">resize</span><span class="p">(</span><span class="nx">positionFooter</span><span class="p">);</span> <span class="nx">$</span><span class="p">(</span><span class="nb">window</span><span class="p">).</span><span class="nx">load</span><span class="p">(</span><span class="nx">positionFooter</span><span class="p">);</span> <span class="p">});</span> </span><span id="L-4"><a name="L-4"></a><span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span> </span></pre></div> </td></tr></table>
css, footer, jquery, sticky

JavaScript

javascript: browser detection

1
2
3
4
5
6
7
// javascript: browser detection

var ie = function(){ return navigator.userAgent.indexOf('MSIE') != -1; }
var safari = function(){ return navigator.vendor != undefined && navigator.vendor.indexOf("Apple") != -1; }
var chrome = function(){ return navigator.vendor != undefined && navigator.vendor.indexOf('Google') != -1; }
var firefox = function(){ return (navigator.userAgent.indexOf('Mozilla') != -1 && navigator.vendor != undefined && navigator.vendor == ''); }
var windows = function(){ return navigator.platform == "Win32"; }
https://snipt.net/embed/da90c87c5420efbd4e3434532b703052/
/raw/da90c87c5420efbd4e3434532b703052/
da90c87c5420efbd4e3434532b703052
js
JavaScript
7
2019-07-08T08:19:41
True
False
False
Sep 08, 2012 at 08:33 PM
/api/public/snipt/46917/
javascript-browser-detection
<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> <a href="#L-7">7</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">// javascript: browser detection</span> </span><span id="L-2"><a name="L-2"></a> </span><span id="L-3"><a name="L-3"></a><span class="kd">var</span> <span class="nx">ie</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(){</span> <span class="k">return</span> <span class="nx">navigator</span><span class="p">.</span><span class="nx">userAgent</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="s1">&#39;MSIE&#39;</span><span class="p">)</span> <span class="o">!=</span> <span class="o">-</span><span class="mi">1</span><span class="p">;</span> <span class="p">}</span> </span><span id="L-4"><a name="L-4"></a><span class="kd">var</span> <span class="nx">safari</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(){</span> <span class="k">return</span> <span class="nx">navigator</span><span class="p">.</span><span class="nx">vendor</span> <span class="o">!=</span> <span class="kc">undefined</span> <span class="o">&amp;&amp;</span> <span class="nx">navigator</span><span class="p">.</span><span class="nx">vendor</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="s2">&quot;Apple&quot;</span><span class="p">)</span> <span class="o">!=</span> <span class="o">-</span><span class="mi">1</span><span class="p">;</span> <span class="p">}</span> </span><span id="L-5"><a name="L-5"></a><span class="kd">var</span> <span class="nx">chrome</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(){</span> <span class="k">return</span> <span class="nx">navigator</span><span class="p">.</span><span class="nx">vendor</span> <span class="o">!=</span> <span class="kc">undefined</span> <span class="o">&amp;&amp;</span> <span class="nx">navigator</span><span class="p">.</span><span class="nx">vendor</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="s1">&#39;Google&#39;</span><span class="p">)</span> <span class="o">!=</span> <span class="o">-</span><span class="mi">1</span><span class="p">;</span> <span class="p">}</span> </span><span id="L-6"><a name="L-6"></a><span class="kd">var</span> <span class="nx">firefox</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(){</span> <span class="k">return</span> <span class="p">(</span><span class="nx">navigator</span><span class="p">.</span><span class="nx">userAgent</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="s1">&#39;Mozilla&#39;</span><span class="p">)</span> <span class="o">!=</span> <span class="o">-</span><span class="mi">1</span> <span class="o">&amp;&amp;</span> <span class="nx">navigator</span><span class="p">.</span><span class="nx">vendor</span> <span class="o">!=</span> <span class="kc">undefined</span> <span class="o">&amp;&amp;</span> <span class="nx">navigator</span><span class="p">.</span><span class="nx">vendor</span> <span class="o">==</span> <span class="s1">&#39;&#39;</span><span class="p">);</span> <span class="p">}</span> </span><span id="L-7"><a name="L-7"></a><span class="kd">var</span> <span class="nx">windows</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(){</span> <span class="k">return</span> <span class="nx">navigator</span><span class="p">.</span><span class="nx">platform</span> <span class="o">==</span> <span class="s2">&quot;Win32&quot;</span><span class="p">;</span> <span class="p">}</span> </span></pre></div> </td></tr></table>
brower, detection, ie, javascript

Bash

Force static page load

1
2
3
# rbanh: force static page load.
# bypass index.php for wordpress, ee, etc.
RewriteRule ^bookaroom$ - [PT,L]
https://snipt.net/embed/327158855b2f8962fe989677ff8891a6/
/raw/327158855b2f8962fe989677ff8891a6/
327158855b2f8962fe989677ff8891a6
bash
Bash
3
2019-07-01T14:03:33
True
False
False
/api/public/snipt/39154/
force-static-page-load
<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="c1"># rbanh: force static page load.</span> </span><span id="L-2"><a name="L-2"></a><span class="c1"># bypass index.php for wordpress, ee, etc.</span> </span><span id="L-3"><a name="L-3"></a>RewriteRule ^bookaroom$ - <span class="o">[</span>PT,L<span class="o">]</span> </span></pre></div> </td></tr></table>
htaccess, static