snipt

Ctrl+h for KB shortcuts

JavaScript

jquery print_r

(function($){ 
  $.debug = { 
    dump: function(arr, level) { 
      var dumped_text = ""; 
      if(!level) level = 0; 
      var level_padding = ""; 
      for(var j=0;j<level+1;j++) level_padding += "    "; 
      if(typeof(arr) == 'object') { //Array/Hashes/Objects 
       for(var item in arr) { 
        var value = arr[item]; 
        
        if(typeof(value) == 'object') { //If it is an array, 
         dumped_text += level_padding + "'" + item + "' ...\n"; 
         dumped_text += $.debug.dump(value,level+1); 
        } else { 
         dumped_text += level_padding + "'" + item + "' => \"" + value + "\"\n"; 
        } 
       } 
      } else { //Stings/Chars/Numbers etc. 
       dumped_text = "===>"+arr+"<===("+typeof(arr)+")"; 
      } 
      return dumped_text; 
    }, 
    print_r: function(obj){ 
      document.write("<div id='debugContent'></div>"); 
       
      $("#debugContent").css({ 
        display: "block", 
        position: "absolute", 
        top: "0px", 
        right: "0px", 
        padding: "10px", 
        width: "700px", 
        background: "#ddd", 
        color: "black", 
        border: "solid 1px black" 
      }).html("<pre>"+$.debug.dump(obj)+"</pre><div id='close-debug'>Close</div>"); 
       
      $("#close-debug").css({cursor: "pointer"}).click(function(){ 
        $("#debugContent").remove(); 
      }); 
    } 
  }; 
})(jQuery);

// use: $.debug.print_r(arr)
https://snipt.net/embed/59107c5746c8e9d1302c8f78ec556a19/
/raw/59107c5746c8e9d1302c8f78ec556a19/
59107c5746c8e9d1302c8f78ec556a19
js
JavaScript
46
2019-07-21T13:58:15
True
False
False
/api/public/snipt/7803/
jquery-print_r
<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> <a href="#L-8"> 8</a> <a href="#L-9"> 9</a> <a href="#L-10">10</a> <a href="#L-11">11</a> <a href="#L-12">12</a> <a href="#L-13">13</a> <a href="#L-14">14</a> <a href="#L-15">15</a> <a href="#L-16">16</a> <a href="#L-17">17</a> <a href="#L-18">18</a> <a href="#L-19">19</a> <a href="#L-20">20</a> <a href="#L-21">21</a> <a href="#L-22">22</a> <a href="#L-23">23</a> <a href="#L-24">24</a> <a href="#L-25">25</a> <a href="#L-26">26</a> <a href="#L-27">27</a> <a href="#L-28">28</a> <a href="#L-29">29</a> <a href="#L-30">30</a> <a href="#L-31">31</a> <a href="#L-32">32</a> <a href="#L-33">33</a> <a href="#L-34">34</a> <a href="#L-35">35</a> <a href="#L-36">36</a> <a href="#L-37">37</a> <a href="#L-38">38</a> <a href="#L-39">39</a> <a href="#L-40">40</a> <a href="#L-41">41</a> <a href="#L-42">42</a> <a href="#L-43">43</a> <a href="#L-44">44</a> <a href="#L-45">45</a> <a href="#L-46">46</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">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">$</span><span class="p">){</span> </span><span id="L-2"><a name="L-2"></a> <span class="nx">$</span><span class="p">.</span><span class="nx">debug</span> <span class="o">=</span> <span class="p">{</span> </span><span id="L-3"><a name="L-3"></a> <span class="nx">dump</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">arr</span><span class="p">,</span> <span class="nx">level</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">dumped_text</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="k">if</span><span class="p">(</span><span class="o">!</span><span class="nx">level</span><span class="p">)</span> <span class="nx">level</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> </span><span id="L-6"><a name="L-6"></a> <span class="kd">var</span> <span class="nx">level_padding</span> <span class="o">=</span> <span class="s2">&quot;&quot;</span><span class="p">;</span> </span><span id="L-7"><a name="L-7"></a> <span class="k">for</span><span class="p">(</span><span class="kd">var</span> <span class="nx">j</span><span class="o">=</span><span class="mi">0</span><span class="p">;</span><span class="nx">j</span><span class="o">&lt;</span><span class="nx">level</span><span class="o">+</span><span class="mi">1</span><span class="p">;</span><span class="nx">j</span><span class="o">++</span><span class="p">)</span> <span class="nx">level_padding</span> <span class="o">+=</span> <span class="s2">&quot; &quot;</span><span class="p">;</span> </span><span id="L-8"><a name="L-8"></a> <span class="k">if</span><span class="p">(</span><span class="k">typeof</span><span class="p">(</span><span class="nx">arr</span><span class="p">)</span> <span class="o">==</span> <span class="s1">&#39;object&#39;</span><span class="p">)</span> <span class="p">{</span> <span class="c1">//Array/Hashes/Objects </span> </span><span id="L-9"><a name="L-9"></a> <span class="k">for</span><span class="p">(</span><span class="kd">var</span> <span class="nx">item</span> <span class="k">in</span> <span class="nx">arr</span><span class="p">)</span> <span class="p">{</span> </span><span id="L-10"><a name="L-10"></a> <span class="kd">var</span> <span class="nx">value</span> <span class="o">=</span> <span class="nx">arr</span><span class="p">[</span><span class="nx">item</span><span class="p">];</span> </span><span id="L-11"><a name="L-11"></a> </span><span id="L-12"><a name="L-12"></a> <span class="k">if</span><span class="p">(</span><span class="k">typeof</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="o">==</span> <span class="s1">&#39;object&#39;</span><span class="p">)</span> <span class="p">{</span> <span class="c1">//If it is an array, </span> </span><span id="L-13"><a name="L-13"></a> <span class="nx">dumped_text</span> <span class="o">+=</span> <span class="nx">level_padding</span> <span class="o">+</span> <span class="s2">&quot;&#39;&quot;</span> <span class="o">+</span> <span class="nx">item</span> <span class="o">+</span> <span class="s2">&quot;&#39; ...\n&quot;</span><span class="p">;</span> </span><span id="L-14"><a name="L-14"></a> <span class="nx">dumped_text</span> <span class="o">+=</span> <span class="nx">$</span><span class="p">.</span><span class="nx">debug</span><span class="p">.</span><span class="nx">dump</span><span class="p">(</span><span class="nx">value</span><span class="p">,</span><span class="nx">level</span><span class="o">+</span><span class="mi">1</span><span class="p">);</span> </span><span id="L-15"><a name="L-15"></a> <span class="p">}</span> <span class="k">else</span> <span class="p">{</span> </span><span id="L-16"><a name="L-16"></a> <span class="nx">dumped_text</span> <span class="o">+=</span> <span class="nx">level_padding</span> <span class="o">+</span> <span class="s2">&quot;&#39;&quot;</span> <span class="o">+</span> <span class="nx">item</span> <span class="o">+</span> <span class="s2">&quot;&#39; =&gt; \&quot;&quot;</span> <span class="o">+</span> <span class="nx">value</span> <span class="o">+</span> <span class="s2">&quot;\&quot;\n&quot;</span><span class="p">;</span> </span><span id="L-17"><a name="L-17"></a> <span class="p">}</span> </span><span id="L-18"><a name="L-18"></a> <span class="p">}</span> </span><span id="L-19"><a name="L-19"></a> <span class="p">}</span> <span class="k">else</span> <span class="p">{</span> <span class="c1">//Stings/Chars/Numbers etc. </span> </span><span id="L-20"><a name="L-20"></a> <span class="nx">dumped_text</span> <span class="o">=</span> <span class="s2">&quot;===&gt;&quot;</span><span class="o">+</span><span class="nx">arr</span><span class="o">+</span><span class="s2">&quot;&lt;===(&quot;</span><span class="o">+</span><span class="k">typeof</span><span class="p">(</span><span class="nx">arr</span><span class="p">)</span><span class="o">+</span><span class="s2">&quot;)&quot;</span><span class="p">;</span> </span><span id="L-21"><a name="L-21"></a> <span class="p">}</span> </span><span id="L-22"><a name="L-22"></a> <span class="k">return</span> <span class="nx">dumped_text</span><span class="p">;</span> </span><span id="L-23"><a name="L-23"></a> <span class="p">},</span> </span><span id="L-24"><a name="L-24"></a> <span class="nx">print_r</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">obj</span><span class="p">){</span> </span><span id="L-25"><a name="L-25"></a> <span class="nb">document</span><span class="p">.</span><span class="nx">write</span><span class="p">(</span><span class="s2">&quot;&lt;div id=&#39;debugContent&#39;&gt;&lt;/div&gt;&quot;</span><span class="p">);</span> </span><span id="L-26"><a name="L-26"></a> </span><span id="L-27"><a name="L-27"></a> <span class="nx">$</span><span class="p">(</span><span class="s2">&quot;#debugContent&quot;</span><span class="p">).</span><span class="nx">css</span><span class="p">({</span> </span><span id="L-28"><a name="L-28"></a> <span class="nx">display</span><span class="o">:</span> <span class="s2">&quot;block&quot;</span><span class="p">,</span> </span><span id="L-29"><a name="L-29"></a> <span class="nx">position</span><span class="o">:</span> <span class="s2">&quot;absolute&quot;</span><span class="p">,</span> </span><span id="L-30"><a name="L-30"></a> <span class="nx">top</span><span class="o">:</span> <span class="s2">&quot;0px&quot;</span><span class="p">,</span> </span><span id="L-31"><a name="L-31"></a> <span class="nx">right</span><span class="o">:</span> <span class="s2">&quot;0px&quot;</span><span class="p">,</span> </span><span id="L-32"><a name="L-32"></a> <span class="nx">padding</span><span class="o">:</span> <span class="s2">&quot;10px&quot;</span><span class="p">,</span> </span><span id="L-33"><a name="L-33"></a> <span class="nx">width</span><span class="o">:</span> <span class="s2">&quot;700px&quot;</span><span class="p">,</span> </span><span id="L-34"><a name="L-34"></a> <span class="nx">background</span><span class="o">:</span> <span class="s2">&quot;#ddd&quot;</span><span class="p">,</span> </span><span id="L-35"><a name="L-35"></a> <span class="nx">color</span><span class="o">:</span> <span class="s2">&quot;black&quot;</span><span class="p">,</span> </span><span id="L-36"><a name="L-36"></a> <span class="nx">border</span><span class="o">:</span> <span class="s2">&quot;solid 1px black&quot;</span> </span><span id="L-37"><a name="L-37"></a> <span class="p">}).</span><span class="nx">html</span><span class="p">(</span><span class="s2">&quot;&lt;pre&gt;&quot;</span><span class="o">+</span><span class="nx">$</span><span class="p">.</span><span class="nx">debug</span><span class="p">.</span><span class="nx">dump</span><span class="p">(</span><span class="nx">obj</span><span class="p">)</span><span class="o">+</span><span class="s2">&quot;&lt;/pre&gt;&lt;div id=&#39;close-debug&#39;&gt;Close&lt;/div&gt;&quot;</span><span class="p">);</span> </span><span id="L-38"><a name="L-38"></a> </span><span id="L-39"><a name="L-39"></a> <span class="nx">$</span><span class="p">(</span><span class="s2">&quot;#close-debug&quot;</span><span class="p">).</span><span class="nx">css</span><span class="p">({</span><span class="nx">cursor</span><span class="o">:</span> <span class="s2">&quot;pointer&quot;</span><span class="p">}).</span><span class="nx">click</span><span class="p">(</span><span class="kd">function</span><span class="p">(){</span> </span><span id="L-40"><a name="L-40"></a> <span class="nx">$</span><span class="p">(</span><span class="s2">&quot;#debugContent&quot;</span><span class="p">).</span><span class="nx">remove</span><span class="p">();</span> </span><span id="L-41"><a name="L-41"></a> <span class="p">});</span> </span><span id="L-42"><a name="L-42"></a> <span class="p">}</span> </span><span id="L-43"><a name="L-43"></a> <span class="p">};</span> </span><span id="L-44"><a name="L-44"></a><span class="p">})(</span><span class="nx">jQuery</span><span class="p">);</span> </span><span id="L-45"><a name="L-45"></a> </span><span id="L-46"><a name="L-46"></a><span class="c1">// use: $.debug.print_r(arr)</span> </span></pre></div> </td></tr></table>
debug, jquery, print_r