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

js: checkboxes

1
2
3
4
5
6
var cbox = '';
//alert($("input[name=bulk_checkboxes]:checked").size());
$('input[name=bulk_checkboxes]:checked').each(function() {
     cbox += $(this).val() + ",";
});
alert(cbox);
https://snipt.net/embed/705a00c81cc2fd9defe760e69beeabe8/
/raw/705a00c81cc2fd9defe760e69beeabe8/
705a00c81cc2fd9defe760e69beeabe8
js
JavaScript
6
2019-07-11T03:07:15
True
False
False
/api/public/snipt/36414/
js-checkboxes
<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="kd">var</span> <span class="nx">cbox</span> <span class="o">=</span> <span class="s1">&#39;&#39;</span><span class="p">;</span> </span><span id="L-2"><a name="L-2"></a><span class="c1">//alert($(&quot;input[name=bulk_checkboxes]:checked&quot;).size());</span> </span><span id="L-3"><a name="L-3"></a><span class="nx">$</span><span class="p">(</span><span class="s1">&#39;input[name=bulk_checkboxes]:checked&#39;</span><span class="p">).</span><span class="nx">each</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span> </span><span id="L-4"><a name="L-4"></a> <span class="nx">cbox</span> <span class="o">+=</span> <span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">).</span><span class="nx">val</span><span class="p">()</span> <span class="o">+</span> <span class="s2">&quot;,&quot;</span><span class="p">;</span> </span><span id="L-5"><a name="L-5"></a><span class="p">});</span> </span><span id="L-6"><a name="L-6"></a><span class="nx">alert</span><span class="p">(</span><span class="nx">cbox</span><span class="p">);</span> </span></pre></div> </td></tr></table>
checkboxes, javascript, jquery