<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>The Web Goodies</title>
	<atom:link href="http://www.thewebgoodies.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.thewebgoodies.com</link>
	<description>All the web goodies are here</description>
	<lastBuildDate>Fri, 01 Feb 2013 10:35:22 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Process log file with Notepad++</title>
		<link>http://www.thewebgoodies.com/2013/02/01/process-log-file-with-notepad/</link>
		<comments>http://www.thewebgoodies.com/2013/02/01/process-log-file-with-notepad/#comments</comments>
		<pubDate>Fri, 01 Feb 2013 10:35:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Others]]></category>

		<guid isPermaLink="false">http://www.thewebgoodies.com/?p=398</guid>
		<description><![CDATA[This Notepad++ has got some serious power. My requirement was to process the log files and had to remove the duplicate lines + some other unwanted calls (css, js, images etc). I goggled some sites and here is the output. I sorted the file first (you can opt for removing the unwanted lines first). Sort [...]]]></description>
			<content:encoded><![CDATA[<p>This Notepad++ has got some serious power. My requirement was to process the log files and had to remove the duplicate lines + some other unwanted calls (css, js, images etc). I goggled some sites and here is the output.<br />
I sorted the file first (you can opt for removing the unwanted lines first).</p>
<p><strong>Sort file:</strong><br />
TextFX -&gt; TextFXTools -&gt; mark sort and sort output only UNIQUE (can also try other sorting options given).</p>
<p><strong>Select lines to be removed:</strong><br />
Ctrl + F (search) -&gt; Select Mark Tab<br />
Now here select &#8220;Bookmark line&#8221; select box and fill the &#8220;Find what&#8221; box and click &#8220;Mark All&#8221; button. You can also use Regular expression to make some advanced marking. For example I had .jsp and .js as the end of many of the lines. I just wanted to remove .js from the file, so I used regular expression .js$ and it did the trick.</p>
<p><strong>Remove selected lines:</strong><br />
Now that you have selected the lines that you want to remove, it is time to remove them. And most simplest of them Search -&gt; Bookmark -&gt; Remove bookmarked lines. That&#8217;s it, all the selected lines are gone.</p>
<p>I like Notepad++ as it is packed with many powerful utilities.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thewebgoodies.com/2013/02/01/process-log-file-with-notepad/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Samples</title>
		<link>http://www.thewebgoodies.com/samples/</link>
		<comments>http://www.thewebgoodies.com/samples/#comments</comments>
		<pubDate>Thu, 03 Jan 2013 19:01:19 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<guid isPermaLink="false">http://www.thewebgoodies.com/</guid>
		<description><![CDATA[All the tool samples goes here.]]></description>
			<content:encoded><![CDATA[<p>All the tool samples goes here.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thewebgoodies.com/samples/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sencha, multiple axes column charts</title>
		<link>http://www.thewebgoodies.com/2012/05/28/sencha-multiple-axes-column-charts/</link>
		<comments>http://www.thewebgoodies.com/2012/05/28/sencha-multiple-axes-column-charts/#comments</comments>
		<pubDate>Mon, 28 May 2012 14:18:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Sencha]]></category>

		<guid isPermaLink="false">http://www.thewebgoodies.com/?p=372</guid>
		<description><![CDATA[While working with Sencha charts I was not able to draw column charts having multiple axes. There is no solution available on the web so I tried and found a workaround and it is working fine. Just to give an idea on the problem, below is a screenshot on what the problem looks like. Code [...]]]></description>
			<content:encoded><![CDATA[<p>While working with Sencha charts I was not able to draw column charts having multiple axes. There is no solution available on the web so I tried and found a workaround and it is working fine. Just to give an idea on the problem, below is a screenshot on what the problem looks like. </p>
<p><a href="http://www.thewebgoodies.com/2012/05/28/sencha-multiple-axes-column-charts/multiaxes1/" rel="attachment wp-att-373"><img src="http://www.thewebgoodies.com/wp-content/uploads/2012/05/multiaxes1-300x293.jpg" alt="" title="multiaxes1" width="300" height="293" class="alignnone size-medium wp-image-373" /></a><br />
<span id="more-372"></span><br />
Code for the problem is as below:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>div id<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;chart&quot;</span><span style="color: #339933;">&gt;&lt;/</span>div<span style="color: #339933;">&gt;</span>
         <span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span> <span style="color: #339933;">&gt;</span>
&nbsp;
window.<span style="color: #660066;">generateData</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>n<span style="color: #339933;">,</span> floor<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    <span style="color: #003366; font-weight: bold;">var</span> data <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span>
    p <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">random</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">*</span> <span style="color: #CC0000;">11</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #CC0000;">1</span><span style="color: #339933;">,</span>
    i<span style="color: #339933;">;</span>
&nbsp;
    floor <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>floor <span style="color: #339933;">&amp;&amp;</span> floor <span style="color: #339933;">!==</span> <span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">?</span> <span style="color: #CC0000;">20</span> <span style="color: #339933;">:</span> floor<span style="color: #339933;">;</span>
&nbsp;
    <span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span>i <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&lt;</span> <span style="color: #009900;">&#40;</span>n <span style="color: #339933;">||</span> <span style="color: #CC0000;">12</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        data.<span style="color: #660066;">push</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
            <span style="color: #000066;">name</span><span style="color: #339933;">:</span> Date.<span style="color: #660066;">monthNames</span><span style="color: #009900;">&#91;</span>i <span style="color: #339933;">%</span> <span style="color: #CC0000;">12</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span>
            data1<span style="color: #339933;">:</span> Math.<span style="color: #660066;">floor</span><span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">max</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">random</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">*</span> <span style="color: #CC0000;">100</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> floor<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
            data2<span style="color: #339933;">:</span> Math.<span style="color: #660066;">floor</span><span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">max</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">random</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">*</span> <span style="color: #CC0000;">100</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> floor<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
            data3<span style="color: #339933;">:</span> Math.<span style="color: #660066;">floor</span><span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">max</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">random</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">*</span> <span style="color: #CC0000;">1000</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> floor<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
            data4<span style="color: #339933;">:</span> <span style="color: #CC0000;">0</span>
        <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
&nbsp;
    <span style="color: #000066; font-weight: bold;">return</span> data<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
Ext.<span style="color: #660066;">setup</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
    onReady<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
        <span style="color: #003366; font-weight: bold;">var</span> store1 <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Ext.<span style="color: #660066;">data</span>.<span style="color: #660066;">JsonStore</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
&nbsp;
            fields<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'name'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'data1'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'data2'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'data3'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'data4'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span>
            data<span style="color: #339933;">:</span> generateData<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">5</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">20</span><span style="color: #009900;">&#41;</span>
        <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #003366; font-weight: bold;">var</span> onRefreshTap <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            window.<span style="color: #660066;">store1</span>.<span style="color: #660066;">loadData</span><span style="color: #009900;">&#40;</span>generateData<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">5</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">20</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
&nbsp;
        <span style="color: #003366; font-weight: bold;">var</span> newdata<span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Ext.<span style="color: #660066;">chart</span>.<span style="color: #660066;">Panel</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
&nbsp;
            <span style="color: #009966; font-style: italic;">/*  fullscreen: true,*/</span>
            <span style="color: #009966; font-style: italic;">/* autoCreateViewPort:false,*/</span>
            renderTo<span style="color: #339933;">:</span><span style="color: #3366CC;">&quot;chart&quot;</span><span style="color: #339933;">,</span>
            width<span style="color: #339933;">:</span> <span style="color: #CC0000;">500</span><span style="color: #339933;">,</span>
            height<span style="color: #339933;">:</span> <span style="color: #CC0000;">500</span><span style="color: #339933;">,</span>
            title<span style="color: #339933;">:</span> <span style="color: #3366CC;">'Column Chart'</span><span style="color: #339933;">,</span>
            items<span style="color: #339933;">:</span> <span style="color: #009900;">&#123;</span>
                cls<span style="color: #339933;">:</span> <span style="color: #3366CC;">'column1'</span><span style="color: #339933;">,</span>
                store<span style="color: #339933;">:</span> store1<span style="color: #339933;">,</span>
&nbsp;
                axes<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><span style="color: #009900;">&#123;</span>
                    type<span style="color: #339933;">:</span> <span style="color: #3366CC;">'Numeric'</span><span style="color: #339933;">,</span>
                    position<span style="color: #339933;">:</span> <span style="color: #3366CC;">'left'</span><span style="color: #339933;">,</span>
                    fields<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'data1'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'data2'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span>
                    minimum<span style="color: #339933;">:</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">,</span>
                    maximum<span style="color: #339933;">:</span> <span style="color: #CC0000;">100</span><span style="color: #339933;">,</span>
                    label<span style="color: #339933;">:</span> <span style="color: #009900;">&#123;</span>
                        renderer<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>v<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                            <span style="color: #000066; font-weight: bold;">return</span> v.<span style="color: #660066;">toFixed</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                        <span style="color: #009900;">&#125;</span>
                    <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
                    title<span style="color: #339933;">:</span> <span style="color: #3366CC;">'title1'</span>
                <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span><span style="color: #009900;">&#123;</span>
                    type<span style="color: #339933;">:</span> <span style="color: #3366CC;">'Numeric'</span><span style="color: #339933;">,</span>
                    position<span style="color: #339933;">:</span> <span style="color: #3366CC;">'right'</span><span style="color: #339933;">,</span>
                    fields<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'data3'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span>
                    minimum<span style="color: #339933;">:</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">,</span>
                   <span style="color: #009966; font-style: italic;">/* maximum: 100,*/</span>
                    label<span style="color: #339933;">:</span> <span style="color: #009900;">&#123;</span>
                        renderer<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>v<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                            <span style="color: #000066; font-weight: bold;">return</span> v.<span style="color: #660066;">toFixed</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                        <span style="color: #009900;">&#125;</span>
                    <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
                    title<span style="color: #339933;">:</span> <span style="color: #3366CC;">'title2'</span>
                <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
                <span style="color: #009900;">&#123;</span>
                    type<span style="color: #339933;">:</span> <span style="color: #3366CC;">'Category'</span><span style="color: #339933;">,</span>
                    position<span style="color: #339933;">:</span> <span style="color: #3366CC;">'bottom'</span><span style="color: #339933;">,</span>
                    fields<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'name'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span>
                    title<span style="color: #339933;">:</span> <span style="color: #3366CC;">'Month of the Year'</span>
                <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span>
                series<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><span style="color: #009900;">&#123;</span>
                    type<span style="color: #339933;">:</span> <span style="color: #3366CC;">'column'</span><span style="color: #339933;">,</span>
                    axis<span style="color: #339933;">:</span> <span style="color: #3366CC;">'left'</span><span style="color: #339933;">,</span>
                    highlight<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
&nbsp;
                    label<span style="color: #339933;">:</span> <span style="color: #009900;">&#123;</span>
                        field<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'data1'</span><span style="color: #009900;">&#93;</span>
                    <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
                    xField<span style="color: #339933;">:</span> <span style="color: #3366CC;">'name'</span><span style="color: #339933;">,</span>
                    yField<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'data1'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'data2'</span><span style="color: #009900;">&#93;</span>
                <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
                <span style="color: #009900;">&#123;</span>
                    type<span style="color: #339933;">:</span> <span style="color: #3366CC;">'column'</span><span style="color: #339933;">,</span>
                    axis<span style="color: #339933;">:</span> <span style="color: #3366CC;">'right'</span><span style="color: #339933;">,</span>
                    highlight<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
                    label<span style="color: #339933;">:</span> <span style="color: #009900;">&#123;</span>
                        field<span style="color: #339933;">:</span> <span style="color: #3366CC;">'data3'</span>
                    <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
                    xField<span style="color: #339933;">:</span> <span style="color: #3366CC;">'name'</span><span style="color: #339933;">,</span>
                    yField<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'data3'</span><span style="color: #009900;">&#93;</span>
                <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span>
                interactions<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><span style="color: #009900;">&#123;</span>
                    type<span style="color: #339933;">:</span> <span style="color: #3366CC;">'panzoom'</span><span style="color: #339933;">,</span>
                    axes<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'bottom'</span><span style="color: #009900;">&#93;</span>
                <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#93;</span>
            <span style="color: #009900;">&#125;</span>
        <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
    <span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                  <span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></div></div>

<p><strong>The solution:</strong></p>
<p>We need to create a zero value entry into the store and append it to the first and second series items. The number of additions depends on the length of series yField items of the other axes. For example if we are using 1 data elment in yField on left and 2 data elements on the right side then we need to append zero value as: 2 to the left side at the end, 1 to the beginning of the right side items. So both sides now contain 3 data items. </p>
<p>An example code is as below:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">series<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><span style="color: #009900;">&#123;</span>
                    type<span style="color: #339933;">:</span> <span style="color: #3366CC;">'column'</span><span style="color: #339933;">,</span>
                    axis<span style="color: #339933;">:</span> <span style="color: #3366CC;">'left'</span><span style="color: #339933;">,</span>
                    highlight<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
&nbsp;
                    label<span style="color: #339933;">:</span> <span style="color: #009900;">&#123;</span>
                        field<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'data1'</span><span style="color: #009900;">&#93;</span>
                    <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
                    xField<span style="color: #339933;">:</span> <span style="color: #3366CC;">'name'</span><span style="color: #339933;">,</span>
                    yField<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'data1'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'data2'</span><span style="color: #339933;">,</span><span style="color: #3366CC;">'data4'</span><span style="color: #009900;">&#93;</span>
                <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
                <span style="color: #009900;">&#123;</span>
                    type<span style="color: #339933;">:</span> <span style="color: #3366CC;">'column'</span><span style="color: #339933;">,</span>
                    axis<span style="color: #339933;">:</span> <span style="color: #3366CC;">'right'</span><span style="color: #339933;">,</span>
                    highlight<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
                    label<span style="color: #339933;">:</span> <span style="color: #009900;">&#123;</span>
                        field<span style="color: #339933;">:</span> <span style="color: #3366CC;">'data3'</span>
                    <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
                    xField<span style="color: #339933;">:</span> <span style="color: #3366CC;">'name'</span><span style="color: #339933;">,</span>
                    yField<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'data4'</span><span style="color: #339933;">,</span><span style="color: #3366CC;">'data4'</span><span style="color: #339933;">,</span><span style="color: #3366CC;">'data3'</span><span style="color: #009900;">&#93;</span>
                <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#93;</span></pre></div></div>

<p>Here data4 is a zero value.</p>
<p>And it renders as:</p>
<p><a href="http://www.thewebgoodies.com/2012/05/28/sencha-multiple-axes-column-charts/multiaxes2/" rel="attachment wp-att-376"><img src="http://www.thewebgoodies.com/wp-content/uploads/2012/05/multiaxes2-300x289.jpg" alt="" title="multiaxes2" width="300" height="289" class="alignnone size-medium wp-image-376" /></a></p>
<p>Problemo Solved!!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thewebgoodies.com/2012/05/28/sencha-multiple-axes-column-charts/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Remove special characters from url using redirects</title>
		<link>http://www.thewebgoodies.com/2012/02/17/remove-special-characters-from-url-using-redirects/</link>
		<comments>http://www.thewebgoodies.com/2012/02/17/remove-special-characters-from-url-using-redirects/#comments</comments>
		<pubDate>Fri, 17 Feb 2012 13:27:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Apache]]></category>
		<category><![CDATA[Redirects]]></category>
		<category><![CDATA[configurations]]></category>
		<category><![CDATA[redirects]]></category>

		<guid isPermaLink="false">http://www.thewebgoodies.com/?p=359</guid>
		<description><![CDATA[There are few CMS which do not remove special characters from the post and use them while entering the title. You can remove them using redirects using htaccess file or httpd.conf itself. A very basic rewrite is written as below: RewriteEngine on RewriteBase /redirects RewriteRule ^(.*)['\-+](.*)$ /redirects/$1$2 [R=301] #or for different encoding characters use the [...]]]></description>
			<content:encoded><![CDATA[<p>There are few CMS which do not remove special characters from the post and use them while entering the title. You can remove them using redirects using htaccess file or httpd.conf itself. A very basic rewrite is written as below: <span id="more-359"></span></p>

<div class="wp_syntax"><div class="code"><pre class="apache" style="font-family:monospace;"><span style="color: #00007f;">RewriteEngine</span> <span style="color: #0000ff;">on</span>
<span style="color: #00007f;">RewriteBase</span> /redirects
<span style="color: #00007f;">RewriteRule</span> ^(.*)[<span style="color: #7f007f;">'<span style="color: #000099; font-weight: bold;">\-</span>+](.*)$ /redirects/$1$2 [R=301]
#or for different encoding characters use the below
RewriteRule ^(.*)[^a-zA-Z0-9<span style="color: #000099; font-weight: bold;">\-</span><span style="color: #000099; font-weight: bold;">\.</span>][^a-zA-Z0-9<span style="color: #000099; font-weight: bold;">\-</span><span style="color: #000099; font-weight: bold;">\.</span>][^a-zA-Z0-9<span style="color: #000099; font-weight: bold;">\-</span><span style="color: #000099; font-weight: bold;">\.</span>](.*)$ /redirects/$1$2 [R=301]</span></pre></div></div>

<p>You can use any special character inside the bracket. Remember to escape the required characters else it will break the redirect or even the syntax itself causing the apache to throw error. </p>
<p>The above mentioned redirect will keep redirecting until all the specified special characters are removed from the url, so if we are using url as below:</p>

<div class="wp_syntax"><div class="code"><pre class="apache" style="font-family:monospace;">http://yourdomain.com/redirects/t<span style="color: #7f007f;">'e+s-+t.html</span></pre></div></div>

<p>Here we have four special characters and the redirect rule will eliminate them one by one and you can see that in firebug as below:</p>

<div class="wp_syntax"><div class="code"><pre class="apache" style="font-family:monospace;">GET t%27e+s-+t.html http://localhost/redirects/t%27e+s-+t.html <span style="color: #ff0000;">301</span> Moved Permanently 
GET t%27e+s-t.html http://localhost/redirects/t%27e+s-t.html <span style="color: #ff0000;">301</span> Moved Permanently
GET t%27e+st.html http://localhost/redirects/t%27e+st.html <span style="color: #ff0000;">301</span> Moved Permanently
GET t%27est.html http://localhost/redirects/t%27est.html <span style="color: #ff0000;">301</span> Moved Permanently
GET test.html http://localhost/redirects/test.html <span style="color: #ff0000;">200</span> OK
<span style="color: #ff0000;">5</span> requests</pre></div></div>

<p>For a single special character this should work fine, but for multiple special characters it will keep on redirecting until all the characters are removed. These many redirects are not considered as good. Therefore, you can choose the correct set of redirect and write it as below:</p>

<div class="wp_syntax"><div class="code"><pre class="apache" style="font-family:monospace;"><span style="color: #00007f;">RewriteEngine</span> <span style="color: #0000ff;">on</span>
<span style="color: #00007f;">RewriteBase</span> /redirects
<span style="color: #00007f;">RewriteRule</span> ^(.*)[<span style="color: #7f007f;">'<span style="color: #000099; font-weight: bold;">\-</span>+](.*)['</span>\-+](.*)$ /redirects/$1$2$3 [R=<span style="color: #ff0000;">301</span>]     <span style="color: #adadad; font-style: italic;">#remove two special characters simoultaneously.</span></pre></div></div>

<p>With this still there are 3 requests made out of which two are redirects. First one removing first two special characters and second one removing the remaining two. For four special characters you can write.</p>

<div class="wp_syntax"><div class="code"><pre class="apache" style="font-family:monospace;"><span style="color: #00007f;">RewriteRule</span> ^(.*)[<span style="color: #7f007f;">'<span style="color: #000099; font-weight: bold;">\-</span>+](.*)['</span>\-+](.*)[<span style="color: #7f007f;">'<span style="color: #000099; font-weight: bold;">\-</span>+](.*)['</span>\-+](.*)$ /redirects/$1$2$3$4$5 [R=<span style="color: #ff0000;">301</span>]</pre></div></div>

<p>Now all four special characters are removed in one go. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.thewebgoodies.com/2012/02/17/remove-special-characters-from-url-using-redirects/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Online password generator</title>
		<link>http://www.thewebgoodies.com/online-password-generator/</link>
		<comments>http://www.thewebgoodies.com/online-password-generator/#comments</comments>
		<pubDate>Thu, 09 Feb 2012 17:30:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<guid isPermaLink="false">http://www.thewebgoodies.com/</guid>
		<description><![CDATA[Generate online password using best of the combination of Uppercase, lowercase, numbers and symbols. All these are easily customizable. The generated password is guaranteed to have at least one of the selected characters and consists of nice balance of all the selected characters. The generated password also keeps the first character as alphabet so that [...]]]></description>
			<content:encoded><![CDATA[<p><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script></p>
<p>Generate online password using best of the combination of Uppercase, lowercase, numbers and symbols. All these are easily customizable. The generated password is guaranteed to have at least one of the selected characters and consists of nice balance of all the selected characters. </p>
<p>The generated password also keeps the first character as alphabet so that it is accepted on all platforms and systems. </p>
<table>
<tr>
<td>lowercase : </td>
<td>
<input type="checkbox" name="lowercase" id="lowercase" checked/>
<input type="text" size="30" name="lwrchrs" value="abcdefghijkmnopqrstuvwxyz"/>
                </td>
</tr>
<tr>
<td>UPPERCASE : </td>
<td>
<input type="checkbox" name="uppercase" id="uppercase" checked/>
<input type="text" size="40" name="uprchrs" value="ABCDEFGHJKLMNPQRSTUVWXYZ"/>
                </td>
</tr>
<tr>
<td>123456789 : </td>
<td>
<input type="checkbox" name="numbers" id="numbers" checked/>
<input type="text" size="15" name="numchrs" value="23456789"/>
                </td>
</tr>
<tr>
<td>!@#$%^&#038;*() : </td>
<td>
<input type="checkbox" name="symbols" id="symbols" checked/>
<input type="text" size="30" name="splchrs" value="~!@#$%^&#038;*()_+-=[]{}/?"/>
                </td>
</tr>
<tr>
<td>Passowrd Length : </td>
<td>
<input type="text" name="length" id="length" value="8"/>
                </td>
</tr>
<tr>
<td>Number of passwords : </td>
<td>
<input type="text" name="number" id="number" value="10"/>
                </td>
</tr>
</table>
<div id="passwords" style="font-weight:bold;">
            Password(s) will be shown here.<br/>
        </div>
<input type="button" id="generate" name="generate" value="Generate"/>
<p><script type="text/javascript" src="/js/pgenmin.js"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.thewebgoodies.com/online-password-generator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Serve svn repository with apache in easy steps</title>
		<link>http://www.thewebgoodies.com/2012/01/23/serve-svn-repository-with-apache-in-easy-steps/</link>
		<comments>http://www.thewebgoodies.com/2012/01/23/serve-svn-repository-with-apache-in-easy-steps/#comments</comments>
		<pubDate>Mon, 23 Jan 2012 12:51:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Apache]]></category>
		<category><![CDATA[Subversion]]></category>
		<category><![CDATA[configurations]]></category>

		<guid isPermaLink="false">http://www.thewebgoodies.com/?p=322</guid>
		<description><![CDATA[You can serve svn repository with apache with easy steps as below: 1. Install svn module for apache: with yum : yum install mod_dav_svn This will install mod svn to apache. 2. Check httpd.conf and set-up mod svn LoadModule dav_svn_module modules/mod_dav_svn.so For this you should have mod_dav already loaded in httpd.conf file. 3. Add a [...]]]></description>
			<content:encoded><![CDATA[<p>You can serve svn repository with apache with easy steps as below:</p>
<p>1. <strong>Install svn module for apache:</strong><br />
with yum : yum install mod_dav_svn<br />
<span id="more-322"></span><br />
This will install mod svn to apache. </p>
<p>2. <strong>Check httpd.conf and set-up mod svn</strong></p>
<p>LoadModule dav_svn_module modules/mod_dav_svn.so</p>
<p>For this you should have mod_dav already loaded in httpd.conf file.</p>
<p>3. <strong>Add a Location directive as below:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="apache" style="font-family:monospace;">&lt;<span style="color: #000000; font-weight:bold;">Location</span> /svnserve&gt;
<span style="color: #adadad; font-style: italic;"># svnserve is the name with wich you'll be accessing the repository </span>
<span style="color: #00007f;">DAV</span> svn
<span style="color: #00007f;">SVNPath</span> /svn/projects/
<span style="color: #adadad; font-style: italic;">#this will be the path to your svn repository. i have installed svn at the root folder so the path is /svn/projects where projects is the repo name. </span>
&nbsp;
<span style="color: #adadad; font-style: italic;">#if you need to password protect your repository you can consider adding the below</span>
<span style="color: #00007f;">AuthType</span> Basic
<span style="color: #00007f;">AuthName</span> <span style="color: #7f007f;">&quot;Svn repository&quot;</span>
<span style="color: #00007f;">AuthUserFile</span> /svn/projects/conf/svn-auth-file
<span style="color: #00007f;">Require</span> valid-<span style="color: #00007f;">user</span>
&lt;/<span style="color: #000000; font-weight:bold;">Location</span>&gt;</pre></div></div>

<p>With this you&#8217;ll be able to access the repository in the browser as http://<IP>/svnserve/. You can create auth file using htpasswd command as below:</p>
<p>Creating the file for the first time</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;">htpasswod <span style="color: #660033;">-cmd</span> <span style="color: #000000; font-weight: bold;">/</span>svn<span style="color: #000000; font-weight: bold;">/</span>projects<span style="color: #000000; font-weight: bold;">/</span>conf<span style="color: #000000; font-weight: bold;">/</span>svn-auth-file <span style="color: #000000; font-weight: bold;">&lt;</span>user-name<span style="color: #000000; font-weight: bold;">&gt;</span></pre></div></div>

<p>Adding more user to the file</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;">htpasswod <span style="color: #660033;">-md</span> <span style="color: #000000; font-weight: bold;">/</span>svn<span style="color: #000000; font-weight: bold;">/</span>projects<span style="color: #000000; font-weight: bold;">/</span>conf<span style="color: #000000; font-weight: bold;">/</span>svn-auth-file <span style="color: #000000; font-weight: bold;">&lt;</span>user-name<span style="color: #000000; font-weight: bold;">&gt;</span></pre></div></div>

<p>Now the repository will ask for a valid user first. </p>
<p>If you are having 403 &#8220;Forbidden&#8221; error then it is possible that the repository do not have sufficient privileges. You can check the permissions to the directory and other files. For a quick fix you can override them by using the below commands:</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;">chcon <span style="color: #660033;">--reference</span>=<span style="color: #000000; font-weight: bold;">/</span>var<span style="color: #000000; font-weight: bold;">/</span>www<span style="color: #000000; font-weight: bold;">/</span>html <span style="color: #660033;">-R</span> <span style="color: #000000; font-weight: bold;">/</span>svn<span style="color: #000000; font-weight: bold;">/</span>projects
<span style="color: #666666; font-style: italic;">#where /var/www/html is the directory served by apache</span></pre></div></div>

<p>check them again:</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;">ll <span style="color: #660033;">-Z</span> <span style="color: #000000; font-weight: bold;">/</span>svn<span style="color: #000000; font-weight: bold;">/</span>projects</pre></div></div>

<p>It should show the result something as below</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;">drwxr-xr-x  apache apache system_u:object_r:httpd_sys_content_t <span style="color: #000000; font-weight: bold;">/</span>svn<span style="color: #000000; font-weight: bold;">/</span>projects</pre></div></div>

<p>and hit refresh in the browser. You should be able to acces the repository now.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thewebgoodies.com/2012/01/23/serve-svn-repository-with-apache-in-easy-steps/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Text Converter : Convert formats between text, unicode, binary, hex, octal.</title>
		<link>http://www.thewebgoodies.com/textconvert/</link>
		<comments>http://www.thewebgoodies.com/textconvert/#comments</comments>
		<pubDate>Sat, 31 Dec 2011 11:57:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<guid isPermaLink="false">http://www.thewebgoodies.com/</guid>
		<description><![CDATA[Number system, ascii, unicode converter. Converts Hex, Binary, Decimal and Octal number systems. Here you can convert text to and from various number systems viz Hex, Binary and Octal. Also you can get Unicode directly from any format. So if you want to get the unicode of characters just paste it here and click convert. [...]]]></description>
			<content:encoded><![CDATA[<p><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><br />
        <script type="text/javascript" src="/js/foConvertmin.js"></script></p>
<p>
Number system, ascii, unicode converter.</p>
<p>        Converts Hex, Binary, Decimal and Octal number systems. </p>
<p>        Here you can convert text to and from various number systems viz Hex, Binary and Octal. Also you can get Unicode directly from any format. So if you want to get the unicode of characters just paste it here and click convert. You will get the desired conversions. There is also an option of ascii code given so that you can also check the ascii value of the text of format you wish to convert.<br />
        Please enter the source text and select the types to convert. Default is Text to Hex.<br />
        <b>Source : </b></p>
<table width="50%">
<tr>
<td>Dec&nbsp;:&nbsp;<br />
<input type="radio" name="source" value="1" checked></td>
<td>Hex :<br />
<input type="radio" name="source" value="2"></td>
<td>Bin :<br />
<input type="radio" name="source" value="3"></td>
<td>Oct :<br />
<input type="radio" name="source" value="4"></td>
</tr>
</table>
<p>        <b>Destination:</b><br/></p>
<table  width="50%">
<tr>
<td>Hex:<br />
<input type="radio" name="destination" value="1" checked></td>
<td>Dec :<br />
<input type="radio" name="destination" value="2"></td>
<td>Bin :<br />
<input type="radio" name="destination" value="3"></td>
<td>Oct :<br />
<input type="radio" name="destination" value="4"></td>
</tr>
</table>
<p>        Select mixed chars if you are using different character sets like English mixed with Latin or Chinese etc.<br />
        Using mixed Characters :<br />
<input type="checkbox" name="mixchars"/> &nbsp;&nbsp;&nbsp;&nbsp;<br />
        Remove spaces from output :<br />
<input type="checkbox" name="removespaces"/>
<p>        <textarea name="src" id="src" style="height:191px;width:520px;"></textarea></p>
<input type="submit" name="cmdReverse" value="Convert" id="convert" style="height:27px;width:138px;" />
        <br/>Result:<br />
        <textarea name="dest" readonly="readonly" id="dest" style="height:191px;width:522px;"></textarea></p>
<p>        <b>Decimal equivalent : Decimal code (Ascii) of the source</b><br />
        <textarea name="decCode" readonly="readonly" id="deccode" style="height:191px;width:522px;"></textarea></p>
<p>        Select Specials only if you only want unicode for non english characters.<br />
        <b>Unicode Text:</b> <i>Specials only</i><br />
<input type="checkbox" id="unispe" name="unispe"/><br/><br />
        <textarea name="uniCode" readonly="readonly" id="unicode" style="height:191px;width:522px;"></textarea></p>
]]></content:encoded>
			<wfw:commentRss>http://www.thewebgoodies.com/textconvert/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>XML Validator</title>
		<link>http://www.thewebgoodies.com/xml-validator/</link>
		<comments>http://www.thewebgoodies.com/xml-validator/#comments</comments>
		<pubDate>Mon, 19 Dec 2011 18:01:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<guid isPermaLink="false">http://www.thewebgoodies.com/</guid>
		<description><![CDATA[XML Validator Copy xml below and click validate. &#60;?xml version=&#34;1.0&#34; ?>&#60;employee>&#60;name>Robin&#60;/name>&#60;id>25568&#60;/id>&#60;age>26&#60;/aeg>&#60;/employee> Validate a file by giving its url below: Filename: Validate xml against DTD (IE only) &#60;?xml version=&#34;1.0&#34; ?>&#60;!DOCTYPE employee [ &#60;!ELEMENT employee (name,id,age)> &#60;!ELEMENT name (#PCDATA)> &#60;!ELEMENT id (#PCDATA)> &#60;!ELEMENT age (#PCDATA)>]>&#60;employee>&#60;name>Robin&#60;/name>&#60;id>25568&#60;/id>&#60;age>26&#60;/age>&#60;/employee>]]></description>
			<content:encoded><![CDATA[<p> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script><br />
  <script src=" http://www.thewebgoodies.com/js/validate.js"></script></p>
<h1>XML Validator</h1>
<p>Copy xml below and click validate. </p>
<form action="">
<textarea id="xml" rows="10" cols="75">&lt;?xml version=&quot;1.0&quot; ?>&lt;employee>&lt;name>Robin&lt;/name>&lt;id>25568&lt;/id>&lt;age>26&lt;/aeg>&lt;/employee><br />
</textarea><br />
<br />
<input type="button" id="xmlValidate" value="Validate" onclick="validateXML('xml')"/>
</form>
<p> <br/> </p>
<h3>Validate a file by giving its url below:</h3>
<p> Filename:<br /> <br />
<input id="xmlFile" type="text" name="xmlfile" size="50" value="http://www.thewebgoodies.com/test.xml" /> <br />
<input type="submit" value="Validate" id="validateFile"/> <br/><br />
<h3>Validate xml against DTD (<b>IE only</b>)</h3>
<form action=""> <textarea id="dtdxml" rows="17" cols="75">&lt;?xml version=&quot;1.0&quot; ?>&lt;!DOCTYPE employee [ &lt;!ELEMENT employee (name,id,age)> &lt;!ELEMENT name (#PCDATA)> &lt;!ELEMENT id (#PCDATA)> &lt;!ELEMENT age (#PCDATA)>]>&lt;employee>&lt;name>Robin&lt;/name>&lt;id>25568&lt;/id>&lt;age>26&lt;/age>&lt;/employee> </textarea> <br /> <br />
<input type="button" value="Validate" onclick="validateXML('dtdxml')" /> </form>
]]></content:encoded>
			<wfw:commentRss>http://www.thewebgoodies.com/xml-validator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Check compression of web items using Firebug.</title>
		<link>http://www.thewebgoodies.com/2011/12/13/check-compression-of-web-items-using-firebug/</link>
		<comments>http://www.thewebgoodies.com/2011/12/13/check-compression-of-web-items-using-firebug/#comments</comments>
		<pubDate>Tue, 13 Dec 2011 06:33:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Others]]></category>

		<guid isPermaLink="false">http://www.thewebgoodies.com/?p=263</guid>
		<description><![CDATA[To test the compression of items in a web page we can use firebug to test individual items. Open firebug and go to Net tab. There you&#8217;ll find all the elements of the page. Expand any element and check &#8220;Response Header&#8221;. There will be so many entries as below: style.css Date Tue, 13 Dec 2011 [...]]]></description>
			<content:encoded><![CDATA[<p>To test the compression of items in a web page we can use firebug to test individual items. Open firebug and go to Net tab. There you&#8217;ll find all the elements of the page. Expand any element and check &#8220;Response Header&#8221;. There will be so many entries as below:<br />
<span id="more-263"></span><br />
style.css</p>
<p><strong>Date</strong> Tue, 13 Dec 2011 05:44:53 GMT<br />
<strong>Server</strong> Apache<br />
<strong>Last-Modified</strong> Wed, 03 Aug 2011 17:53:37 GMT<br />
<strong>Etag</strong> &#8220;2f8c09f-3ae2-4e398b21&#8243;<br />
<strong>Content-Encoding</strong> gzip<br />
<strong>Accept-Ranges</strong> bytes<br />
<strong>Content-Length</strong> 15074<br />
<strong>Keep-Alive</strong> timeout=5, max=100<br />
<strong>Connection</strong> Keep-Alive<br />
<strong>Content-Type</strong>	text/css</p>
<p><a href="http://www.thewebgoodies.com/wp-content/uploads/2011/12/firebug_net_tab.jpg"><br />
<img src="http://www.thewebgoodies.com/wp-content/uploads/2011/12/firebug_net_tab1-620x188.jpg" alt="" title="firebug_net_tab" width="620" height="188" class="size-large wp-image-274" /></a></p>
<p>Group wise items can also be selected by using the sub tabs like html,css, js etc. XHR tab is for ajax requests. There you can check all the requests which are made dynamically using ajax.</p>
<p>Here look for &#8220;Content-Encoding&#8221; if it says gzip then the item is compressed. Now it is good to serve text items like the page itself (html, jsp, aspx etc), css, javascript etc as compressed items. This saves bandwidth and serves the page quickly.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thewebgoodies.com/2011/12/13/check-compression-of-web-items-using-firebug/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Remove line breaks online</title>
		<link>http://www.thewebgoodies.com/remove-line-breaks-online/</link>
		<comments>http://www.thewebgoodies.com/remove-line-breaks-online/#comments</comments>
		<pubDate>Thu, 13 Oct 2011 13:44:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<guid isPermaLink="false">http://www.thewebgoodies.com/</guid>
		<description><![CDATA[Select below what you want to remove: Multiple spaces&#160;:&#160; &#124; Tabs&#160;:&#160; &#124; Only multiple new lines&#160;:&#160; Results $(document).ready(function(){ $("#set").click(function(){ //var tmp=escape($("#text").val()); var tmp=$("#text").val(); if($("input[name=type]:checked").val()=="mnl"){ tmp=tmp.replace(/(\r\n&#124;\n&#124;\r){2,}/g, '\n'); }else{ tmp=tmp.replace(/(\r\n&#124;\n&#124;\r){1,}/g, ''); } if($("input[name=type]:checked").val()=="ms"){ tmp=tmp.replace(/\s{2,}/g, ' '); } if($("input[name=type]:checked").val()=="tabs"){ tmp=tmp.replace(/\t{1,}/g, ' '); } $("#output").val(tmp); }); });]]></description>
			<content:encoded><![CDATA[<p><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> Select below what you want to remove: <br/><br />
        Multiple spaces&nbsp;:&nbsp;<br />
<input type="checkbox" name="type" value="ms"> |<br />
        Tabs&nbsp;:&nbsp;<br />
<input type="checkbox" name="type" value="tabs"> |<br />
        Only multiple new lines&nbsp;:&nbsp;<br />
<input type="checkbox" name="type" value="mnl">
<div class="js  global">
            <textarea rows="17" cols="100" id="text"> </textarea>
        </div>
<h2>Results</h2>
<p>        <textarea rows="17" cols="100" id="output"> </textarea></p>
<input type="button" id="set" name="Set" value="Remove Breaks">
        <script type="text/javascript">
            $(document).ready(function(){
                $("#set").click(function(){
                    //var tmp=escape($("#text").val());
                    var tmp=$("#text").val();
                    if($("input[name=type]:checked").val()=="mnl"){
                        tmp=tmp.replace(/(\r\n|\n|\r){2,}/g, '\n');
                    }else{
                        tmp=tmp.replace(/(\r\n|\n|\r){1,}/g, '');
                    }
                    if($("input[name=type]:checked").val()=="ms"){
                        tmp=tmp.replace(/\s{2,}/g, ' ');
                    }
                    if($("input[name=type]:checked").val()=="tabs"){
                        tmp=tmp.replace(/\t{1,}/g, ' ');
                    }
                    $("#output").val(tmp);
                });
            });
        </script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.thewebgoodies.com/remove-line-breaks-online/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic page generated in 1.249 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2013-05-22 18:07:15 -->
