Pastable version of A to Z only linking to letters with content

<div style="overflow:auto;border:solid 1px #ccc;background:#000;color:#F8F8F8">
          <div class="section">
            <span style="margin:0;padding:4px 6px;font-size:12px;float:right;">Controller</span>
            <pre style="float:left;margin:0 10px;border-right:0;color:#666;">1
2
3</pre>
            <pre class="sunburst"><span style="color:#3E87E3;"><span style="color:#3E87E3;">@</span>a_to_z</span> <span style="color:#E28964;">=</span> <span style="color:#9B859D;">Service</span>.<span style="color:#89BDFF;">find</span>(<span style="color:#3387CC;"><span style="color:#3387CC;">:</span>all</span>,<span style="color:#3387CC;"><span style="color:#3387CC;">:</span>select</span>=&gt;<span style="color:#65B042;"><span style="color:#65B042;">'</span>SUBSTR(name,1,1) AS letter<span style="color:#65B042;">'</span></span>,<span style="color:#3387CC;"><span style="color:#3387CC;">:</span>group</span>=&gt;<span style="color:#65B042;"><span style="color:#65B042;">'</span>SUBSTR(name,1,1)<span style="color:#65B042;">'</span></span>,<span style="color:#3387CC;"><span style="color:#3387CC;">:</span>order</span>=&gt;<span style="color:#65B042;"><span style="color:#65B042;">'</span>name<span style="color:#65B042;">'</span></span>).<span style="color:#89BDFF;">collect</span> { |<span style="color:#3E87E3;">d</span>| d.<span style="color:#89BDFF;">letter</span> }

</pre>
          </div>
        </div>

<div style="overflow:auto;border:solid 1px #ccc;background:#000;color:#F8F8F8">
          <div class="section">
            <span style="margin:0;padding:4px 6px;font-size:12px;float:right;">View</span>
            <pre style="float:left;margin:0 10px;border-right:0;color:#666;">1
2
3
4
5</pre>
            <pre class="sunburst"><span style="color:#E28964;">&lt;</span>ul <span style="color:#E28964;">class</span><span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>pagination<span style="color:#65B042;">&quot;</span></span><span style="color:#E28964;">&gt;</span>
<span style="color:#E28964;">&lt;</span><span style="color:#E28964;">%</span> <span style="color:#E28964;">for</span> letter <span style="color:#E28964;">in</span> <span style="color:#65B042;"><span style="color:#65B042;">'</span>A<span style="color:#65B042;">'</span></span>..<span style="color:#65B042;"><span style="color:#65B042;">'</span>Z<span style="color:#65B042;">'</span></span> <span style="color:#65B042;"><span style="color:#65B042;">%&gt;</span></span>
<span style="color:#65B042;">	&lt;li<span style="color:#65B042;">&gt;</span></span><span style="color:#E28964;">&lt;</span><span style="color:#E28964;">%=</span> <span style="color:#3E87E3;"><span style="color:#3E87E3;">@</span>a_to_z</span>.<span style="color:#89BDFF;">index</span>(letter) <span style="color:#E28964;">?</span> <span style="color:#89BDFF;">link_to</span>(letter,<span style="color:#3387CC;"><span style="color:#3387CC;">:</span>l</span>=&gt; letter) : <span style="color:#89BDFF;">content_tag</span>(<span style="color:#3387CC;"><span style="color:#3387CC;">:</span>a</span>,letter,<span style="color:#3387CC;"><span style="color:#3387CC;">:</span>class</span>=&gt;<span style="color:#65B042;"><span style="color:#65B042;">'</span>f<span style="color:#65B042;">'</span></span>) <span style="color:#65B042;"><span style="color:#65B042;">%&gt;</span>&lt;/li<span style="color:#65B042;">&gt;</span></span>
<span style="color:#E28964;">&lt;</span><span style="color:#E28964;">%</span> <span style="color:#E28964;">end</span> <span style="color:#65B042;"><span style="color:#65B042;">%&gt;</span></span>
<span style="color:#65B042;">&lt;/ul<span style="color:#65B042;">&gt;</span></span>
</pre>
          </div>
        </div>

<a href="http://refactormycode.com/codes/211-a-to-z-only-linking-to-letters-with-content" style="color:#fff" title="As seen on RefactorMyCode.com"><img alt="Small_logo" src="http://refactormycode.com/images/small_logo.gif" style="border:0" /></a>

counter free hit invisible