HTML code for sharing source code

HTML Copy To Clipboarddone!

<div class="highlight" style="background: #f8f8f8"><pre style="line-height: 125%"><div id="lc1"><span style="color: #008000; font-weight: bold">var</span> draggable_config <span style="color: #666666">=</span> { 
</div><div id="lc2">    helper<span style="color: #666666">:</span> <span style="color: #008000; font-weight: bold">function</span>(ev) {
</div><div id="lc3">        <span style="color: #008000; font-weight: bold">var</span> obj <span style="color: #666666">=</span> $(ev.currentTarget);
</div><div id="lc4">        <span style="color: #008000; font-weight: bold">var</span> img <span style="color: #666666">=</span> $(<span style="color: #BA2121">&#39;.image img&#39;</span>, obj);
</div><div id="lc5">        <span style="color: #008000; font-weight: bold">return</span> $(<span style="color: #BA2121">&#39;&lt;img width=&quot;50&quot; height=&quot;50&quot; src=&quot;&#39;</span> <span style="color: #666666">+</span> img.attr(<span style="color: #BA2121">&#39;src&#39;</span>) <span style="color: #666666">+</span> <span style="color: #BA2121">&#39;&quot; /&gt;&#39;</span>);
</div><div id="lc6">    },  
</div><div id="lc7">    zIndex<span style="color: #666666">:</span> <span style="color: #666666">20</span>, 
</div><div id="lc8">    cursorAt<span style="color: #666666">:</span> {top<span style="color: #666666">:</span> <span style="color: #666666">0</span>, left<span style="color: #666666">:</span> <span style="color: #666666">0</span>}
</div><div id="lc9">    <span style="color: #408080; font-style: italic">/*  </span>
</div><div id="lc10"><span style="color: #408080; font-style: italic">    start: function(ev, ui) {</span>
</div><div id="lc11"><span style="color: #408080; font-style: italic">        $(&#39;.review-photo&#39;).css(&#39;overflow-y&#39;, &#39;hidden&#39;);</span>
</div><div id="lc12"><span style="color: #408080; font-style: italic">        $(this).fadeTo(0, 0.5);</span>
</div><div id="lc13"><span style="color: #408080; font-style: italic">    },  </span>
</div><div id="lc14"><span style="color: #408080; font-style: italic">    stop: function(ev, ui) {</span>
</div><div id="lc15"><span style="color: #408080; font-style: italic">        $(&#39;.review-photo&#39;).css(&#39;overflow-y&#39;, &#39;auto&#39;);</span>
</div><div id="lc16"><span style="color: #408080; font-style: italic">        $(this).fadeTo(0, 1); </span>
</div><div id="lc17"><span style="color: #408080; font-style: italic">    }   </span>
</div><div id="lc18"><span style="color: #408080; font-style: italic">    */</span>  
</div><div id="lc19">}
</div></pre></div>
<p style="padding: 0; margin: 2em 0 1em 0; font-size: 0.8em; color: #666;"><span style="padding: 0 1em; background-color: #f5f5f5;"> Colored with <a style="color: #333" href="http://dumpz.org">dumpz.org</a></span></p>

BBCODE Copy To Clipboarddone!

[color=#008000][b]var[/b][/color] draggable_config [color=#666666]=[/color] { 
    helper[color=#666666]:[/color] [color=#008000][b]function[/b][/color](ev) {
        [color=#008000][b]var[/b][/color] obj [color=#666666]=[/color] $(ev.currentTarget);
        [color=#008000][b]var[/b][/color] img [color=#666666]=[/color] $([color=#BA2121]'.image img'[/color], obj);
        [color=#008000][b]return[/b][/color] $([color=#BA2121]'<img width="50" height="50" src="'[/color] [color=#666666]+[/color] img.attr([color=#BA2121]'src'[/color]) [color=#666666]+[/color] [color=#BA2121]'" />'[/color]);
    },  
    zIndex[color=#666666]:[/color] [color=#666666]20[/color], 
    cursorAt[color=#666666]:[/color] {top[color=#666666]:[/color] [color=#666666]0[/color], left[color=#666666]:[/color] [color=#666666]0[/color]}
    [color=#408080][i]/*  
    start: function(ev, ui) {
        $('.review-photo').css('overflow-y', 'hidden');
        $(this).fadeTo(0, 0.5);
    },  
    stop: function(ev, ui) {
        $('.review-photo').css('overflow-y', 'auto');
        $(this).fadeTo(0, 1); 
    }   
    */[/i][/color]  
}

--------------------------------------
Colored with http://dumpz.org

Light HTML Copy To Clipboarddone!

That method generates HTML with CSS classes. Hence you'll need the style sheet file

<div class="highlight"><pre><div id="lc1"><span class="kd">var</span> <span class="nx">draggable_config</span> <span class="o">=</span> <span class="p">{</span> 
</div><div id="lc2">    <span class="nx">helper</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">ev</span><span class="p">)</span> <span class="p">{</span>
</div><div id="lc3">        <span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="nx">ev</span><span class="p">.</span><span class="nx">currentTarget</span><span class="p">);</span>
</div><div id="lc4">        <span class="kd">var</span> <span class="nx">img</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;.image img&#39;</span><span class="p">,</span> <span class="nx">obj</span><span class="p">);</span>
</div><div id="lc5">        <span class="k">return</span> <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;&lt;img width=&quot;50&quot; height=&quot;50&quot; src=&quot;&#39;</span> <span class="o">+</span> <span class="nx">img</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;src&#39;</span><span class="p">)</span> <span class="o">+</span> <span class="s1">&#39;&quot; /&gt;&#39;</span><span class="p">);</span>
</div><div id="lc6">    <span class="p">},</span>  
</div><div id="lc7">    <span class="nx">zIndex</span><span class="o">:</span> <span class="mi">20</span><span class="p">,</span> 
</div><div id="lc8">    <span class="nx">cursorAt</span><span class="o">:</span> <span class="p">{</span><span class="nx">top</span><span class="o">:</span> <span class="mi">0</span><span class="p">,</span> <span class="nx">left</span><span class="o">:</span> <span class="mi">0</span><span class="p">}</span>
</div><div id="lc9">    <span class="cm">/*  </span>
</div><div id="lc10"><span class="cm">    start: function(ev, ui) {</span>
</div><div id="lc11"><span class="cm">        $(&#39;.review-photo&#39;).css(&#39;overflow-y&#39;, &#39;hidden&#39;);</span>
</div><div id="lc12"><span class="cm">        $(this).fadeTo(0, 0.5);</span>
</div><div id="lc13"><span class="cm">    },  </span>
</div><div id="lc14"><span class="cm">    stop: function(ev, ui) {</span>
</div><div id="lc15"><span class="cm">        $(&#39;.review-photo&#39;).css(&#39;overflow-y&#39;, &#39;auto&#39;);</span>
</div><div id="lc16"><span class="cm">        $(this).fadeTo(0, 1); </span>
</div><div id="lc17"><span class="cm">    }   </span>
</div><div id="lc18"><span class="cm">    */</span>  
</div><div id="lc19"><span class="p">}</span>
</div></pre></div>
<p style="padding: 0; margin: 2em 0 1em 0; font-size: 0.8em; color: #666;"><span style="padding: 0 1em; background-color: #f5f5f5;"> Colored with <a style="color: #333" href="http://dumpz.org">dumpz.org</a></span></p>

Habrahabr.ru HTML Copy To Clipboarddone!

Use that HTML for publications on habrahabr.ru

<blockquote><code><font color="#008000"><strong>var</strong></font>&nbsp;draggable_config&nbsp;<font color="#666666">=</font>&nbsp;{&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;helper<font color="#666666">:</font>&nbsp;<font color="#008000"><strong>function</strong></font>(ev)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#008000"><strong>var</strong></font>&nbsp;obj&nbsp;<font color="#666666">=</font>&nbsp;$(ev.currentTarget);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#008000"><strong>var</strong></font>&nbsp;img&nbsp;<font color="#666666">=</font>&nbsp;$(<font color="#BA2121">&#39;.image&nbsp;img&#39;</font>,&nbsp;obj);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#008000"><strong>return</strong></font>&nbsp;$(<font color="#BA2121">&#39;&lt;img&nbsp;width=&quot;50&quot;&nbsp;height=&quot;50&quot;&nbsp;src=&quot;&#39;</font>&nbsp;<font color="#666666">+</font>&nbsp;img.attr(<font color="#BA2121">&#39;src&#39;</font>)&nbsp;<font color="#666666">+</font>&nbsp;<font color="#BA2121">&#39;&quot;&nbsp;/&gt;&#39;</font>);
&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;zIndex<font color="#666666">:</font>&nbsp;<font color="#666666">20</font>,&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;cursorAt<font color="#666666">:</font>&nbsp;{top<font color="#666666">:</font>&nbsp;<font color="#666666">0</font>,&nbsp;left<font color="#666666">:</font>&nbsp;<font color="#666666">0</font>}
&nbsp;&nbsp;&nbsp;&nbsp;<font color="#408080"><em>/*&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;start:&nbsp;function(ev,&nbsp;ui)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(&#39;.review-photo&#39;).css(&#39;overflow-y&#39;,&nbsp;&#39;hidden&#39;);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(this).fadeTo(0,&nbsp;0.5);
&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;stop:&nbsp;function(ev,&nbsp;ui)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(&#39;.review-photo&#39;).css(&#39;overflow-y&#39;,&nbsp;&#39;auto&#39;);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(this).fadeTo(0,&nbsp;1);&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;*/</em></font>&nbsp;&nbsp;
}
</code></blockquote><p><font color="gray">Colored with <a href="http://dumpz.org">dumpz.org</a></p>