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">function</span>() {
</div><div id="lc2">    $(<span style="color: #BA2121">&#39;.tplace-item&#39;</span>).droppable({
</div><div id="lc3">        accept<span style="color: #666666">:</span> <span style="color: #BA2121">&quot;.photo-item&quot;</span>,
</div><div id="lc4">        hoverClass<span style="color: #666666">:</span> <span style="color: #BA2121">&quot;report-hover&quot;</span>,
</div><div id="lc5">        tolerance<span style="color: #666666">:</span> <span style="color: #BA2121">&quot;pointer&quot;</span>,
</div><div id="lc6">        drop<span style="color: #666666">:</span> <span style="color: #008000; font-weight: bold">function</span>(ev, ui) {
</div><div id="lc7">            <span style="color: #008000; font-weight: bold">var</span> tplace <span style="color: #666666">=</span> $(<span style="color: #008000; font-weight: bold">this</span>);
</div><div id="lc8">            <span style="color: #008000; font-weight: bold">var</span> photo <span style="color: #666666">=</span> $(ui.draggable);
</div><div id="lc9">            <span style="color: #008000; font-weight: bold">var</span> tplace_id <span style="color: #666666">=</span> parseId(tplace.attr(<span style="color: #BA2121">&#39;class&#39;</span>));
</div><div id="lc10">            <span style="color: #008000; font-weight: bold">var</span> photo_id <span style="color: #666666">=</span> parseId(photo.attr(<span style="color: #BA2121">&#39;class&#39;</span>));
</div><div id="lc11">            args <span style="color: #666666">=</span> {tplace_id<span style="color: #666666">:</span> tplace_id, image_id<span style="color: #666666">:</span> photo_id}
</div><div id="lc12">            tplace.removeClass(<span style="color: #BA2121">&#39;no&#39;</span>);
</div><div id="lc13">            tplace.addClass(<span style="color: #BA2121">&#39;load&#39;</span>);
</div><div id="lc14">
</div><div id="lc15">            <span style="color: #008000; font-weight: bold">var</span> num_box <span style="color: #666666">=</span> $(<span style="color: #BA2121">&#39;.num&#39;</span>, tplace);
</div><div id="lc16">            <span style="color: #008000; font-weight: bold">var</span> number <span style="color: #666666">=</span> num_box.text() <span style="color: #666666">?</span> <span style="color: #008000">parseInt</span>(num_box.text()) <span style="color: #666666">:</span> <span style="color: #666666">0</span>;
</div><div id="lc17">            num_box.text(number <span style="color: #666666">+</span> <span style="color: #666666">1</span>);
</div><div id="lc18">
</div><div id="lc19">            $.post(<span style="color: #BA2121">&#39;{% url image_to_deadline task.id dl.id %}&#39;</span>, args, <span style="color: #008000; font-weight: bold">function</span>(data) {
</div><div id="lc20">                tplace.removeClass(<span style="color: #BA2121">&#39;load&#39;</span>);
</div><div id="lc21">                <span style="color: #008000; font-weight: bold">if</span> (data.success) {
</div><div id="lc22">                    ui.draggable.hide();
</div><div id="lc23">                    tplace.addClass(<span style="color: #BA2121">&#39;photo-num&#39;</span>);
</div><div id="lc24">                    $(<span style="color: #BA2121">&#39;.pdf-button&#39;</span>).removeClass(<span style="color: #BA2121">&#39;b-gray&#39;</span>).addClass(<span style="color: #BA2121">&#39;b-green&#39;</span>);
</div><div id="lc25">                    $(<span style="color: #BA2121">&#39;.view-button&#39;</span>).removeClass(<span style="color: #BA2121">&#39;b-gray&#39;</span>).addClass(<span style="color: #BA2121">&#39;b-green&#39;</span>);
</div><div id="lc26">                } <span style="color: #008000; font-weight: bold">else</span> {
</div><div id="lc27">                    alert(data.error);
</div><div id="lc28">                }
</div><div id="lc29">            });
</div><div id="lc30">        }
</div><div id="lc31">    });
</div><div id="lc32">
</div><div id="lc33">    $(<span style="color: #BA2121">&#39;.photo-item&#39;</span>).draggable(draggable_config);
</div><div id="lc34">});
</div><div id="lc35">
</div><div id="lc36"><span style="color: #008000; font-weight: bold">var</span> draggable_config <span style="color: #666666">=</span> {
</div><div id="lc37">    helper<span style="color: #666666">:</span> <span style="color: #008000; font-weight: bold">function</span>(ev) {
</div><div id="lc38">        <span style="color: #008000; font-weight: bold">var</span> obj <span style="color: #666666">=</span> $(ev.currentTarget);
</div><div id="lc39">        <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="lc40">        <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="lc41">    },
</div><div id="lc42">    zIndex<span style="color: #666666">:</span> <span style="color: #666666">20</span>,
</div><div id="lc43">    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="lc44">    <span style="color: #408080; font-style: italic">/*</span>
</div><div id="lc45"><span style="color: #408080; font-style: italic">    start: function(ev, ui) {</span>
</div><div id="lc46"><span style="color: #408080; font-style: italic">        $(&#39;.review-photo&#39;).css(&#39;overflow-y&#39;, &#39;hidden&#39;);</span>
</div><div id="lc47"><span style="color: #408080; font-style: italic">        //$(this).fadeTo(0, 0.5);</span>
</div><div id="lc48"><span style="color: #408080; font-style: italic">    },</span>
</div><div id="lc49"><span style="color: #408080; font-style: italic">    stop: function(ev, ui) {</span>
</div><div id="lc50"><span style="color: #408080; font-style: italic">        $(&#39;.review-photo&#39;).css(&#39;overflow-y&#39;, &#39;auto&#39;);</span>
</div><div id="lc51"><span style="color: #408080; font-style: italic">        //$(this).fadeTo(0, 1);</span>
</div><div id="lc52"><span style="color: #408080; font-style: italic">    }</span>
</div><div id="lc53"><span style="color: #408080; font-style: italic">    */</span>
</div><div id="lc54">}
</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]function[/b][/color]() {
    $([color=#BA2121]'.tplace-item'[/color]).droppable({
        accept[color=#666666]:[/color] [color=#BA2121]".photo-item"[/color],
        hoverClass[color=#666666]:[/color] [color=#BA2121]"report-hover"[/color],
        tolerance[color=#666666]:[/color] [color=#BA2121]"pointer"[/color],
        drop[color=#666666]:[/color] [color=#008000][b]function[/b][/color](ev, ui) {
            [color=#008000][b]var[/b][/color] tplace [color=#666666]=[/color] $([color=#008000][b]this[/b][/color]);
            [color=#008000][b]var[/b][/color] photo [color=#666666]=[/color] $(ui.draggable);
            [color=#008000][b]var[/b][/color] tplace_id [color=#666666]=[/color] parseId(tplace.attr([color=#BA2121]'class'[/color]));
            [color=#008000][b]var[/b][/color] photo_id [color=#666666]=[/color] parseId(photo.attr([color=#BA2121]'class'[/color]));
            args [color=#666666]=[/color] {tplace_id[color=#666666]:[/color] tplace_id, image_id[color=#666666]:[/color] photo_id}
            tplace.removeClass([color=#BA2121]'no'[/color]);
            tplace.addClass([color=#BA2121]'load'[/color]);

[color=#008000][b]var[/b][/color] num_box [color=#666666]=[/color] $([color=#BA2121]'.num'[/color], tplace);
            [color=#008000][b]var[/b][/color] number [color=#666666]=[/color] num_box.text() [color=#666666]?[/color] [color=#008000]parseInt[/color](num_box.text()) [color=#666666]:[/color] [color=#666666]0[/color];
            num_box.text(number [color=#666666]+[/color] [color=#666666]1[/color]);

$.post([color=#BA2121]'{% url image_to_deadline task.id dl.id %}'[/color], args, [color=#008000][b]function[/b][/color](data) {
                tplace.removeClass([color=#BA2121]'load'[/color]);
                [color=#008000][b]if[/b][/color] (data.success) {
                    ui.draggable.hide();
                    tplace.addClass([color=#BA2121]'photo-num'[/color]);
                    $([color=#BA2121]'.pdf-button'[/color]).removeClass([color=#BA2121]'b-gray'[/color]).addClass([color=#BA2121]'b-green'[/color]);
                    $([color=#BA2121]'.view-button'[/color]).removeClass([color=#BA2121]'b-gray'[/color]).addClass([color=#BA2121]'b-green'[/color]);
                } [color=#008000][b]else[/b][/color] {
                    alert(data.error);
                }
            });
        }
    });

$([color=#BA2121]'.photo-item'[/color]).draggable(draggable_config);
});

[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="nx">$</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
</div><div id="lc2">    <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;.tplace-item&#39;</span><span class="p">).</span><span class="nx">droppable</span><span class="p">({</span>
</div><div id="lc3">        <span class="nx">accept</span><span class="o">:</span> <span class="s2">&quot;.photo-item&quot;</span><span class="p">,</span>
</div><div id="lc4">        <span class="nx">hoverClass</span><span class="o">:</span> <span class="s2">&quot;report-hover&quot;</span><span class="p">,</span>
</div><div id="lc5">        <span class="nx">tolerance</span><span class="o">:</span> <span class="s2">&quot;pointer&quot;</span><span class="p">,</span>
</div><div id="lc6">        <span class="nx">drop</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="nx">ui</span><span class="p">)</span> <span class="p">{</span>
</div><div id="lc7">            <span class="kd">var</span> <span class="nx">tplace</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">);</span>
</div><div id="lc8">            <span class="kd">var</span> <span class="nx">photo</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="nx">ui</span><span class="p">.</span><span class="nx">draggable</span><span class="p">);</span>
</div><div id="lc9">            <span class="kd">var</span> <span class="nx">tplace_id</span> <span class="o">=</span> <span class="nx">parseId</span><span class="p">(</span><span class="nx">tplace</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;class&#39;</span><span class="p">));</span>
</div><div id="lc10">            <span class="kd">var</span> <span class="nx">photo_id</span> <span class="o">=</span> <span class="nx">parseId</span><span class="p">(</span><span class="nx">photo</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="s1">&#39;class&#39;</span><span class="p">));</span>
</div><div id="lc11">            <span class="nx">args</span> <span class="o">=</span> <span class="p">{</span><span class="nx">tplace_id</span><span class="o">:</span> <span class="nx">tplace_id</span><span class="p">,</span> <span class="nx">image_id</span><span class="o">:</span> <span class="nx">photo_id</span><span class="p">}</span>
</div><div id="lc12">            <span class="nx">tplace</span><span class="p">.</span><span class="nx">removeClass</span><span class="p">(</span><span class="s1">&#39;no&#39;</span><span class="p">);</span>
</div><div id="lc13">            <span class="nx">tplace</span><span class="p">.</span><span class="nx">addClass</span><span class="p">(</span><span class="s1">&#39;load&#39;</span><span class="p">);</span>
</div><div id="lc14">
</div><div id="lc15">            <span class="kd">var</span> <span class="nx">num_box</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;.num&#39;</span><span class="p">,</span> <span class="nx">tplace</span><span class="p">);</span>
</div><div id="lc16">            <span class="kd">var</span> <span class="nx">number</span> <span class="o">=</span> <span class="nx">num_box</span><span class="p">.</span><span class="nx">text</span><span class="p">()</span> <span class="o">?</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nx">num_box</span><span class="p">.</span><span class="nx">text</span><span class="p">())</span> <span class="o">:</span> <span class="mi">0</span><span class="p">;</span>
</div><div id="lc17">            <span class="nx">num_box</span><span class="p">.</span><span class="nx">text</span><span class="p">(</span><span class="nx">number</span> <span class="o">+</span> <span class="mi">1</span><span class="p">);</span>
</div><div id="lc18">
</div><div id="lc19">            <span class="nx">$</span><span class="p">.</span><span class="nx">post</span><span class="p">(</span><span class="s1">&#39;{% url image_to_deadline task.id dl.id %}&#39;</span><span class="p">,</span> <span class="nx">args</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">data</span><span class="p">)</span> <span class="p">{</span>
</div><div id="lc20">                <span class="nx">tplace</span><span class="p">.</span><span class="nx">removeClass</span><span class="p">(</span><span class="s1">&#39;load&#39;</span><span class="p">);</span>
</div><div id="lc21">                <span class="k">if</span> <span class="p">(</span><span class="nx">data</span><span class="p">.</span><span class="nx">success</span><span class="p">)</span> <span class="p">{</span>
</div><div id="lc22">                    <span class="nx">ui</span><span class="p">.</span><span class="nx">draggable</span><span class="p">.</span><span class="nx">hide</span><span class="p">();</span>
</div><div id="lc23">                    <span class="nx">tplace</span><span class="p">.</span><span class="nx">addClass</span><span class="p">(</span><span class="s1">&#39;photo-num&#39;</span><span class="p">);</span>
</div><div id="lc24">                    <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;.pdf-button&#39;</span><span class="p">).</span><span class="nx">removeClass</span><span class="p">(</span><span class="s1">&#39;b-gray&#39;</span><span class="p">).</span><span class="nx">addClass</span><span class="p">(</span><span class="s1">&#39;b-green&#39;</span><span class="p">);</span>
</div><div id="lc25">                    <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;.view-button&#39;</span><span class="p">).</span><span class="nx">removeClass</span><span class="p">(</span><span class="s1">&#39;b-gray&#39;</span><span class="p">).</span><span class="nx">addClass</span><span class="p">(</span><span class="s1">&#39;b-green&#39;</span><span class="p">);</span>
</div><div id="lc26">                <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
</div><div id="lc27">                    <span class="nx">alert</span><span class="p">(</span><span class="nx">data</span><span class="p">.</span><span class="nx">error</span><span class="p">);</span>
</div><div id="lc28">                <span class="p">}</span>
</div><div id="lc29">            <span class="p">});</span>
</div><div id="lc30">        <span class="p">}</span>
</div><div id="lc31">    <span class="p">});</span>
</div><div id="lc32">
</div><div id="lc33">    <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;.photo-item&#39;</span><span class="p">).</span><span class="nx">draggable</span><span class="p">(</span><span class="nx">draggable_config</span><span class="p">);</span>
</div><div id="lc34"><span class="p">});</span>
</div><div id="lc35">
</div><div id="lc36"><span class="kd">var</span> <span class="nx">draggable_config</span> <span class="o">=</span> <span class="p">{</span>
</div><div id="lc37">    <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="lc38">        <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="lc39">        <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="lc40">        <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="lc41">    <span class="p">},</span>
</div><div id="lc42">    <span class="nx">zIndex</span><span class="o">:</span> <span class="mi">20</span><span class="p">,</span>
</div><div id="lc43">    <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="lc44">    <span class="cm">/*</span>
</div><div id="lc45"><span class="cm">    start: function(ev, ui) {</span>
</div><div id="lc46"><span class="cm">        $(&#39;.review-photo&#39;).css(&#39;overflow-y&#39;, &#39;hidden&#39;);</span>
</div><div id="lc47"><span class="cm">        //$(this).fadeTo(0, 0.5);</span>
</div><div id="lc48"><span class="cm">    },</span>
</div><div id="lc49"><span class="cm">    stop: function(ev, ui) {</span>
</div><div id="lc50"><span class="cm">        $(&#39;.review-photo&#39;).css(&#39;overflow-y&#39;, &#39;auto&#39;);</span>
</div><div id="lc51"><span class="cm">        //$(this).fadeTo(0, 1);</span>
</div><div id="lc52"><span class="cm">    }</span>
</div><div id="lc53"><span class="cm">    */</span>
</div><div id="lc54"><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>function</strong></font>()&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;$(<font color="#BA2121">&#39;.tplace-item&#39;</font>).droppable({
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;accept<font color="#666666">:</font>&nbsp;<font color="#BA2121">&quot;.photo-item&quot;</font>,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;hoverClass<font color="#666666">:</font>&nbsp;<font color="#BA2121">&quot;report-hover&quot;</font>,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tolerance<font color="#666666">:</font>&nbsp;<font color="#BA2121">&quot;pointer&quot;</font>,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;drop<font color="#666666">:</font>&nbsp;<font color="#008000"><strong>function</strong></font>(ev,&nbsp;ui)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#008000"><strong>var</strong></font>&nbsp;tplace&nbsp;<font color="#666666">=</font>&nbsp;$(<font color="#008000"><strong>this</strong></font>);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#008000"><strong>var</strong></font>&nbsp;photo&nbsp;<font color="#666666">=</font>&nbsp;$(ui.draggable);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#008000"><strong>var</strong></font>&nbsp;tplace_id&nbsp;<font color="#666666">=</font>&nbsp;parseId(tplace.attr(<font color="#BA2121">&#39;class&#39;</font>));
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#008000"><strong>var</strong></font>&nbsp;photo_id&nbsp;<font color="#666666">=</font>&nbsp;parseId(photo.attr(<font color="#BA2121">&#39;class&#39;</font>));
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;args&nbsp;<font color="#666666">=</font>&nbsp;{tplace_id<font color="#666666">:</font>&nbsp;tplace_id,&nbsp;image_id<font color="#666666">:</font>&nbsp;photo_id}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tplace.removeClass(<font color="#BA2121">&#39;no&#39;</font>);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tplace.addClass(<font color="#BA2121">&#39;load&#39;</font>);

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#008000"><strong>var</strong></font>&nbsp;num_box&nbsp;<font color="#666666">=</font>&nbsp;$(<font color="#BA2121">&#39;.num&#39;</font>,&nbsp;tplace);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#008000"><strong>var</strong></font>&nbsp;number&nbsp;<font color="#666666">=</font>&nbsp;num_box.text()&nbsp;<font color="#666666">?</font>&nbsp;<font color="#008000">parseInt</font>(num_box.text())&nbsp;<font color="#666666">:</font>&nbsp;<font color="#666666">0</font>;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;num_box.text(number&nbsp;<font color="#666666">+</font>&nbsp;<font color="#666666">1</font>);

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$.post(<font color="#BA2121">&#39;{%&nbsp;url&nbsp;image_to_deadline&nbsp;task.id&nbsp;dl.id&nbsp;%}&#39;</font>,&nbsp;args,&nbsp;<font color="#008000"><strong>function</strong></font>(data)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tplace.removeClass(<font color="#BA2121">&#39;load&#39;</font>);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#008000"><strong>if</strong></font>&nbsp;(data.success)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ui.draggable.hide();
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tplace.addClass(<font color="#BA2121">&#39;photo-num&#39;</font>);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<font color="#BA2121">&#39;.pdf-button&#39;</font>).removeClass(<font color="#BA2121">&#39;b-gray&#39;</font>).addClass(<font color="#BA2121">&#39;b-green&#39;</font>);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<font color="#BA2121">&#39;.view-button&#39;</font>).removeClass(<font color="#BA2121">&#39;b-gray&#39;</font>).addClass(<font color="#BA2121">&#39;b-green&#39;</font>);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<font color="#008000"><strong>else</strong></font>&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(data.error);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;});

&nbsp;&nbsp;&nbsp;&nbsp;$(<font color="#BA2121">&#39;.photo-item&#39;</font>).draggable(draggable_config);
});

<font color="#008000"><strong>var</strong></font>&nbsp;draggable_config&nbsp;<font color="#666666">=</font>&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;zIndex<font color="#666666">:</font>&nbsp;<font color="#666666">20</font>,
&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;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;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;*/</em></font>
}
</code></blockquote><p><font color="gray">Colored with <a href="http://dumpz.org">dumpz.org</a></p>