<?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>Free Code Collection</title>
	<atom:link href="http://blog.freecodecollection.com/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.freecodecollection.com</link>
	<description>Your Own Code Collection Blog</description>
	<lastBuildDate>Sun, 26 Jul 2009 11:25:26 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Avoid automatically post form via CAPTCHA</title>
		<link>http://blog.freecodecollection.com/archives/65</link>
		<comments>http://blog.freecodecollection.com/archives/65#comments</comments>
		<pubDate>Sun, 26 Jul 2009 11:25:26 +0000</pubDate>
		<dc:creator>Hussain</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[CAPTCHA]]></category>
		<category><![CDATA[Html]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[WEB DESIGN]]></category>
		<category><![CDATA[WEB DEVELOPMENT]]></category>

		<guid isPermaLink="false">http://blog.freecodecollection.com/?p=65</guid>
		<description><![CDATA[A good way to avoid automatic form submissions when creating a web form is to add some kind of verification. One of the best ways is to use an image verification, called also captcha. What it does is to dynamically create an image with a random string displayed on it. Then visitor is asked to [...]]]></description>
			<content:encoded><![CDATA[A good way to avoid automatic form submissions when creating a web form is to add some kind of verification. One of the best ways is to use an image verification, called also captcha. What it does is to dynamically create an image with a random string displayed on it. Then visitor is asked to type that string in a text field and once the form is submitted it checks if the string on the image matches the one inputted by the user. Because there is no easy way to read a text from an image (image recognition) this is a good way to protect your web forms from spammers.<br />For doing this CAPTCHA I would suggest using a session variable where you store the string generated and displayed on that dynamically generated image.<br /><pre class="devcodeblock" title="MySQL"><table class="devcodetools"><tbody><tr><td>&nbsp;MySQL&nbsp;|&nbsp;</td><td style="background-image:url('http://blog.freecodecollection.com/wp-content/plugins/devformatter/img/devformatter-copy.png');background-repeat:no-repeat;background-position:50% 50%;width:16px;height:16px;"/><embed id="ZeroClipboard4" src="http://blog.freecodecollection.com/wp-content/plugins/devformatter/_zclipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="16px" height="16px" align="middle" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=4&width=16&height=16" wmode="transparent" /></td><td>&nbsp;copy&nbsp;code&nbsp;|</td><td style="cursor:pointer" title="DevFormatter Plugin" onclick="devfmt_credits()">?</td><td width="99%">&nbsp;</td></tr></tbody></table><div class="devcodeoverflow"><table class="devcodearea" width="100%"><tr><td class="devcodelines" width="1%">1</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #990099; font-weight: bold;">CREATE</span> <span style="color: #990099; font-weight: bold;">TABLE</span> <span style="color: #008000;">`comment`</span> <span style="color: #FF00FF;">&#40;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">2</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #008000;">`name`</span> <span style="color: #999900; font-weight: bold;">varchar</span><span style="color: #FF00FF;">&#40;</span><span style="color: #008080;">50</span><span style="color: #FF00FF;">&#41;</span> <span style="color: #CC0099; font-weight: bold;">collate</span> latin1_general_ci <span style="color: #CC0099; font-weight: bold;">NOT</span> <span style="color: #9900FF; font-weight: bold;">NULL</span><span style="color: #000033;">,</span></pre></td></tr><tr><td class="devcodelines" width="1%">3</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #008000;">`mail`</span> <span style="color: #999900; font-weight: bold;">varchar</span><span style="color: #FF00FF;">&#40;</span><span style="color: #008080;">50</span><span style="color: #FF00FF;">&#41;</span> <span style="color: #CC0099; font-weight: bold;">collate</span> latin1_general_ci <span style="color: #CC0099; font-weight: bold;">NOT</span> <span style="color: #9900FF; font-weight: bold;">NULL</span><span style="color: #000033;">,</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">4</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #008000;">`url`</span> <span style="color: #999900; font-weight: bold;">varchar</span><span style="color: #FF00FF;">&#40;</span><span style="color: #008080;">50</span><span style="color: #FF00FF;">&#41;</span> <span style="color: #CC0099; font-weight: bold;">collate</span> latin1_general_ci <span style="color: #CC0099; font-weight: bold;">NOT</span> <span style="color: #9900FF; font-weight: bold;">NULL</span><span style="color: #000033;">,</span></pre></td></tr><tr><td class="devcodelines" width="1%">5</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #008000;">`comment`</span> <span style="color: #999900; font-weight: bold;">longtext</span> <span style="color: #CC0099; font-weight: bold;">collate</span> latin1_general_ci <span style="color: #CC0099; font-weight: bold;">NOT</span> <span style="color: #9900FF; font-weight: bold;">NULL</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">6</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #FF00FF;">&#41;</span></pre></td></tr></table></div></pre>
Create a page comment.php and create form for post comments:<br /><pre class="devcodeblock" title="HTML"><table class="devcodetools"><tbody><tr><td>&nbsp;HTML&nbsp;|&nbsp;</td><td style="background-image:url('http://blog.freecodecollection.com/wp-content/plugins/devformatter/img/devformatter-copy.png');background-repeat:no-repeat;background-position:50% 50%;width:16px;height:16px;"/><embed id="ZeroClipboard5" src="http://blog.freecodecollection.com/wp-content/plugins/devformatter/_zclipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="16px" height="16px" align="middle" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=5&width=16&height=16" wmode="transparent" /></td><td>&nbsp;copy&nbsp;code&nbsp;|</td><td style="cursor:pointer" title="DevFormatter Plugin" onclick="devfmt_credits()">?</td><td width="99%">&nbsp;</td></tr></tbody></table><div class="devcodeoverflow"><table class="devcodearea" width="100%"><tr><td class="devcodelines" width="1%">01</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">form</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span>”commentform” <span style="color: #000066;">action</span><span style="color: #66cc66;">=</span>”comments-post.php” <span style="color: #000066;">method</span><span style="color: #66cc66;">=</span>”post” <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span>”commentform”&gt;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">02</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">table</span> <span style="color: #000066;">width</span><span style="color: #66cc66;">=</span>”<span style="color: #cc66cc;">468</span>? <span style="color: #000066;">border</span><span style="color: #66cc66;">=</span>”<span style="color: #cc66cc;">0</span>? <span style="color: #000066;">cellspacing</span><span style="color: #66cc66;">=</span>”<span style="color: #cc66cc;">3</span>? <span style="color: #000066;">cellpadding</span><span style="color: #66cc66;">=</span>”<span style="color: #cc66cc;">3</span>?&gt;</span></pre></td></tr><tr><td class="devcodelines" width="1%">03</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">04</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span> <span style="color: #000066;">width</span><span style="color: #66cc66;">=</span>”<span style="color: #cc66cc;">103</span>?&gt;</span>Name<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span></pre></td></tr><tr><td class="devcodelines" width="1%">05</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span> <span style="color: #000066;">width</span><span style="color: #66cc66;">=</span>”<span style="color: #cc66cc;">344</span>?&gt;&lt;<span style="color: #000000; font-weight: bold;">input</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span>”<span style="color: #000066;">name</span>” <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span>”<span style="color: #000066;">text</span>” <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span>”<span style="color: #000066;">name</span>” <span style="color: #000066;">tabindex</span><span style="color: #66cc66;">=</span>”<span style="color: #cc66cc;">1</span>? <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span>”<span style="color: #ff0000;">&quot; size=”18? /&gt;&lt;/td&gt;</span></span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">06</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tr</span>&gt;</span></pre></td></tr><tr><td class="devcodelines" width="1%">07</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">08</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span>Mail<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span></pre></td></tr><tr><td class="devcodelines" width="1%">09</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">input</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span>”<span style="color: #000066;">text</span>” <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span>”email” <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span>”email” <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span>”<span style="color: #ff0000;">&quot; size=”18? tabindex=”2? /&gt;&lt;/td&gt;</span></span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">10</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tr</span>&gt;</span></pre></td></tr><tr><td class="devcodelines" width="1%">11</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">12</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span>URL<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span></pre></td></tr><tr><td class="devcodelines" width="1%">13</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">input</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span>”<span style="color: #000066;">text</span>” <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span>”url” <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span>”url” <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span>”<span style="color: #ff0000;">&quot; size=”18? tabindex=”3? /&gt;&lt;/td&gt;</span></span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">14</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tr</span>&gt;</span></pre></td></tr><tr><td class="devcodelines" width="1%">15</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">16</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span>Enter Number <span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span></pre></td></tr><tr><td class="devcodelines" width="1%">17</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">input</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span>”txtNumber” <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span>”<span style="color: #000066;">text</span>” <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span>”txtNumber” <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span>”<span style="color: #ff0000;">&quot; tabindex=”4?/&gt;</span></span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">18</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">img</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span>”randImages.php”<span style="color: #66cc66;">/</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span></pre></td></tr><tr><td class="devcodelines" width="1%">19</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tr</span>&gt;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">20</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;</span></pre></td></tr><tr><td class="devcodelines" width="1%">21</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span>Comment<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">22</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">textarea</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span>”comment” <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span>”comment” <span style="color: #000066;">cols</span><span style="color: #66cc66;">=</span>”<span style="color: #cc66cc;">45</span>? <span style="color: #000066;">rows</span><span style="color: #66cc66;">=</span>”<span style="color: #cc66cc;">9</span>? <span style="color: #000066;">tabindex</span><span style="color: #66cc66;">=</span>”<span style="color: #cc66cc;">5</span>?&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">textarea</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span></pre></td></tr><tr><td class="devcodelines" width="1%">23</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tr</span>&gt;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">24</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;</span></pre></td></tr><tr><td class="devcodelines" width="1%">25</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span><span style="color: #ddbb00;">&amp;nbsp;</span><span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">26</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">input</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span>”save” <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span>”submit” <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span>”submitbutton” <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span>”save” <span style="color: #000066;">tabindex</span><span style="color: #66cc66;">=</span>”<span style="color: #cc66cc;">5</span>? <span style="color: #000066;">onClick</span><span style="color: #66cc66;">=</span>”MM_validateForm<span style="color: #66cc66;">&#40;</span>’<span style="color: #000066;">name</span>’,”,’R<span style="color: #ff0000;">',’email’,”,’RisEmail’,'</span>comment’,”,’R<span style="color: #ff0000;">');return document.MM_returnValue” value=”Submit Comment”/&gt;&lt;/td&gt;</span></span></pre></td></tr><tr><td class="devcodelines" width="1%">27</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tr</span>&gt;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">28</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">table</span>&gt;</span></pre></td></tr><tr><td class="devcodelines" width="1%">29</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">form</span>&gt;</span></pre></td></tr></table></div></pre>
Now we will create a Image Verification Page which will show Random Images, Save this page as randImages.php.<br /><pre class="devcodeblock" title="PHP"><table class="devcodetools"><tbody><tr><td>&nbsp;PHP&nbsp;|&nbsp;</td><td style="background-image:url('http://blog.freecodecollection.com/wp-content/plugins/devformatter/img/devformatter-copy.png');background-repeat:no-repeat;background-position:50% 50%;width:16px;height:16px;"/><embed id="ZeroClipboard6" src="http://blog.freecodecollection.com/wp-content/plugins/devformatter/_zclipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="16px" height="16px" align="middle" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=6&width=16&height=16" wmode="transparent" /></td><td>&nbsp;copy&nbsp;code&nbsp;|</td><td style="cursor:pointer" title="DevFormatter Plugin" onclick="devfmt_credits()">?</td><td width="99%">&nbsp;</td></tr></tbody></table><div class="devcodeoverflow"><table class="devcodearea" width="100%"><tr><td class="devcodelines" width="1%">01</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #990000;">session_start</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">02</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #666666; font-style: italic;">// $Rand Function generate 5 digit random number starting 10000, 99999. You can Edit it as your required.</span></pre></td></tr><tr><td class="devcodelines" width="1%">03</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #000088;">$rand</span> <span style="color: #339933;">=</span> <span style="color: #990000;">rand</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">10000</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">99999</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">04</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #666666; font-style: italic;">// create the hash for the random number and put it in the session</span></pre></td></tr><tr><td class="devcodelines" width="1%">05</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #000088;">$_SESSION</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'image_random_value'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #990000;">md5</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$rand</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">06</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #666666; font-style: italic;">// create the image</span></pre></td></tr><tr><td class="devcodelines" width="1%">07</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #000088;">$image</span> <span style="color: #339933;">=</span> imagecreate<span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">60</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">30</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">08</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #666666; font-style: italic;">// use white as the background image</span></pre></td></tr><tr><td class="devcodelines" width="1%">09</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #000088;">$bgColor</span> <span style="color: #339933;">=</span> imagecolorallocate <span style="color: #009900;">&#40;</span><span style="color: #000088;">$image</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">255</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">255</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">255</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">10</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #666666; font-style: italic;">// the text color is black</span></pre></td></tr><tr><td class="devcodelines" width="1%">11</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #000088;">$textColor</span> <span style="color: #339933;">=</span> imagecolorallocate <span style="color: #009900;">&#40;</span><span style="color: #000088;">$image</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">12</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #666666; font-style: italic;">// write the random number</span></pre></td></tr><tr><td class="devcodelines" width="1%">13</td><td class="devcodelinesarea"><pre class="devcode devcodeline">imagestring <span style="color: #009900;">&#40;</span><span style="color: #000088;">$image</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">5</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">5</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">8</span><span style="color: #339933;">,</span> <span style="color: #000088;">$rand</span><span style="color: #339933;">,</span> <span style="color: #000088;">$textColor</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">14</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #666666; font-style: italic;">// send several headers to make sure the image is not cached</span></pre></td></tr><tr><td class="devcodelines" width="1%">15</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #666666; font-style: italic;">// taken directly from the PHP Manual</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">16</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #666666; font-style: italic;">// Date in the past</span></pre></td></tr><tr><td class="devcodelines" width="1%">17</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #990000;">header</span><span style="color: #009900;">&#40;</span>”Expires<span style="color: #339933;">:</span> Mon<span style="color: #339933;">,</span> <span style="color: #cc66cc;">10</span> April <span style="color: #cc66cc;">2008</span> <span style="color: #208080;">05</span><span style="color: #339933;">:</span><span style="color: #208080;">00</span><span style="color: #339933;">:</span><span style="color: #208080;">00</span> GMT”<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">18</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #666666; font-style: italic;">// always modified</span></pre></td></tr><tr><td class="devcodelines" width="1%">19</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #990000;">header</span><span style="color: #009900;">&#40;</span>”Last<span style="color: #339933;">-</span>Modified<span style="color: #339933;">:</span> ” <span style="color: #339933;">.</span> <span style="color: #990000;">gmdate</span><span style="color: #009900;">&#40;</span>”D<span style="color: #339933;">,</span> d M Y H<span style="color: #339933;">:</span>i<span style="color: #339933;">:</span>s”<span style="color: #009900;">&#41;</span> <span style="color: #339933;">.</span> ” GMT”<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">20</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #666666; font-style: italic;">// HTTP/1.1</span></pre></td></tr><tr><td class="devcodelines" width="1%">21</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #990000;">header</span><span style="color: #009900;">&#40;</span>”Cache<span style="color: #339933;">-</span>Control<span style="color: #339933;">:</span> no<span style="color: #339933;">-</span>store<span style="color: #339933;">,</span> no<span style="color: #339933;">-</span>cache<span style="color: #339933;">,</span> must<span style="color: #339933;">-</span>revalidate”<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">22</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #990000;">header</span><span style="color: #009900;">&#40;</span>”Cache<span style="color: #339933;">-</span>Control<span style="color: #339933;">:</span> post<span style="color: #339933;">-</span>check<span style="color: #339933;">=</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span> pre<span style="color: #339933;">-</span>check<span style="color: #339933;">=</span><span style="color: #cc66cc;">0</span>?<span style="color: #339933;">,</span> <span style="color: #000000; font-weight: bold;">false</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines" width="1%">23</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #666666; font-style: italic;">// HTTP/1.0</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">24</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #990000;">header</span><span style="color: #009900;">&#40;</span>”Pragma<span style="color: #339933;">:</span> no<span style="color: #339933;">-</span>cache”<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines" width="1%">25</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #666666; font-style: italic;">// send the content type header so the image is displayed properly</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">26</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #990000;">header</span><span style="color: #009900;">&#40;</span>’Content<span style="color: #339933;">-</span>type<span style="color: #339933;">:</span> image<span style="color: #339933;">/</span>jpeg’<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines" width="1%">27</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #666666; font-style: italic;">// send the image to the browser</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">28</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline">imagejpeg<span style="color: #009900;">&#40;</span><span style="color: #000088;">$image</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines" width="1%">29</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #666666; font-style: italic;">// destroy the image to free up the memory</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">30</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline">imagedestroy<span style="color: #009900;">&#40;</span><span style="color: #000088;">$image</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines" width="1%">31</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">32</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline">Now Create a page which insert the comment data<span style="color: #339933;">.</span></pre></td></tr><tr><td class="devcodelines" width="1%">33</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #990000;">session_start</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">34</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #666666; font-style: italic;">//Enter here your php mysql connection details</span></pre></td></tr><tr><td class="devcodelines" width="1%">35</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">isset</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'save'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">36</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #000088;">$name</span><span style="color: #339933;">=</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'name'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines" width="1%">37</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #000088;">$email</span><span style="color: #339933;">=</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'email'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">38</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #000088;">$url</span><span style="color: #339933;">=</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'url'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines" width="1%">39</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #000088;">$comment</span><span style="color: #339933;">=</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'comment'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">40</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #009900;">&#125;</span></pre></td></tr><tr><td class="devcodelines" width="1%">41</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #000088;">$number</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'txtNumber'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">42</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #990000;">md5</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$number</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">==</span> <span style="color: #000088;">$_SESSION</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'image_random_value'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span></pre></td></tr><tr><td class="devcodelines" width="1%">43</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #000088;">$sql</span><span style="color: #339933;">=</span>”INSERT into comment<span style="color: #009900;">&#40;</span>name<span style="color: #339933;">,</span> <span style="color: #990000;">mail</span><span style="color: #339933;">,</span> url<span style="color: #339933;">,</span> comment<span style="color: #009900;">&#41;</span> values<span style="color: #009900;">&#40;</span>’<span style="color: #000088;">$name</span>’<span style="color: #339933;">,</span> ‘<span style="color: #000088;">$email</span>’<span style="color: #339933;">,</span> ‘<span style="color: #000088;">$url</span>’<span style="color: #339933;">,</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">44</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline">‘<span style="color: #000088;">$comment</span>’<span style="color: #009900;">&#41;</span>”<span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines" width="1%">45</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #000088;">$result</span><span style="color: #339933;">=</span><span style="color: #990000;">mysql_query</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$sql</span><span style="color: #009900;">&#41;</span> or <span style="color: #990000;">die</span><span style="color: #009900;">&#40;</span>’Can not Add Your Comment’<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">46</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #990000;">echo</span> “Your Comment have been added<span style="color: #339933;">.</span> Returning To Write <span style="color: #b1b100;">Return</span> page here<span style="color: #339933;">.</span> Please wait…”<span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines" width="1%">47</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #000088;">$_SESSION</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'image_random_value'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> ”<span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">48</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #009900;">&#125;</span></pre></td></tr><tr><td class="devcodelines" width="1%">49</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">50</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #990000;">echo</span> ‘Sorry<span style="color: #339933;">,</span> wrong Image Varification Number<span style="color: #339933;">.</span> Please try again’<span style="color: #339933;">;</span></pre></td></tr><tr><td class="devcodelines" width="1%">51</td><td class="devcodelinesarea"><pre class="devcode devcodeline"><span style="color: #009900;">&#125;</span></pre></td></tr><tr><td class="devcodelines devcodelinesodd" width="1%">52</td><td class="devcodelinesarea devcodelinesareaodd"><pre class="devcode devcodeline"><span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div></pre>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fblog.freecodecollection.com%2Farchives%2F65&amp;linkname=Avoid%20automatically%20post%20form%20via%20CAPTCHA"><img src="http://blog.freecodecollection.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Save/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://blog.freecodecollection.com/archives/65/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>OpenText Online &#8211; OpenText&#8217;s new site</title>
		<link>http://blog.freecodecollection.com/archives/60</link>
		<comments>http://blog.freecodecollection.com/archives/60#comments</comments>
		<pubDate>Tue, 07 Jul 2009 12:01:22 +0000</pubDate>
		<dc:creator>Hussain</dc:creator>
				<category><![CDATA[OScript]]></category>
		<category><![CDATA[Lapi]]></category>
		<category><![CDATA[Open Text]]></category>
		<category><![CDATA[Weblingo]]></category>

		<guid isPermaLink="false">http://blog.freecodecollection.com/?p=60</guid>
		<description><![CDATA[Recently OpenText re launched their latest website OnLine.OpenText.Com ,which is on the surface a revamped version of their old Communities website, but the new site has much more to offer. In this article we shall take a short tour around the site and uncover some of the hidden gems.Some of you may be asking why [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_62" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.freecodecollection.com/wp-content/uploads/2009/07/otonline.gif" rel="lightbox[60]"><img class="size-thumbnail wp-image-62" title="Open Text Online" src="http://blog.freecodecollection.com/wp-content/uploads/2009/07/otonline-150x50.gif" alt="Open Text Online" width="150" height="50" /></a><p class="wp-caption-text">Open Text Online</p></div><br /><br />Recently OpenText re launched their latest website OnLine.<a href="http://online.opentext.com">OpenText.Com</a> ,which is on the surface a revamped version of their old Communities website, but the new site has much more to offer. In this article we shall take a short tour around the site and uncover some of the hidden gems.<br />Some of you may be asking why another website is needed when you already have the OpenText corporate site, the always useful Knowledge Centre or KC, its IXOS equivalent the ESC, and the showcase of new functionality that is FirstLook ? The sites History &#038; Aims page explains that the site is designed for the Livelink users in any organisation where as the Corporate site is more for investors and new customers and the KC is more for existing support staff and developers, OnLine, they say, is there &#8220;to help our users get the most out of our products&#8221;. It also provides a starting point for people to move into the other OpenText websites as they need to as well as promoting awareness of them.<br /><br />What is there inside OnLine that may be of interest ? My personal favourite is the Blogs section, which contains blogs from OpenText staff as well as some of the &#8217;seasoned livelink veterans&#8217; from the user community who have been awarded the title of Global Star ECM Champions as part of the Global Star program. It is in this latter section that my own personal blog can be found. Some of the key luminaries that you may have heard of such as Martin Sumner-Smith (VP Customer Partnership), Tammy Jakubowski, formerly McMahon (User Research Engineer) and David Slimmon (Knowledge Manager and KC Admin) are among the OpenText staff contributing to personal blogs, on the other side of the fence we have the likes of Stephen Fisher, Eric Slaghuis and myself among many others giving our thoughts and comments on Livelink and the universe in general. There is plenty to learn and read in these, some is Livelink related and contains many useful tips &#038; tricks, additionally there are many postings on wider topics such as usability, meta data and how to use technology to benefit your organisation.<br /><br />As well as the Blogs, there are also a small number of Discussion Forums which are more aimed at the non-technical aspects of Livelink such as keeping a user community interested and excited about Livelink as well as some general forums to support the OnLine site. At present, there is not as many forums, or posts, as there are in the KC, but given time I hope that the breath and number of them will increase.<br /><br />In conclusion, I think that OpenText OnLine has the potential to become a great addition to the OpenText suite of websites and offer something distinct and different from the existing sites. As previously mentioned the site is based on the Livelink Communities of Practice (CoP) product, and there is one thing a community needs its people taking part, so join now and participate<br /><br />source: (http://www.greggriffiths.org/livelink/editorial/online.html)<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fblog.freecodecollection.com%2Farchives%2F60&amp;linkname=OpenText%20Online%20%26%238211%3B%20OpenText%26%238217%3Bs%20new%20site"><img src="http://blog.freecodecollection.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Save/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://blog.freecodecollection.com/archives/60/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[jQuery] changing default thickbox behavior</title>
		<link>http://blog.freecodecollection.com/archives/50</link>
		<comments>http://blog.freecodecollection.com/archives/50#comments</comments>
		<pubDate>Sun, 05 Jul 2009 15:19:46 +0000</pubDate>
		<dc:creator>Hussain</dc:creator>
				<category><![CDATA[Developers]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Elements]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Library]]></category>
		<category><![CDATA[modal window]]></category>
		<category><![CDATA[Software/applications]]></category>
		<category><![CDATA[thickbox]]></category>
		<category><![CDATA[WEB DESIGN]]></category>
		<category><![CDATA[WEB DEVELOPMENT]]></category>

		<guid isPermaLink="false">http://blog.freecodecollection.com/?p=50</guid>
		<description><![CDATA[To prevent closing by clicking on the overlay and remove the &#8216;close&#8217; link(better IMHO than just disabling it), remove line 38: $(&#34;#TB_overlay&#34;).click(TB_remove); remove the TB_closeWindow &#60;div&#62; from line 133: $(&#34;#TB_window&#34;).append(&#34;&#60;a href=&#8221; id=&#8217;TB_ImageOff&#8217; title=&#8217;Close&#8217;&#62;&#60;img  id=&#8217;TB_Image&#8217; src=&#8217;&#34;+url+&#34;&#8217; width=&#8217;&#34;+imageWidth+&#34;&#8217; height=&#8217;&#34;+imageHeight+&#34;&#8217;  alt=&#8217;&#34;+caption+&#34;&#8217;/&#62;&#60;/a&#62;&#34; + &#34;&#60;div id=&#8217;TB_caption&#8217;&#62;&#34;+caption+&#34;&#60;div  id=&#8217;TB_secondLine&#8217;&#62;&#34; + imageCount + prev.html + next.html + &#34;&#60;/div&#62;&#60;/div&#62;&#34;); remove line [...]]]></description>
			<content:encoded><![CDATA[To prevent closing by clicking on the overlay and remove the &#8216;close&#8217; link<br />(better IMHO than just disabling it), remove line 38:<br /> $(&quot;#TB_overlay&quot;).click(TB_remove);<br /> <br />remove the TB_closeWindow &lt;div&gt; from line 133:<br /> $(&quot;#TB_window&quot;).append(&quot;&lt;a href=&#8221; id=&#8217;TB_ImageOff&#8217; title=&#8217;Close&#8217;&gt;&lt;img<br />  id=&#8217;TB_Image&#8217; src=&#8217;&quot;+url+&quot;&#8217; width=&#8217;&quot;+imageWidth+&quot;&#8217; height=&#8217;&quot;+imageHeight+&quot;&#8217;<br />  alt=&#8217;&quot;+caption+&quot;&#8217;/&gt;&lt;/a&gt;&quot; + &quot;&lt;div id=&#8217;TB_caption&#8217;&gt;&quot;+caption+&quot;&lt;div<br />  id=&#8217;TB_secondLine&#8217;&gt;&quot; + imageCount + prev.html + next.html + &quot;&lt;/div&gt;&lt;/div&gt;&quot;);<br /> <br />remove line 135:<br /> $(&quot;#TB_closeWindowButton&quot;).click(TB_remove);<br /> <br />remove the TB_closeAjaxWindow &lt;div&gt; from line 205:<br /> $(&quot;#TB_window&quot;).append(&quot;&lt;div id=&#8217;TB_title&#8217;&gt;&lt;div<br />  id=&#8217;TB_ajaxWindowTitle&#8217;&gt;&quot;+caption+&quot;&lt;/div&gt;&lt;/div&gt;&lt;iframe <br />  frameborder=&#8217;0&#8242;<br />  hspace=&#8217;0&#8242; src=&#8217;&quot;+urlNoQuery[0]+&quot;&#8217; id=&#8217;TB_iframeContent&#8217;<br />  name=&#8217;TB_iframeContent&#8217; style=&#8217;width:&quot;+(ajaxContentW +<br />  29)+&quot;px;height:&quot;+(ajaxContentH + 17)+&quot;px;&#8217; onload=&#8217;TB_showIframe()&#8217;&gt;<br />  &lt;/iframe&gt;&quot;);<br /> <br />and 207:<br /> $(&quot;#TB_window&quot;).append(&quot;&lt;div id=&#8217;TB_title&#8217;&gt;&lt;div<br />  id=&#8217;TB_ajaxWindowTitle&#8217;&gt;&quot;+caption+&quot;&lt;/div&gt;&lt;/div&gt;&lt;div <br />  id=&#8217;TB_ajaxContent&#8217;<br />  style=&#8217;width:&quot;+ajaxContentW+&quot;px;height:&quot;+ajaxContentH+&quot;px;&#8217;&gt;&lt;/div&gt;&quot;);<br /> <br />remove line 210:<br /> $(&quot;#TB_closeWindowButton&quot;).click(TB_remove);<br />and remove lines 258-259:<br /> $(&quot;#TB_overlay&quot;).unbind(&quot;click&quot;);<br /> $(&quot;#TB_closeWindowButton&quot;).unbind(&quot;click&quot;);<br /> <br /> <br />Thickbox also has a keydown handler so that if you push &#8216;escape&#8217; it closes.<br />  Remove lines 236-245 to prevent this:<br /> document.onkeyup = function(e){ <br />  if (e == null) { // ie<br />  keycode = event.keyCode;<br />  } else { // mozilla<br />  keycode = e.which;<br />  }<br />  if(keycode == 27){ // close<br />  TB_remove();<br />  } <br />  }<br /> <br /> <br />To add the &#8216;close&#8217; functionality to something, do this:<br /> $(&quot;#myTbCloseButton&quot;).click(TB_remove);<br /><br />Source: (http://www.mail-archive.com/discuss@jquery.com/msg18856.html)<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fblog.freecodecollection.com%2Farchives%2F50&amp;linkname=%5BjQuery%5D%20changing%20default%20thickbox%20behavior"><img src="http://blog.freecodecollection.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Save/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://blog.freecodecollection.com/archives/50/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What Knowledge And Software/applications Would I Need To Make My Own Web Browser?</title>
		<link>http://blog.freecodecollection.com/archives/46</link>
		<comments>http://blog.freecodecollection.com/archives/46#comments</comments>
		<pubDate>Sun, 05 Jul 2009 01:17:11 +0000</pubDate>
		<dc:creator>Beniwal</dc:creator>
				<category><![CDATA[Web browser]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[Knowledge]]></category>
		<category><![CDATA[Make]]></category>
		<category><![CDATA[Need]]></category>
		<category><![CDATA[Software/applications]]></category>
		<category><![CDATA[What]]></category>
		<category><![CDATA[Would]]></category>

		<guid isPermaLink="false">http://blog.freecodecollection.com/?p=46</guid>
		<description><![CDATA[A friend of mine and I are planning on creating a web browser that will be able to be downloaded by the masses and enjoyed just like other web browsers. I just want to feel how it is like to make a web browser. If anyone has any experience can you please tell me what [...]]]></description>
			<content:encoded><![CDATA[A friend of mine and I are planning on creating a web browser that will be able to be downloaded by the masses and enjoyed just like other web browsers. I just want to feel how it is like to make a web browser. If anyone has any experience can you please tell me what knowledge/skills I would need and the software/applications I would need to create a web browser. I would appreciate if you could be descriptive and explain alot to me. Wish me luck =D<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fblog.freecodecollection.com%2Farchives%2F46&amp;linkname=What%20Knowledge%20And%20Software%2Fapplications%20Would%20I%20Need%20To%20Make%20My%20Own%20Web%20Browser%3F"><img src="http://blog.freecodecollection.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Save/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://blog.freecodecollection.com/archives/46/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Should One Learn Plain Javascript Before Learning The Jquery Library?</title>
		<link>http://blog.freecodecollection.com/archives/38</link>
		<comments>http://blog.freecodecollection.com/archives/38#comments</comments>
		<pubDate>Fri, 03 Jul 2009 17:28:41 +0000</pubDate>
		<dc:creator>Hussain</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Before]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Learn]]></category>
		<category><![CDATA[Learning]]></category>
		<category><![CDATA[Library]]></category>
		<category><![CDATA[Plain]]></category>
		<category><![CDATA[Should]]></category>

		<guid isPermaLink="false">http://blog.freecodecollection.com/?p=38</guid>
		<description><![CDATA[Is it better to learn how to do things the plain javascript way before learning the jquery way?]]></description>
			<content:encoded><![CDATA[Is it better to learn how to do things the plain javascript way before learning the jquery way?<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fblog.freecodecollection.com%2Farchives%2F38&amp;linkname=Should%20One%20Learn%20Plain%20Javascript%20Before%20Learning%20The%20Jquery%20Library%3F"><img src="http://blog.freecodecollection.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Save/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://blog.freecodecollection.com/archives/38/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>What Is The Fastest Web Browser Available For Free Download?</title>
		<link>http://blog.freecodecollection.com/archives/37</link>
		<comments>http://blog.freecodecollection.com/archives/37#comments</comments>
		<pubDate>Fri, 03 Jul 2009 17:28:36 +0000</pubDate>
		<dc:creator>Hussain</dc:creator>
				<category><![CDATA[Web browser]]></category>
		<category><![CDATA[Available]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[Download]]></category>
		<category><![CDATA[Fastest]]></category>
		<category><![CDATA[Free]]></category>
		<category><![CDATA[What]]></category>

		<guid isPermaLink="false">http://blog.freecodecollection.com/?p=37</guid>
		<description><![CDATA[I have a Slow Dial &#8211; up internet connection and I need the fastest Web browser available. I already have Firefox 3 and I find this slow. I also have Microsoft Internet Explorer 8 which I find extremely slow.]]></description>
			<content:encoded><![CDATA[I have a Slow Dial &#8211; up internet connection and I need the fastest Web browser available. I already have Firefox 3 and I find this slow. I also have Microsoft Internet Explorer 8 which I find extremely slow.<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fblog.freecodecollection.com%2Farchives%2F37&amp;linkname=What%20Is%20The%20Fastest%20Web%20Browser%20Available%20For%20Free%20Download%3F"><img src="http://blog.freecodecollection.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Save/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://blog.freecodecollection.com/archives/37/feed</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>How To Fetch The Absolute Position Of Html Elements Using Jquery?</title>
		<link>http://blog.freecodecollection.com/archives/35</link>
		<comments>http://blog.freecodecollection.com/archives/35#comments</comments>
		<pubDate>Fri, 03 Jul 2009 17:13:06 +0000</pubDate>
		<dc:creator>Hussain</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Absolute]]></category>
		<category><![CDATA[Elements]]></category>
		<category><![CDATA[Fetch]]></category>
		<category><![CDATA[Html]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Position]]></category>
		<category><![CDATA[Using]]></category>

		<guid isPermaLink="false">http://blog.freecodecollection.com/archives/35</guid>
		<description><![CDATA[I have come to know that &#8220;using JavaScript frameworks like JQuery, such information (and so much more!) can be retrieved in a browser-independant fashion.&#8221; Please tell me how?]]></description>
			<content:encoded><![CDATA[I have come to know that &#8220;using JavaScript frameworks like JQuery, such information (and so much more!) can be retrieved in a browser-independant fashion.&#8221; Please tell me how?<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fblog.freecodecollection.com%2Farchives%2F35&amp;linkname=How%20To%20Fetch%20The%20Absolute%20Position%20Of%20Html%20Elements%20Using%20Jquery%3F"><img src="http://blog.freecodecollection.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Save/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://blog.freecodecollection.com/archives/35/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>What Is The Best Web Browser To Use Thats Fast And Secure?</title>
		<link>http://blog.freecodecollection.com/archives/34</link>
		<comments>http://blog.freecodecollection.com/archives/34#comments</comments>
		<pubDate>Fri, 03 Jul 2009 17:12:46 +0000</pubDate>
		<dc:creator>Hussain</dc:creator>
				<category><![CDATA[Web browser]]></category>
		<category><![CDATA[Best]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[Fast]]></category>
		<category><![CDATA[Secure]]></category>
		<category><![CDATA[Thats]]></category>
		<category><![CDATA[What]]></category>

		<guid isPermaLink="false">http://blog.freecodecollection.com/archives/34</guid>
		<description><![CDATA[I&#8217;ve been using Avant Browser for quite some time now, but now its just not getting it done. What do you think is the best web browser out there? What is your feeling on the opera browser? Does that get good reviews?]]></description>
			<content:encoded><![CDATA[I&#8217;ve been using Avant Browser for quite some time now, but now its just not getting it done. What do you think is the best web browser out there? What is your feeling on the opera browser? Does that get good reviews?<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fblog.freecodecollection.com%2Farchives%2F34&amp;linkname=What%20Is%20The%20Best%20Web%20Browser%20To%20Use%20Thats%20Fast%20And%20Secure%3F"><img src="http://blog.freecodecollection.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Save/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://blog.freecodecollection.com/archives/34/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Web Browser?</title>
		<link>http://blog.freecodecollection.com/archives/33</link>
		<comments>http://blog.freecodecollection.com/archives/33#comments</comments>
		<pubDate>Fri, 03 Jul 2009 17:11:27 +0000</pubDate>
		<dc:creator>Hussain</dc:creator>
				<category><![CDATA[Web browser]]></category>
		<category><![CDATA[Browser]]></category>

		<guid isPermaLink="false">http://blog.freecodecollection.com/archives/33</guid>
		<description><![CDATA[How do I set up the web browser on my motorola L6?]]></description>
			<content:encoded><![CDATA[How do I set up the web browser on my motorola L6?<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fblog.freecodecollection.com%2Farchives%2F33&amp;linkname=Web%20Browser%3F"><img src="http://blog.freecodecollection.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Save/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://blog.freecodecollection.com/archives/33/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>What’s New in Firefox 3.5</title>
		<link>http://blog.freecodecollection.com/archives/24</link>
		<comments>http://blog.freecodecollection.com/archives/24#comments</comments>
		<pubDate>Fri, 03 Jul 2009 09:52:01 +0000</pubDate>
		<dc:creator>narendra</dc:creator>
				<category><![CDATA[Web browser]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[WEB DESIGN]]></category>
		<category><![CDATA[WEB DEVELOPMENT]]></category>

		<guid isPermaLink="false">http://blog.freecodecollection.com/?p=24</guid>
		<description><![CDATA[Firefox 3.5  is based on the Gecko 1.9.1 rendering platform, which has been under development for the past year. Firefox 3.5 offers many changes over the previous version, supporting new web technologies, improving performance and ease of use. Some of the notable features are:	Available in more than 70 languages. (Get your local version!)<br />	Support for the HTML5 [...]]]></description>
			<content:encoded><![CDATA[<div style="overflow: visible;"><div style="display: block; height: auto; visibility: visible; overflow: visible;"><div><br /><br />Firefox 3.5  is based on the Gecko 1.9.1 rendering platform, which has been under development for the past year. Firefox 3.5 offers many changes over the previous version, supporting new web technologies, improving performance and ease of use. Some of the notable features are:<ul><br />	<li>Available in more than 70 languages. (Get your <a href="http://www.mozilla.com/firefox/all.html#languages">local version!</a>)</li>
	<li>Support for the HTML5 &lt;video&gt; and &lt;audio&gt; elements including <a href="http://hacks.mozilla.org/2009/06/update-on-open-video-quality/">native support for Ogg Theora</a> encoded video and Vorbis encoded audio. (<a href="http://www.mozilla.com/firefox/video/">Try it here!</a>)</li>
	<li>Improved tools for controlling your private data, including a <a href="http://support.mozilla.com/en-US/kb/Private+Browsing">Private Browsing Mode</a>.</li>
	<li>Better web application performance using the new <a href="https://wiki.mozilla.org/JavaScript:TraceMonkey">TraceMonkey</a> JavaScript engine.</li>
	<li>The ability to share your location with websites using <a href="http://www.mozilla.com/firefox/geolocation">Location Aware Browsing</a>. (<a href="http://www.flickr.com/map">Try it here!</a>)</li>
	<li>Support for <a href="http://blog.mozilla.com/webdev/2009/02/12/native-json-in-firefox-31/">native JSON</a>, and <a href="https://developer.mozilla.org/En/Using_DOM_workers">web worker threads</a>.</li>
	<li>Improvements to the Gecko layout engine, including speculative parsing for faster content rendering.</li>
	<li>Support for new web technologies such as: downloadable fonts, CSS media queries, new transformations and properties, JavaScript query selectors, HTML5 local storage and offline application storage, &lt;canvas&gt; text, <a href="http://hacks.mozilla.org/2009/06/color-correction/">ICC profiles</a>, and SVG transforms.</li>
</ul>
Developers can find out about <a href="https://developer.mozilla.org/En/Firefox_3.5_for_developers">all the changes and new features</a> at the <a href="https://developer.mozilla.org/">Mozilla Developer Center</a>.</div>
</div>
</div><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fblog.freecodecollection.com%2Farchives%2F24&amp;linkname=What%E2%80%99s%20New%20in%20Firefox%203.5"><img src="http://blog.freecodecollection.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Save/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://blog.freecodecollection.com/archives/24/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
