tag:blogger.com,1999:blog-31400701364313219802024-03-13T16:25:07.938+05:30Online web solutionWebsite Designing and Development Solution.KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.comBlogger25125tag:blogger.com,1999:blog-3140070136431321980.post-75990215617517847382016-04-06T10:57:00.003+05:302016-04-06T10:57:50.960+05:302015 IPL controversies<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"> IPL has been a home to controversies back the day it started. It’s like IPL and controversies go duke in hand. The 8th copy or 2015 has witnessed absolutely lot controversies. Many accept that these controversies accomplish the bold alike added interesting! From abusing, bouncy to atom fixing, IPL has witnessed it all. This commodity tells you about the 10 controversies in 2015 which befuddled the world! Have a look.</span><br />
<span style="background-color: white; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><br /></span>
<span style="background-color: white; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><a href="http://www.afterfeed.com/story/detail/926/10-controversies-in-2015-ipl-which-disappointed-every-cricket-lover" target="_blank">click here to read more.</a></span></div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com0tag:blogger.com,1999:blog-3140070136431321980.post-31616028799944186712015-07-31T17:19:00.001+05:302017-06-22T09:26:30.936+05:30Phonegap/Cordova Installation Process with Ionic in windows 7/8/10<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: "verdana" , sans-serif; font-size: x-small;">Install node js from here: <b><a href="http://nodejs.org/download/">http://nodejs.org/download/</a></b></span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: "verdana" , sans-serif; font-size: x-small;">Install Git from here: <b><a href="http://git-scm.com/downloads">http://git-scm.com/downloads</a></b></span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: "verdana" , sans-serif; font-size: x-small;">During installation browse to the folder where node js is installed i.e. install git inside nodejs folder.</span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;"><b>For example: c:\nodejs</b></span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: "verdana" , sans-serif; font-size: x-small;">Download Ant and Extract Ant to C:/ant</span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;">after that <b>set Environment Variable</b> for Ant,JAVA and Android</span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;">set <b>ANT_HOME=C:\ant</b></span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;">set <b>JAVA_HOME=C:\Program Files\Java\jdk1.7.0_45</b> <<b>PATH OF JDK</b>></span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;">set <b>ANDROID_HOME=E:\Android\Androidd\sdk\tools</b> <<b>PATH OF SDK TOOLS</b>></span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;">set <b>ANDROID_HOME</b>=<b>E:\Android\Androidd\sdk\platform-tools</b> <PATH OF SDK PLATFORM TOOLS></span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: "verdana" , sans-serif; font-size: x-small;">Install cordova: </span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;">To install cordova run following command in command prompt</span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;"><b>npm install –g cordova</b></span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: "verdana" , sans-serif; font-size: x-small;"><b>npm install –g ionic</b></span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: "verdana" , sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: "verdana" , sans-serif; font-size: x-small;">Create project using Ionic:</span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: "verdana" , sans-serif; font-size: x-small;">To create project in cordova run the following command in command prompt</span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;"><b>ionic cordova start <App Name> --blank --v1/--v2</b></span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: "verdana" , sans-serif; font-size: x-small;">Now change your package name in config.xml file which is placed in application folder</span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: "verdana" , sans-serif; font-size: x-small;">Add platform in new created project:</span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;"><b>ionic cordova platform add android</b></span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;"><b>ionic cordova platform add ios</b></span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: "verdana" , sans-serif; font-size: x-small;">For run into the browser :</span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;"><b>ionic serve</b></span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: "verdana" , sans-serif; font-size: x-small;">For run into the device</span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;"><b>ionic cordova run android</b></span><br />
<span style="font-family: "verdana" , sans-serif; font-size: x-small;"><b>ionic cordova run ios</b></span></div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com0tag:blogger.com,1999:blog-3140070136431321980.post-74427707314334400232015-04-09T17:42:00.003+05:302015-04-09T17:42:50.144+05:30Email Validation<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: 11.1999998092651px; text-align: justify;">
Now we will see how we can validate our entered form data before submitting it to the web server.</div>
<div style="background-color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: 11.1999998092651px; text-align: justify;">
This example shows how to validate an entered email address which means email address must contain at least an @ sign and a dot (.). </div>
<div style="background-color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: 11.1999998092651px; text-align: justify;">
<br /></div>
<div style="background-color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: 11.1999998092651px; text-align: justify;">
<br /></div>
<table border="1" cellpadding="5" cellspacing="5" class="src" style="background-color: #f1f1f1; border-collapse: collapse; border: 1px solid rgb(170, 170, 170); color: black; font-family: verdana, helvetica, arial, sans-serif; font-size: 11.1999998092651px; padding-left: 5px; vertical-align: top; width: 552px;"><tbody>
<tr><td style="border-collapse: collapse; border: 1px solid rgb(170, 170, 170); margin-bottom: 0px; vertical-align: top;"><pre style="font-family: 'Courier New', monospace; font-size: 12.3199996948242px;"><script type="text/javascript">
<!--</pre>
<pre style="font-family: 'Courier New', monospace; font-size: 12.3199996948242px;">
</pre>
<pre style="font-family: 'Courier New', monospace; font-size: 12.3199996948242px;">Step 1 :
function validateEmail()
{
var emailID = document.myForm.EMail.value;
atpos = emailID.indexOf("@");
dotpos = emailID.lastIndexOf(".");
if (atpos < 1 || ( dotpos - atpos < 2 ))
{
alert("Please enter correct email ID")
document.myForm.EMail.focus() ;
return false;
}
return( true );
}</pre>
<pre style="font-family: 'Courier New', monospace; font-size: 12.3199996948242px;">
</pre>
<pre style="font-family: 'Courier New', monospace; font-size: 12.3199996948242px;">Step 2 : </pre>
<pre style="font-family: 'Courier New', monospace; font-size: 12.3199996948242px;">
</pre>
<pre style="font-family: 'Courier New', monospace; font-size: 12.3199996948242px;">var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
</pre>
<pre style="font-family: 'Courier New', monospace; font-size: 12.3199996948242px;">if (!filter.test(email)) {
alert('Please provide a valid email address');
return false;</pre>
<pre style="font-family: 'Courier New', monospace; font-size: 12.3199996948242px;"><span style="font-size: 12.3199996948242px;">}</span>
</pre>
<pre style="font-family: 'Courier New', monospace; font-size: 12.3199996948242px;">//-->
</script>
</pre>
<div>
<br /></div>
</td></tr>
</tbody></table>
</div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com0tag:blogger.com,1999:blog-3140070136431321980.post-16014488865752978192014-08-23T10:13:00.002+05:302014-08-23T10:13:25.471+05:30Read More option in large content..<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">If you want to show some content in large content. For that this code will help you...</span><br />
<div class="post-body entry-content" id="post-body-946662718450441898" itemprop="description articleBody" style="background-color: white; orphans: auto; position: relative; text-align: start; text-indent: 0px; widows: auto; width: 606px;">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-body entry-content" id="post-body-3807779739906948676" itemprop="articleBody" style="background-color: white; orphans: auto; position: relative; text-align: start; text-indent: 0px; widows: auto; width: 606px;">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-body entry-content" id="post-body-632745986651609745" itemprop="articleBody" style="background-color: white; orphans: auto; position: relative; text-align: start; text-indent: 0px; widows: auto; width: 606px;">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-body entry-content" id="post-body-6957983366494215154" itemprop="articleBody" style="background-color: white; position: relative; width: 606px;">
<div dir="ltr" trbidi="on">
<div class="code" style="background-color: #333333; border: 3px solid rgb(204, 204, 204); margin: 20px 0px; outline: 0px; padding: 10px 15px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><?php</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>function limit_text($text, $limit) </span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>{</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>if (str_word_count($text, 0) > $limit) {</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$words = str_word_count($text, 2);</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$pos = array_keys($words);</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="font-size: small;"><span style="color: white; font-family: Verdana, sans-serif;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$text = substr($text, 0, $pos[$limit]) . '....<a href="" ></span></span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; font-weight: normal; line-height: 16px;">Read More</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; font-weight: normal; line-height: 16px;"></a></span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; font-weight: normal; line-height: 16px;">'</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; font-weight: normal; line-height: 16px;">;</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>return $text;</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></span></h3>
<h3 style="margin: 0px; position: relative;">
</h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"> </span></span></h3>
<div>
<span style="color: white; font-family: Verdana, sans-serif;"><span style="font-weight: normal; line-height: 16px;">$str = "My Name is Karda Ji. I am From India . India is a greate Country.</span></span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"> </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">India is a greate Country.</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">";</span></div>
<div>
<span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"><br /></span></div>
<div>
<span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;">echo limit_text($str,30); //30 is number after that read more is visible</span></div>
<div>
<span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"><br /></span></div>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;">?></span></span></h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="-webkit-text-stroke-width: 0px; clear: both; color: #c01600; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18.200000762939453px; text-transform: none; white-space: normal; word-spacing: 0px;">
</div>
</div>
</div>
<div style="-webkit-text-stroke-width: 0px; clear: both; color: #c01600; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18.200000762939453px; text-transform: none; white-space: normal; word-spacing: 0px;">
</div>
</div>
</div>
</div>
<div style="-webkit-text-stroke-width: 0px; clear: both; color: #c01600; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18.200000762939453px; text-transform: none; white-space: normal; word-spacing: 0px;">
</div>
</div>
</div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com0tag:blogger.com,1999:blog-3140070136431321980.post-64888461198581879742014-08-20T15:51:00.003+05:302014-08-20T15:51:45.575+05:30Accepted Extension of File in HTML<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="background-color: white; font-size: 22px; margin-bottom: 10px; margin-top: 10px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Definition:-</span></h2>
<div>
<span style="background-color: white; color: #404040; font-size: 13px; line-height: 16.899999618530273px;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div>
<span style="background-color: white;"><span style="color: #404040; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 16.899999618530273px;">The extensions is accepted by the types of files while uploading in form tag.</span></span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="background-color: white; color: #404040; font-size: 13px; line-height: 16.899999618530273px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Note:</b> The accept tag can only be used with file extension.</span></div>
<div style="background-color: white; color: #404040; font-size: 13px; line-height: 16.899999618530273px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="background-color: white; color: #404040; line-height: 16.899999618530273px;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div>
<div style="background-color: white; color: #404040; line-height: 16.899999618530273px;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Syntax:-</b></span></div>
<div style="background-color: white; color: #404040; line-height: 16.899999618530273px;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span></div>
<div style="line-height: 16.899999618530273px;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: 14px; line-height: normal;"><input accept="</span><em style="font-size: 14px; line-height: normal;">file_extension</em><span style="font-size: 14px; line-height: normal;">|audio/*|video/*|image/*|</span><i style="font-size: 14px; line-height: normal;">media_type</i><span style="font-size: 14px; line-height: normal;">"></span></span></span></div>
<div style="line-height: 16.899999618530273px;">
<span style="background-color: white;"><span style="font-size: 14px; line-height: normal;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></span></div>
<div style="line-height: 16.899999618530273px;">
<span style="background-color: white;"><span style="font-size: 14px; line-height: normal;"><span style="font-family: Arial, Helvetica, sans-serif;">List:- </span></span></span></div>
<div style="line-height: 16.899999618530273px;">
<span style="background-color: white;"><span style="font-size: 14px; line-height: normal;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></span></div>
<h2 style="background-color: white; font-size: 22px; font-weight: normal; margin-bottom: 10px; margin-top: 10px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Attribute Values</span></h2>
<table class="reference notranslate" style="background-color: white; border-collapse: collapse; color: #404040; font-size: 13px; width: 650px;"><tbody>
<tr style="background-color: #2c2c2c;"><th style="background-color: #555555; border: 1px solid rgb(85, 85, 85); color: white; padding: 3px; vertical-align: top; width: 157px;"><span style="font-family: Arial, Helvetica, sans-serif;">Value</span></th><th style="background-color: #555555; border: 1px solid rgb(85, 85, 85); color: white; padding: 3px; vertical-align: top;"><span style="font-family: Arial, Helvetica, sans-serif;">Description</span></th></tr>
<tr><td style="border: 1px solid rgb(212, 212, 212); line-height: 16.899999618530273px; padding: 7px 5px; vertical-align: top;"><em><span style="font-family: Arial, Helvetica, sans-serif;">file_extension</span></em></td><td style="border: 1px solid rgb(212, 212, 212); line-height: 16.899999618530273px; padding: 7px 5px; vertical-align: top;"><span style="font-family: Arial, Helvetica, sans-serif;">A file extension starting with the STOP character, e.g: .gif, .jpg, .png, .doc</span></td></tr>
<tr style="background-color: #f1f1f1;"><td style="border: 1px solid rgb(212, 212, 212); line-height: 16.899999618530273px; padding: 7px 5px; vertical-align: top;"><span style="font-family: Arial, Helvetica, sans-serif;">audio/*</span></td><td style="border: 1px solid rgb(212, 212, 212); line-height: 16.899999618530273px; padding: 7px 5px; vertical-align: top;"><span style="font-family: Arial, Helvetica, sans-serif;">All sound files are accepted</span></td></tr>
<tr><td style="border: 1px solid rgb(212, 212, 212); line-height: 16.899999618530273px; padding: 7px 5px; vertical-align: top;"><span style="font-family: Arial, Helvetica, sans-serif;">video/*</span></td><td style="border: 1px solid rgb(212, 212, 212); line-height: 16.899999618530273px; padding: 7px 5px; vertical-align: top;"><span style="font-family: Arial, Helvetica, sans-serif;">All video files are accepted</span></td></tr>
<tr style="background-color: #f1f1f1;"><td style="border: 1px solid rgb(212, 212, 212); line-height: 16.899999618530273px; padding: 7px 5px; vertical-align: top;"><span style="font-family: Arial, Helvetica, sans-serif;">image/*</span></td><td style="border: 1px solid rgb(212, 212, 212); line-height: 16.899999618530273px; padding: 7px 5px; vertical-align: top;"><span style="font-family: Arial, Helvetica, sans-serif;">All image files are accepted</span></td></tr>
<tr><td style="border: 1px solid rgb(212, 212, 212); line-height: 16.899999618530273px; padding: 7px 5px; vertical-align: top;"><i><span style="font-family: Arial, Helvetica, sans-serif;">media_type</span></i></td><td style="border: 1px solid rgb(212, 212, 212); line-height: 16.899999618530273px; padding: 7px 5px; vertical-align: top;"><span style="font-family: Arial, Helvetica, sans-serif;">A valid media type, with no parameters.<br /> Look at IANA Media Types for a complete list of standard media types</span></td></tr>
</tbody></table>
<div style="line-height: 16.899999618530273px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; color: #404040; font-size: 13px; line-height: normal;" /></span></div>
<div style="background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; line-height: 16.899999618530273px;">
<span style="background-color: #f1f1f1; color: #444444; font-family: Consolas, 'courier new'; font-size: 14px; line-height: normal;"><br /></span></div>
</div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com0tag:blogger.com,1999:blog-3140070136431321980.post-9466627184504418982014-08-11T10:23:00.006+05:302014-08-11T10:28:58.779+05:30How to get size of image and its height and width<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; font-size: 14px; line-height: 17.804800033569336px;">This will work with modern browsers as from HTML 5 and the File API</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<div class="post-footer" style="-webkit-text-stroke-width: 0px; background-color: white; color: #c01600; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.6; margin: 1.5em 0px 0px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
</div>
<br />
<div class="post-body entry-content" id="post-body-3807779739906948676" itemprop="articleBody" style="background-color: white; orphans: auto; position: relative; text-align: start; text-indent: 0px; widows: auto; width: 606px;">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-body entry-content" id="post-body-632745986651609745" itemprop="articleBody" style="background-color: white; orphans: auto; position: relative; text-align: start; text-indent: 0px; widows: auto; width: 606px;">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-body entry-content" id="post-body-6957983366494215154" itemprop="articleBody" style="background-color: white; position: relative; width: 606px;">
<div dir="ltr" trbidi="on">
<div class="code" style="background-color: #333333; border: 3px solid rgb(204, 204, 204); margin: 20px 0px; outline: 0px; padding: 10px 15px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><!DOCTYPE html></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><html></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><head></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><style></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>#uploadPreview img{</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> height:32px;</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"></style></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><br /></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><meta charset=utf-8 /></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><title>Multiple image upload with preview by Roko C.B.</title></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"></head></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><body></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> <input type="file" id="choose" multiple="multiple" /></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><br></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><div id="uploadPreview"></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"></div></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"></body></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><script></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>function readImage(file) {</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> </span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var reader = new FileReader();</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var image = new Image();</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> </span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>reader.readAsDataURL(file); </span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>reader.onload = function(_file) {</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>image.src = _file.target.result; // url.createObjectURL(file);</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>image.onload = function() {</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var w = this.width,</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>h = this.height,</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>t = file.type, // ext only: // file.type.split('/')[1],</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>n = file.name,</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>s = ~~(file.size/1024) +'KB';</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$('#uploadPreview').append('<img src="'+ this.src +'"> '+w+'x'+h+' '+s+' '+t+' '+n+'<br>');</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>};</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>image.onerror= function() {</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>alert('Invalid file type: '+ file.type);</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}; </span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>};</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span class="Apple-tab-span" style="font-weight: normal; line-height: 16px; white-space: pre;"><span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"> </span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$("#choose").change(function (e) {</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>//if(this.disabled) return alert('File upload not supported!');</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var F = this.files;</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>if(F && F[0]) for(var i=0; i<F.length; i++) readImage( F[i] );</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>});</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"></script></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"></html></span></span></h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="-webkit-text-stroke-width: 0px; clear: both; color: #c01600; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18.200000762939453px; text-transform: none; white-space: normal; word-spacing: 0px;">
</div>
</div>
</div>
<div style="-webkit-text-stroke-width: 0px; clear: both; color: #c01600; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18.200000762939453px; text-transform: none; white-space: normal; word-spacing: 0px;">
</div>
</div>
</div>
</div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com0tag:blogger.com,1999:blog-3140070136431321980.post-38077797399069486762014-07-12T17:40:00.002+05:302014-07-12T17:40:52.953+05:30How to download image from server to local using database.<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="post-footer" style="-webkit-text-stroke-width: 0px; background-color: white; color: #c01600; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.6; margin: 1.5em 0px 0px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
</div>
<br />
<div class="post-body entry-content" id="post-body-632745986651609745" itemprop="articleBody" style="background-color: white; orphans: auto; position: relative; text-align: start; text-indent: 0px; widows: auto; width: 606px;">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-body entry-content" id="post-body-6957983366494215154" itemprop="articleBody" style="background-color: white; position: relative; width: 606px;">
<div dir="ltr" style="-webkit-text-stroke-width: 0px; color: #c01600; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18.200000762939453px; text-transform: none; white-space: normal; word-spacing: 0px;" trbidi="on">
<span style="font-family: Arial, Helvetica, sans-serif;">If you want that user can download your images that was uploaded by the other user.</span></div>
<div dir="ltr" style="-webkit-text-stroke-width: 0px; color: #c01600; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18.200000762939453px; text-transform: none; white-space: normal; word-spacing: 0px;" trbidi="on">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div dir="ltr" style="-webkit-text-stroke-width: 0px; color: #c01600; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18.200000762939453px; text-transform: none; white-space: normal; word-spacing: 0px;" trbidi="on">
<span style="font-family: Arial, Helvetica, sans-serif;">For that this could will help you :</span></div>
<div dir="ltr" trbidi="on">
<span style="-webkit-text-stroke-width: 0px; color: #c01600; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18.200000762939453px; text-transform: none; white-space: normal; word-spacing: 0px;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 18px;"></span></span><br /><div class="code" style="background-color: #333333; border: 3px solid rgb(204, 204, 204); margin: 20px 0px; outline: 0px; padding: 10px 15px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><?php</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;">function output_file($file, $name, $mime_type='')</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;">{</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> if(!is_readable($file)) die('File not found or inaccessible!');</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> $size = filesize($file);</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> $name = rawurldecode($name);</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> $known_mime_types=array(</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> "htm" => "text/html",</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> "exe" => "application/octet-stream",</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> "zip" => "application/zip",</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> "doc" => "application/msword",</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> "jpg" => "image/jpg",</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> "php" => "text/plain",</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> "xls" => "application/vnd.ms-excel",</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> "ppt" => "application/vnd.ms-powerpoint",</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> "gif" => "image/gif",</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> "pdf" => "application/pdf",</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> "txt" => "text/plain",</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> "html"=> "text/html",</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> "png" => "image/png",</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> "jpeg"=> "image/jpg"</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> );</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> </span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> if($mime_type==''){</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> $file_extension = strtolower(substr(strrchr($file,"."),1));</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> if(array_key_exists($file_extension, $known_mime_types)){</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> $mime_type=$known_mime_types[$file_extension];</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> } else {</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> $mime_type="application/force-download";</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> };</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> };</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> </span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> //turn off output buffering to decrease cpu usage</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> @ob_end_clean(); </span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> </span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> // required for IE, otherwise Content-Disposition may be ignored</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> if(ini_get('zlib.output_compression'))</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> ini_set('zlib.output_compression', 'Off');</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> header('Content-Type: ' . $mime_type);</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> header('Content-Disposition: attachment; filename="'.$name.'"');</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> header("Content-Transfer-Encoding: binary");</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> header('Accept-Ranges: bytes');</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> </span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> // multipart-download and download resuming support</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> if(isset($_SERVER['HTTP_RANGE']))</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> {</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> list($a, $range) = explode("=",$_SERVER['HTTP_RANGE'],2);</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> list($range) = explode(",",$range,2);</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> list($range, $range_end) = explode("-", $range);</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> $range=intval($range);</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> if(!$range_end) {</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> $range_end=$size-1;</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> } else {</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> $range_end=intval($range_end);</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> }</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><br /></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> $new_length = $range_end-$range+1;</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> header("HTTP/1.1 206 Partial Content");</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> header("Content-Length: $new_length");</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> header("Content-Range: bytes $range-$range_end/$size");</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> } else {</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> $new_length=$size;</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> header("Content-Length: ".$size);</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> }</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> </span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> /* Will output the file itself */</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> $chunksize = 1*(1024*1024); //you may want to change this</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> $bytes_send = 0;</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> if ($file = fopen($file, 'r'))</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> {</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> if(isset($_SERVER['HTTP_RANGE']))</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> fseek($file, $range);</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> </span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> while(!feof($file) && </span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> (!connection_aborted()) && </span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> ($bytes_send<$new_length)</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> )</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> {</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> $buffer = fread($file, $chunksize);</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> echo($buffer); </span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> flush();</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> $bytes_send += strlen($buffer);</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> }</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> fclose($file);</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> } else</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> //If no permissiion</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> die('Error - can not open file.');</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> //die</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;">die();</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;">}</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><br /></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;">//Set the time out</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;">set_time_limit(0);</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><br /></span></span></h3>
<h3 style="color: #c01600; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$host = "database_host_name"; </span></span></h3>
<h3 style="color: #c01600; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$db_user = "database_user_name"; </span></span></h3>
<h3 style="color: #c01600; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$db_pwd = "database_password";</span></span></h3>
<h3 style="color: #c01600; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$db_name = "database_name";</span></span></h3>
<h3 style="color: #c01600; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span></span></span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; font-size: x-small; font-weight: normal; line-height: 16px;">$con = mysqli_connect($host,$db_user,$db_pwd,$db_name);</span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><br /></span></span></h3>
<div>
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;">$filename = "";</span></span></div>
<h3 style="margin: 0px; position: relative;">
<span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; font-size: x-small; font-weight: normal; line-height: 16px;">$sqlimg = mysqli_query($con,"Select img from table_name");</span></h3>
<div>
<span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; font-size: x-small; font-weight: normal; line-height: 16px;">if($rowimg = mysqli_fetch_array($sqlimg)){</span></div>
<div>
<span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; font-size: x-small; line-height: 16px;"> $</span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; font-size: x-small; line-height: 16px;">filename </span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; font-size: x-small; line-height: 16px;">= $rowimg[0];</span></div>
<div>
<span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; font-size: x-small; line-height: 16px;">}</span></div>
<div>
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"><br /></span></span></div>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;">//Call the download function with file path,file name and file type</span></span></h3>
<div>
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;">if($</span></span><span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; font-size: x-small; line-height: 16px;">filename</span><span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;">!="")</span></span></div>
<div>
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;">{</span></span></div>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;"> output_file($file_path, ''.$filename.'', 'text/plain');</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;">}</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="font-weight: normal; line-height: 16px;">?></span></span></h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="-webkit-text-stroke-width: 0px; clear: both; color: #c01600; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18.200000762939453px; text-transform: none; white-space: normal; word-spacing: 0px;">
</div>
</div>
</div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com0tag:blogger.com,1999:blog-3140070136431321980.post-6327459866516097452014-07-12T17:19:00.001+05:302014-07-12T17:19:31.848+05:30How to restore mysql database using PHP script<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-body entry-content" id="post-body-6957983366494215154" itemprop="articleBody" style="background-color: white; position: relative; width: 606px;">
<div dir="ltr" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;" trbidi="on">
<span style="font-family: Arial, Helvetica, sans-serif;">If you want to restore your database with all tables and their data using the code of PHP this will helps you</span><span style="font-family: Arial, Helvetica, sans-serif;">.</span></div>
<div dir="ltr" trbidi="on">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18.200000762939453px;"><br /></span><span style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">Here is the example of Database Restore PHP Script :</span><br /><span style="color: #c01600; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 18px;"></span></span><br /><div class="code" style="background-color: #333333; border: 3px solid rgb(204, 204, 204); margin: 20px 0px; outline: 0px; padding: 10px 15px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><?php</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;">if(isset($_POST['submit'])) //Set Click event on form load</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;">{<span class="Apple-tab-span" style="white-space: pre;"> </span></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$host = "database_host_name"; </span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$db_user = "database_user_name"; </span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$db_pwd = "database_password";</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$db_name = "database_name";</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>error_reporting(0);</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>ini_set('memory_limit','128M'); </span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$db = mysqli_connect($host,$db_user,$db_pwd,$db_name);</span></span></h3>
<div>
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><br /></span></span></div>
<div>
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"> </span></span></div>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"> //File name you want to upload.</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$filename = $_FILES["filemainname"]["name"]; </span></span></h3>
<div>
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><br /></span></span></div>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$fp = fopen($filename, 'r' );</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$fetchData = fread($fp, filesize($filename));</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$sqlInfo = explode(";\n", $fetchData);</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>foreach ($sqlInfo AS $sqlData )</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>{</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$datad = mysqli_query($db,$sqlData);</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>echo 'Done';</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;">}</span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;">?></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><br /></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><form action="index.php" method="post" enctype="multipart/form-data"></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><label for="file">Filename:</label></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><input type="file" name="filemainname" id="filemainname"><br></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><input type="submit" name="submit" value="Submit"></span></span></h3>
<h3 style="margin: 0px; position: relative;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: small;"><span style="font-weight: normal; line-height: 16px;"></form></span></span></h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com0tag:blogger.com,1999:blog-3140070136431321980.post-69579833664942151542014-07-08T10:13:00.003+05:302014-07-08T10:13:29.410+05:30How to get Mysql Database Backup Using PHP<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Arial, Helvetica, sans-serif;">If you want to get backup of all tables in your database or specific table in those database .</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">I think this script will help you for getting database backup.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Here is the example of Database Backup PHP Script :</span><br />
<span style="-webkit-text-stroke-width: 0px; background-color: white; color: #c01600; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"></span><br />
<div class="code" style="background-color: #333333; border: 3px solid rgb(204, 204, 204); margin: 20px 0px; orphans: auto; outline: 0px; padding: 10px 15px; text-align: left; text-indent: 0px; vertical-align: baseline; widows: auto;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;">
<h3 style="text-align: left;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><?php</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>function backup_db()</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>{</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$host="localhost";</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$uname="database_username";</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$pass="database_password";</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$database = "databasename"; </span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$return = "";</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$connection=mysqli_connect($host,$uname,$pass,$database); </span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>/* Store All Table name in an Array */</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$allTables = array();</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$result = mysqli_query($connection,'SHOW TABLES');</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>while($row = mysqli_fetch_row($result)){</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> $allTables[] = $row[0];</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>foreach($allTables as $table){</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$result = mysqli_query($connection,'SELECT * FROM '.$table);</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$num_fields = mysqli_num_fields($result);</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$return.= 'DROP TABLE IF EXISTS '.$table.';';</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$row2 = mysqli_fetch_row(mysqli_query($connection,'SHOW CREATE TABLE '.$table));</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$return.= "\n\n".$row2[1].";\n\n";</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>for ($i = 0; $i < $num_fields; $i++) {</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>while($row = mysqli_fetch_row($result)){</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> $return.= 'INSERT INTO '.$table.' VALUES(';</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> for($j=0; $j<$num_fields; $j++){</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> $row[$j] = addslashes($row[$j]);</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> $row[$j] = str_replace("\n","\\n",$row[$j]);</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> if (isset($row[$j])) { $return.= '"'.$row[$j].'"' ; } </span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> else { $return.= '""'; }</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> if ($j<($num_fields-1)) { $return.= ','; }</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> }</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> $return.= ");\n";</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$return.="\n\n";</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>// Create Backup Folder</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$folder = 'e:/DB_Backup/'; // I am getting database backup on my E driver.</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>if (!is_dir($folder))</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>mkdir($folder, 0777, true);</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>chmod($folder, 0777);</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>date_default_timezone_set('Asia/Kolkata');</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$date = date('m-d-Y-H-i-s', time()); </span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$filename = $folder."db-backup-".$date; </span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$handle = fopen($filename.'.sql','w+');</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>fwrite($handle,$return);</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>fclose($handle);</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>// Call the function</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>backup_db();</span></span><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;">?></span></span></h3>
</div>
</div>
</div>
</div>
</div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com0tag:blogger.com,1999:blog-3140070136431321980.post-64130136076646124792014-02-11T21:16:00.001+05:302014-07-12T17:14:34.484+05:30Working with Jquery datatable with dynamic data using PHP and Mysql<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: #fbfbfb; color: #262626; font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25.600000381469727px;">DataTables is a powerful jQuery plugin for creating table listings and adding interactions to them. It provides searching, sorting and pagination without any configuration. In this article we’ll go through the basics of DataTable and how to use some of the advanced features.</span><br />
<span style="background-color: #fbfbfb; color: #262626; font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25.600000381469727px;"><br /></span>
<span style="background-color: #fbfbfb; color: #262626; font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif; line-height: 25.600000381469727px;"><span style="font-size: large;">STEP 1 :-</span></span><span style="background-color: #fbfbfb; color: #262626; font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25.600000381469727px;"> Create Database and Table.</span><br />
<span style="background-color: #fbfbfb; color: #262626; font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25.600000381469727px;"><br /></span>
<span style="background-color: #fbfbfb; color: #262626; font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25.600000381469727px;">We take Example : we create table user in which username and email_id is shown.</span><br />
<span style="background-color: #fbfbfb; color: #262626; font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25.600000381469727px;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-qwdIOqpvPKA/UvpCwEcayaI/AAAAAAAAAUM/RILRI4AScEQ/s1600/usertable.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-qwdIOqpvPKA/UvpCwEcayaI/AAAAAAAAAUM/RILRI4AScEQ/s1600/usertable.png" height="65" width="400" /></a></div>
<br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">STEP 2 :- </span><span style="font-family: Arial, Helvetica, sans-serif;">Now Create Connection in your PHP Page and Connect database with this table .</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">HERE is the Complete Code of PHP Page : </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<div class="code" style="background-color: #333333; border: 3px solid rgb(204, 204, 204); margin: 20px 0px; outline: 0px; padding: 10px 15px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><?php</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$con = mysqli_connect('localhost','root','','test');</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$sqlselect = mysqli_query($con,"SELECT * FROM User");</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;">?></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><!DOCTYPE html></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><html></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><head></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><meta charset="utf-8"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><br /></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><title>DataTables example - Zero configuration</title></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><link rel="stylesheet" type="text/css" href="media/css/jquery.dataTables.css"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><link rel="stylesheet" type="text/css" href="resources/syntax/shCore.css"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><link rel="stylesheet" type="text/css" href="resources/demo.css"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><style type="text/css" class="init"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><br /></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span></style></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><script type="text/javascript" language="javascript" src="media/js/jquery.js"></script></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><script type="text/javascript" language="javascript" src="media/js/jquery.dataTables.js"></script></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><script type="text/javascript" language="javascript" src="resources/syntax/shCore.js"></script></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><script type="text/javascript" language="javascript" src="resources/demo.js"></script></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><script type="text/javascript" language="javascript" class="init"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><br /></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><br /></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;">$(document).ready(function() {</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$('#example').dataTable();</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;">} );</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><br /></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><br /></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span></script></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"></head></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><br /></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><body class="dt-example"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><div class="container"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><section></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><h1>DataTables example <span>- Dynamic with PHP and MYSQL</span></h1></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><br /></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><div class="info"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><p>DataTables has most features enabled by default, so all you need to do to use it with your own</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>tables is to call the construction function.</p></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><br /></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><p>Searching, ordering, paging etc goodness will be immediately added to the table, as shown in this</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>example.</p></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span></div></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><br /></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><table id="example" class="display" cellspacing="0" width="100%"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><thead></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><tr></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><th>ID</th></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><th>USERNAME</th></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><th>EMAIL-ID</th></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span></tr></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span></thead></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><br /></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><tfoot></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><tr></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><th>ID</th></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><th>USERNAME</th></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><th>EMAIL-ID</th></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span></tr></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span></tfoot></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><br /></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><tbody></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><?php</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>while($rowselect = mysqli_fetch_array($sqlselect))</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>{</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>echo"<tr></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><td>".$rowselect['ID']."</td></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><td>".$rowselect['usernam']."</td></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><td>".$rowselect['email']."</td></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span></tr>";</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>?></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span></tbody></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span></table></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span></div></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"></body></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"></html></span></span></div>
</div>
</div>
</div>
</div>
<span style="background-color: white; color: #c01600; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px;"><a href="https://drive.google.com/file/d/0B6ubx_VB0LCUbUdDYmRTdDJIbFk/edit?usp=sharing" target="_blank">You Can Download It From Here : Click Here</a></span><br />
<br style="background-color: white; color: #c01600; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;" />
<span style="background-color: white; color: #c01600; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">For Any Query Please Write a comment !!</span><br />
<span style="background-color: white; color: #c01600; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18.200000762939453px;"><br /></span><span style="background-color: white; color: #c01600; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18.200000762939453px;"></span><span style="background-color: white; color: #c01600; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18.200000762939453px;">Thanks</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com0tag:blogger.com,1999:blog-3140070136431321980.post-63236230644689648762013-12-01T09:59:00.004+05:302013-12-01T09:59:49.956+05:30Send e-mail in PHP<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Arial, Helvetica, sans-serif;">For Sending Mail in PHP their is inbuilt funtion to send e-mails in php but this function only works in server where you can send your e-mail with your server e-mails.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif;">mail(to,subject,message,headers,parameters)</span><br />
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif;">Here is running example of mail function in php</span><br />
<br />
<div class="code" style="background-color: #333333; border: 3px solid rgb(204, 204, 204); margin: 20px 0px; outline: 0px; padding: 10px 15px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><?php</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;">if(isset($_POST['btn_email']))</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;">{</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$email_to = "sender-email";</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> $email_subject = "Subject";</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$name=$_POST['name'];</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$email=$_POST['email'];</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$sub=$_POST['Subject'];</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$messagenew=$_POST['message'];</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span class="Apple-tab-span" style="line-height: 16px; white-space: pre;"><span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"> </span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$email_message = "Name: ".$name."\n";</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> $email_message .= "Email: ".$email."\n";</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> $email_message .= "Subject: ".$sub."\n";</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> $email_message .= "Message: ".$messagenew."\n";</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>// create email headers</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$headers = 'From: '.$email."\r\n".</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>'Reply-To: '.$email."\r\n" .</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>'X-Mailer: PHP/' . phpversion();</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span class="Apple-tab-span" style="line-height: 16px; white-space: pre;"><span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"> </span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>@mail($email_to, $email_subject, $email_message, $headers); </span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> </span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;">echo"<script>alert('Thank you for contacting us. We will be in touch with you very soon.');</script>";</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;">}</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;">?></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><form action="Contact.php" method="post" class="std" enctype="multipart/form-data"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span class="Apple-tab-span" style="line-height: 16px; white-space: pre;"><span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"> </span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><h1 style='color:black'>Send a message</h1></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><p class="text select"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><label for="id_order">Name</label></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><input type="text" name="name" id="name" value="" /></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span></p></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><p class="text select"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><label for="id_order">Subject</label></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><input type="text" name="Subject" id="Subject" value="" /></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span></p></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><p class="text"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> <label for="email">E-mail address</label></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><input type="text" id="email" name="email" value="" /></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span></p></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><p class="textarea"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><label for="message">Message</label></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><textarea id="message" name="message" ></textarea></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span></p></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><p class="submit"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><input type="submit" name="btn_email" id="btn_email" value="Send" class="button_large" onclick="$(this).hide();" /></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span></p></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; line-height: 16px;"><span style="font-size: x-small;"></form></span></span></div>
</div>
</div>
</div>
<span style="background-color: white; color: #c01600; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px;"><a href="https://docs.google.com/file/d/0B6ubx_VB0LCURXRiV3FGSFZSQUU/edit" target="_blank">You Can Download It From Here : Click Here</a></span><br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">For Any Query Please Write a comment !!</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Thanks</span></div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com0tag:blogger.com,1999:blog-3140070136431321980.post-41351806445084413582013-11-30T18:01:00.002+05:302013-11-30T18:02:38.170+05:30Web Based 3D Dock Menus<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Here is The Complete Source Code of The 3D Dock Menu: </b></span><br />
<div class="code" style="background-color: #333333; border: 3px solid rgb(204, 204, 204); margin: 20px 0px; outline: 0px; padding: 10px 15px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><html xmlns="http://www.w3.org/1999/xhtml"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><head></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><title>CSS 3D Dock Menu</title></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><script type="text/javascript" src="js/jquery.js"></script></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><script type="text/javascript" src="js/interface.js"></script></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><link href="style.css" rel="stylesheet" type="text/css" /></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"></head></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><body></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><div class="dock" id="dock"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"> <div class="dock-container"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> <a class="dock-item" href="http://newwebonline.blogspot.in/"><img src="images/home.png" alt="home" /><span>Blog Home</span></a> </span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> <a class="dock-item" href="http://newwebonline.blogspot.in/"><img src="images/email.png" alt="contact" /><span>Designer Wall</span></a> </span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> <a class="dock-item" href="http://newwebonline.blogspot.in/"><img src="images/portfolio.png" alt="portfolio" /><span>Design Jobs</span></a> </span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> <a class="dock-item" href="http://newwebonline.blogspot.in/"><img src="images/music.png" alt="music" /><span>Best Web Gallery</span></a> </span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> <a class="dock-item" href="http://newwebonline.blogspot.in/"><img src="images/video.png" alt="video" /><span>IconDock</span></a> </span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> <a class="dock-item" href="http://newwebonline.blogspot.in/"><img src="images/history.png" alt="history" /><span>Stock Icons</span></a></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"> </div> </span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"></div></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: transparent; color: white; font-family: Verdana, sans-serif; font-size: xx-small; line-height: 16px;"><!--bottom dock --></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><div class="dock" id="dock2"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"> <div class="dock-container2"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> <a class="dock-item2" href="http://newwebonline.blogspot.in/"><span>Home</span><img src="images/home.png" alt="home" /></a> </span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> <a class="dock-item2" href="http://newwebonline.blogspot.in/"><span>Contact</span><img src="images/email.png" alt="contact" /></a> </span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> <a class="dock-item2" href="http://newwebonline.blogspot.in/"><span>Portfolio</span><img src="images/portfolio.png" alt="portfolio" /></a> </span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> <a class="dock-item2" href="http://newwebonline.blogspot.in/"><span>Music</span><img src="images/music.png" alt="music" /></a> </span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> <a class="dock-item2" href="http://newwebonline.blogspot.in/"><span>Video</span><img src="images/video.png" alt="video" /></a> </span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> <a class="dock-item2" href="http://newwebonline.blogspot.in/"><span>History</span><img src="images/history.png" alt="history" /></a> </span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> <a class="dock-item2" href="http://newwebonline.blogspot.in/"><span>Calendar</span><img src="images/calendar.png" alt="calendar" /></a> </span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> <a class="dock-item2" href="http://newwebonline.blogspot.in/"><span>Links</span><img src="images/link.png" alt="links" /></a> </span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> <a class="dock-item2" href="http://newwebonline.blogspot.in/"><span>RSS</span><img src="images/rss.png" alt="rss" /></a> </span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span> <a class="dock-item2" href="http://newwebonline.blogspot.in/"><span>RSS2</span><img src="images/rss2.png" alt="rss" /></a> </span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"> </div></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"></div></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><br /></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><!--dock menu JS options --></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><script type="text/javascript"></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span class="Apple-tab-span" style="line-height: 16px; white-space: pre;"><span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"> </span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$(document).ready(</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>function()</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>{</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$('#dock').Fisheye(</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>{</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>maxWidth: 50,</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>items: 'a',</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>itemsText: 'span',</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>container: '.dock-container',</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>itemWidth: 40,</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>proximity: 90,</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>halign : 'center'</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>)</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$('#dock2').Fisheye(</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>{</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>maxWidth: 60,</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>items: 'a',</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>itemsText: 'span',</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>container: '.dock-container2',</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>itemWidth: 40,</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>proximity: 80,</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>alignment : 'left',</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>valign: 'bottom',</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>halign : 'center'</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>)</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>);</span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"><br /></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"></script></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"></body></span></span></div>
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: xx-small;"><span style="line-height: 16px;"></html></span></span></div>
</div>
</div>
<span style="font-family: Arial, Helvetica, sans-serif;">Output Like This :</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-khtQpzNwaRU/UpnanwjpqGI/AAAAAAAAANQ/gHVM5Ac0a6A/s1600/dac.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-khtQpzNwaRU/UpnanwjpqGI/AAAAAAAAANQ/gHVM5Ac0a6A/s1600/dac.png" height="192" width="400" /></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<span style="color: black; font-family: Arial, Helvetica, sans-serif;"><a href="https://docs.google.com/file/d/0B6ubx_VB0LCUM3VGTko5bzBGWmc/edit" target="_blank">Download Click Here</a></span><br />
<br />
<br /></div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com0tag:blogger.com,1999:blog-3140070136431321980.post-25508292351121372262013-11-29T14:26:00.000+05:302013-11-29T15:39:47.313+05:30How to Add Facebook Like box in website or Blog<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Verdana,sans-serif;"><span style="font-size: small;">I will show you how to add your facebook like box in your static or dynamic website. The Facebook Like Box show your website popularity on facebook . So don't wait just do it fast .</span></span><br />
<br />
<span style="font-family: Verdana,sans-serif;"><span style="font-size: small;"><span style="font-size: large;"><b><u>Step 1 </u></b></span>: If you are put in your website . Then open your web page in which you want to show the facebook like box . Go To Head Section and at the end of end section you will copy following code :</span></span><br />
<div class="code" style="background-color: #333333; border: 3px solid rgb(204, 204, 204); margin: 20px 0px; outline: 0px; padding: 10px 15px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: Verdana,sans-serif;"><span style="font-size: x-small;"><span style="color: white;"><span style="line-height: 16px;"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script></span></span></span></span></div>
</div>
<span style="font-family: Verdana,sans-serif;"><span style="font-size: small;"> </span></span><span style="font-family: Verdana,sans-serif;"><span style="font-size: small;"><span style="font-size: large;"><b><u>Step 2 </u></b></span>:
If you are using Blog or Google Blogspot. just go to your dashboard -> template and Edit HTML here you can find head tag. and Do step 1.</span></span><br />
<span style="font-family: Verdana,sans-serif;"><span style="font-size: small;"><br /></span></span>
<br />
<span style="font-family: Verdana,sans-serif;"><span style="font-size: small;"><span style="font-size: large;"><b><u>Step 3 </u></b></span>: And at the end of body tag copy this code and change your url :</span></span><br />
<span style="font-family: Verdana,sans-serif;"><span style="font-size: small;"><br /></span></span>
<br />
<span style="font-family: Verdana,sans-serif;"></span>
<br />
<div class="code" style="background-color: #333333; border: 3px solid rgb(204, 204, 204); margin: 20px 0px; outline: 0px; padding: 10px 15px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: Verdana,sans-serif;"><span style="font-size: x-small;"><span style="color: white;"><span style="line-height: 16px;"><style type='text/css'><br />/*<![CDATA[*/<br />#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}<br />.fbplbadge {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;left: -47px;width: 47px;background-image: url('http://1.bp.blogspot.com/-PUYBb2326SY/T13eXFv1sPI/AAAAAAAABdE/VOqfHVMXhWk/s1600/w2b_vertical-right.png');background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}<br />/*]]>*/<br /></style><br /><script type='text/javascript'><br />/*<![CDATA[*/<br /> (function(w2b){<br /> w2b(document).ready(function(){<br /> var $dur = 'medium'; // Duration of Animation<br /> w2b('#fbplikebox').css({right: -250, 'top' : 350 })<br /> w2b('#fbplikebox').hover(function () {<br /> w2b(this).stop().animate({<br /> right: 0<br /> }, $dur);<br /> }, function () {<br /> w2b(this).stop().animate({<br /> right: -250<br /> }, $dur);<br /> });<br /> w2b('#fbplikebox').show();<br /> });<br /> })(jQuery);<br />/*]]>*/<br /></script><br /><div id='fbplikebox' style='display:none;'><br /> <div class='fbplbadge'></div> <br /> <iframe src='http://www.facebook.com/plugins/likebox.php?href=Type_your_fb_page_URL&amp;width=250&amp;height=260&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23C4C4C4&amp;stream=false&amp;header=false' scrolling='no' frameborder='0' style='border:none; overflow:hidden; width:250px; height:260px;background:#FFFFFF;' allowtransparency='true'></iframe><br /></div></span></span></span></span></div>
</div>
<span style="font-family: Verdana,sans-serif;"><span style="font-size: small;"> And You Get Following Output :</span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-1TCpkOmeUWE/UphYhvTpHAI/AAAAAAAAADA/a-zpzNrfOJM/s1600/arrow-right.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="194" src="http://3.bp.blogspot.com/-1TCpkOmeUWE/UphYhvTpHAI/AAAAAAAAADA/a-zpzNrfOJM/s320/arrow-right.jpg" width="320" /></a></div>
<br /></div>
Anonymoushttp://www.blogger.com/profile/06775318715557386109noreply@blogger.com0tag:blogger.com,1999:blog-3140070136431321980.post-48678729691573318112013-11-28T19:44:00.003+05:302013-11-29T13:08:33.369+05:30How to use Geolocation API in HTML5<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Verdana, sans-serif;">If you want to use Geolocation API in HTML5 , used to get geographical position by the user. </span><br />
<span style="font-family: Verdana, sans-serif;">It can be support by many browser now ,</span><br />
<br />
<img alt="Internet Explorer" height="30" src="http://www.w3schools.com/images/compatible_ie.gif" style="background-color: white; border: 0px; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; line-height: 16px;" title="Internet Explorer" width="31" /><span style="background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; line-height: 16px;"> </span><img alt="Firefox" height="30" src="http://www.w3schools.com/images/compatible_firefox.gif" style="background-color: white; border: 0px; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; line-height: 16px;" title="Firefox" width="31" /><span style="background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; line-height: 16px;"> </span><img alt="Opera" height="30" src="http://www.w3schools.com/images/compatible_opera.gif" style="background-color: white; border: 0px; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; line-height: 16px;" title="Opera" width="28" /><span style="background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; line-height: 16px;"> </span><img alt="Google Chrome" height="30" src="http://www.w3schools.com/images/compatible_chrome.gif" style="background-color: white; border: 0px; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; line-height: 16px;" title="Google Chrome" width="31" /><span style="background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; line-height: 16px;"> </span><img alt="Safari" height="30" src="http://www.w3schools.com/images/compatible_safari.gif" style="background-color: white; border: 0px; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; line-height: 16px;" title="Safari" width="28" /><br />
<br />
<span style="background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; line-height: 16px;">Internet Explorer 9+, Firefox, Opera, </span><span style="background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; line-height: 16px;">Chrome and Safari are</span><span style="background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; line-height: 16px;"> support Geolocation</span><br />
<span style="background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; line-height: 16px;"><br /></span>
<span style="background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; line-height: 16px;">The Example is : </span><br />
<span style="background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; line-height: 16px;"><br /></span>
<span style="background-color: white; color: #404040; font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; line-height: 16px;"><br /></span>
<br />
<div class="code" style="background-color: #333333; border: 3px solid rgb(204, 204, 204); font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 20px 0px; outline: 0px; padding: 10px 15px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><!DOCTYPE html></span></span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><html></span></span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><body></span></span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><p> your coordinates is :</p></span></span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><script></span></span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="background-color: transparent; color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small; line-height: 16px;"> if (navigator.geolocation)</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> {</span></span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> navigator.geolocation.getCurrentPosition(showPosition);</span></span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> }</span></span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> else{x.innerHTML="Geolocation is not supported by this browser.";}</span></span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="background-color: transparent; color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small; line-height: 16px;">function showPosition(position)</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> {</span></span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> x.innerHTML="Latitude is : " + position.coords.latitude + </span></span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> "<br>Longitude is: " + position.coords.longitude;<span class="Apple-tab-span" style="white-space: pre;"> </span></span></span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> }</span></span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"></script></span></span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"></body></span></span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="background-color: white; line-height: 16px;"></span></span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;">
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"></html></span></span></div>
</div>
</div>
<span style="font-family: Verdana, sans-serif;">You Will Get Your Latitude and Longitude .</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">If You want to show your latitude and longitude in Google Map</span><br />
<span style="font-family: Verdana, sans-serif;">Then you want to use Google Map API.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">You Will Get Compelete Source Code Here .</span><br />
<span style="background-color: white;"><span style="font-family: Verdana, sans-serif;"><br /></span></span>
<br />
<div class="code" style="background-color: #333333; border: 3px solid rgb(204, 204, 204); margin: 20px 0px; outline: 0px; padding: 10px 15px; vertical-align: baseline;">
<div style="background-color: transparent; border: 0px; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><!DOCTYPE html></span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"><html></span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> <head></span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /></span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> <style type="text/css"></span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> html { height: 100% }</span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> body { height: 100%; margin: 0; padding: 0 }</span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> #map-canvas { height: 100% }</span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> </style></span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> <script type="text/javascript"</span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> src="https://maps.googleapis.com/maps/api/js?key=API_KEY&sensor=SET_TO_TRUE_OR_FALSE"></span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> </script></span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> <script type="text/javascript"></span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> function initialize() { navigator.geolocation.getCurrentPosition(showPosition); var Latitude = position.coords.latitude; var Longitude = position.coords.longitude;<span class="Apple-tab-span" style="white-space: pre;"> </span> </span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> var mapOptions = {</span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> center: new google.maps.LatLng(Latitude, Longitude),</span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> zoom: 8</span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> };</span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> var map = new google.maps.Map(document.getElementById("map-canvas"),</span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> mapOptions);</span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> }</span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> google.maps.event.addDomListener(window, 'load', initialize);</span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> </script></span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> </head></span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> <body></span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> <div id="map-canvas"/></span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"> </body></span></span><br />
<span style="color: white; font-family: verdana, helvetica, arial, sans-serif; font-size: x-small;"><span style="line-height: 16px;"></html></span></span></div>
</div>
</div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com0tag:blogger.com,1999:blog-3140070136431321980.post-51527090565248717902013-11-27T19:56:00.003+05:302013-11-27T19:56:25.313+05:30How to upload custom template in Google Blogspot<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; line-height: 20px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;"><span style="color: #555555;"> </span> </span><span style="font-family: Verdana, sans-serif;">We can easily use our own template by following few steps as mentioned below.</span></div>
<span style="font-family: Verdana, sans-serif;"><span style="background-color: white; line-height: 20px;"><br /></span><span style="background-color: white; line-height: 20px;"></span><span style="background-color: white; line-height: 20px;"> 1. Select the Template from left menu and click on button Backup/Restore as shown below.</span></span><br />
<div style="background-color: white; line-height: 20px;">
<span style="font-family: Verdana, sans-serif;"><br /></span><div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-dDgdfnEOPs4/UPKihdf_tbI/AAAAAAAAAGo/0hrQ-RPrFiQ/s1600/paisa4u1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em; outline: none;"><span style="color: black; font-family: Verdana, sans-serif;"><img border="0" height="200" src="http://1.bp.blogspot.com/-dDgdfnEOPs4/UPKihdf_tbI/AAAAAAAAAGo/0hrQ-RPrFiQ/s400/paisa4u1.JPG" style="background-color: transparent; border: none; padding: 0px;" width="400" /></span></a></div>
<div>
<span style="font-family: Verdana, sans-serif;"> </span></div>
<div>
<span style="font-family: Verdana, sans-serif;"> 2. Now if you want to keep safe your previous templates/settings then you may keep back file by clicking button, or simply click "choose file" as shown below and upload you desired template <b><i>".xml"</i></b> file.</span></div>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-fbKqr6coBN4/UPKocZSwYaI/AAAAAAAAAG4/1sKJXVy6yhw/s1600/paisa4u2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em; outline: none;"><span style="color: black; font-family: Verdana, sans-serif;"><img border="0" height="197" src="http://4.bp.blogspot.com/-fbKqr6coBN4/UPKocZSwYaI/AAAAAAAAAG4/1sKJXVy6yhw/s400/paisa4u2.JPG" style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: none; padding: 0px;" width="400" /></span></a></div>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Verdana, sans-serif;"> 3. If you are again getting any problem you may ask you query in comments.</span></div>
</div>
</div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com0tag:blogger.com,1999:blog-3140070136431321980.post-73790403270213672392013-11-27T19:44:00.002+05:302013-11-27T19:44:11.785+05:30URL Rewriting in PHP<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Verdana, sans-serif;">Apache Module is very difficult but now it come easier for you by using this tutorial or blog for that you will read properly and apply in your website.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">For URL Rewriting or Sexy URL you have to start your apache rewrite module from Wamp or XAMP Server following STEPS are as Follows </span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><u style="background-color: white; color: #999999; font-size: x-large;">Step 1</u><span style="background-color: white;"><span style="color: #999999; font-size: large;"> : </span>First Start Your Wamp/Xamp SERVER .</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: white;"><br /></span></span>
<span style="font-family: Verdana, sans-serif;"><u style="background-color: white; color: #999999; font-size: x-large;">Step 2</u><span style="background-color: white;"><span style="color: #999999; font-size: large;"> : </span>Now Go For Apache Module in Apache and Find rewrite_module and Click on it . it will show like this : </span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: white;"><br /></span></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-dvshB7TkHUE/UpX6DAF1T4I/AAAAAAAAANA/h03A8p1WCdE/s1600/rewrite.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-dvshB7TkHUE/UpX6DAF1T4I/AAAAAAAAANA/h03A8p1WCdE/s1600/rewrite.png" height="640" width="345" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<u style="background-color: white; color: #999999; font-family: Verdana, sans-serif; font-size: x-large;">Step 3</u><span style="background-color: white; font-family: Verdana, sans-serif;"><span style="color: #999999; font-size: large;"> : </span>Now .htaccess file not .htacces.txt ok .</span><br />
<span style="background-color: white; font-family: Verdana, sans-serif;"><br /></span>
<u style="background-color: white; color: #999999; font-family: Verdana, sans-serif; font-size: x-large;">Step 4</u><span style="background-color: white; font-family: Verdana, sans-serif;"><span style="color: #999999; font-size: large;"> :</span> And Write Code in .htaccess file</span><span style="background-color: white; font-family: Verdana, sans-serif;"> like this </span><br />
<span style="background-color: white; font-family: Verdana, sans-serif;"><br /></span>
<span style="background-color: white; font-family: Verdana, sans-serif;">1) Start Your Rewrite Engine On by using this code </span><br />
<span style="background-color: white; font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">RewriteEngine On</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">2) And Type The following RewriteRule for all the pages </span><br />
<span style="font-family: Verdana, sans-serif;"> </span><span style="font-family: 'Courier New', Courier, monospace; line-height: 18.1875px;">RewriteRule ^/(.*) http://www.example.com/$1 [L,R]</span><br />
<span style="font-family: 'Courier New', Courier, monospace; line-height: 18.1875px;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 18.1875px;">3) Now You can also apply Rewrite Condition For Example</span></span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<pre style="font-family: 'Courier New', Courier, monospace; line-height: 18.1875px; padding: 0px;"># For sites running on a port other than 80
RewriteCond %{HTTP_HOST} !^www\.example\.com [NC]
RewriteCond %{HTTP_HOST} !^$
RewriteCond %{SERVER_PORT} !^80$
RewriteRule ^/(.*) http://www.example.com:%{SERVER_PORT}/$1 [L,R]
# And for a site running on port 80
RewriteCond %{HTTP_HOST} !^www\.example\.com [NC]
RewriteCond %{HTTP_HOST} !^$</pre>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">Now Total Solution is : </span><br />
<span style="font-family: Courier New, Courier, monospace;"><br /></span>
<span style="font-family: Courier New, Courier, monospace;">RewriteEngine On</span><br />
<pre style="line-height: 18.1875px; padding: 0px;"><span style="font-family: Courier New, Courier, monospace;"># For sites running on a port other than 80
RewriteCond %{HTTP_HOST} !^www\.example\.com [NC]
RewriteCond %{HTTP_HOST} !^$
RewriteCond %{SERVER_PORT} !^80$
RewriteRule ^/(.*) http://www.example.com:%{SERVER_PORT}/$1 [L,R]
# And for a site running on port 80
RewriteCond %{HTTP_HOST} !^www\.example\.com [NC]
RewriteCond %{HTTP_HOST} !^$</span></pre>
<pre style="line-height: 18.1875px; padding: 0px;"><span style="font-family: 'Courier New', Courier, monospace;">
</span></pre>
<pre style="line-height: 18.1875px; padding: 0px;"><span style="font-family: 'Courier New', Courier, monospace;">RewriteRule ^/(.*) http://www.example.com/$1 [L,R]</span></pre>
<span style="font-family: Courier New, Courier, monospace;"><span style="line-height: 18.1875px;"><br /></span></span>
<span style="font-family: Courier New, Courier, monospace;"><span style="line-height: 18.1875px;"><br /></span></span>
<span style="font-family: Courier New, Courier, monospace;"><span style="line-height: 18.1875px;"><br /></span></span></div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com0tag:blogger.com,1999:blog-3140070136431321980.post-48682757572730345122013-11-27T19:14:00.001+05:302013-11-27T19:14:18.776+05:30Dynamic SEO using PHP<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; border: 0px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
When it comes to updating title tags, meta descriptions, canonical link elements, etc. on a page-by-page basis, we often rely on the power of the client’s CMS. Whether we’re using WordPress plugins or Drupal modules to get the job done, we generally have a process that is efficient and feasible. No tinkering with template files. No scouring the web for alternative solutions. Simple implementation – just the way we like it.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
Content Management Systems with built in SEO utilities are great. What happens, though, when you’re tasked with implementing all of the pertinent HTML elements page-by-page on a PHP based website with a static <code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><head></code>? Let’s dive right in.</div>
<h2 style="background-color: white; border: 0px; color: #14314d; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; margin: 1.5em 0px 0.9em; outline: 0px; padding: 0px; vertical-align: baseline;">
1. Make that <code style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; font-size: 18px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><head></code> dynamic!</h2>
<div style="background-color: white; border: 0px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
In most cases, each static PHP file, be it <code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">index.php</code>, <code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">contact.php</code>, what have you, will reference the same <code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">header.php</code> file via an <code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">include</code> statement:</div>
<div class="code" style="background-color: #333333; border: 3px solid rgb(204, 204, 204); color: white; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 20px 0px; outline: 0px; padding: 10px 15px; vertical-align: baseline;">
<code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><?php include('header.php'); ?></code></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
The include statement tells the server that any code within <code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">header.php</code> should also be included in the file being requested. This way, we don’t have to write a lot of the same HTML on every content page. Instead, we have this one static file from which we can pull the necessary code. Note that the<code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">header.php</code> file doesn’t necessarily contain only the HTML <code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><head></code>. Generally, it will include any code that is reusable at the top of the HTML document throughout the website (including the logo, navigation, banner, etc.). Let’s look at an example of code we might find in <code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">header.php</code>:</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span id="more-10304" style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></span></div>
<div class="code" style="background-color: #333333; border: 3px solid rgb(204, 204, 204); color: white; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 20px 0px; outline: 0px; padding: 10px 15px; vertical-align: baseline;">
<code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><div style="background-color: transparent; border: 0px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
</div>
</code><div style="background-color: transparent; border: 0px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><html lang="en"><br /><head><br /><span style="background-color: transparent; border: 0px; display: inline-block; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><title><span style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Page Title Here</span></title></span><br /><span style="background-color: transparent; border: 0px; display: inline-block; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><meta name="description" content="<span style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Meta description goes here.</span>"></span><br /><span style="background-color: transparent; border: 0px; display: inline-block; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><link rel="stylesheet" href="style.css"></span><br /></head><br /><body><br /><span style="background-color: transparent; border: 0px; display: inline-block; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><div class="wrapper"></span><br /><span style="background-color: transparent; border: 0px; display: inline-block; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;">. . .</span></code></div>
</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
This is a bit stripped-down, of course, but it’s serviceable. Notice, though, that our title tag and meta description have static text values. Even if we edit these to be a bit more descriptive of a particular page, we’ll be effectively applying the same title and meta description to every page on the website. Not good. Fortunately, we can make these dynamic values (unique to each page) by using PHP variables. We’ll use the <code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">echo</code> construct to place the necessary page-level <a href="http://www.php.net/manual/en/language.variables.basics.php" style="background-color: transparent; border: 0px; color: #ee8114; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">variables</a>(which we haven’t yet created) in the right spots in <code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">header.php</code>.</div>
<div class="code" style="background-color: #333333; border: 3px solid rgb(204, 204, 204); color: white; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 20px 0px; outline: 0px; padding: 10px 15px; vertical-align: baseline;">
<code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><div style="background-color: transparent; border: 0px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
</div>
</code><div style="background-color: transparent; border: 0px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><html lang="en"><br /><head><br /><span style="background-color: transparent; border: 0px; display: inline-block; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><title><span style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><?php echo <span style="background-color: transparent; border: 0px; color: pink; display: inline-block; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">$pageTitle</span>; ?></span></title></span><br /><span style="background-color: transparent; border: 0px; display: inline-block; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><meta name="description" content="<span style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><?php echo <span style="background-color: transparent; border: 0px; color: pink; display: inline-block; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">$pageDescription</span>; ?></span>"></span><br /><span style="background-color: transparent; border: 0px; display: inline-block; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><link rel="stylesheet" href="style.css"></span><br /></head><br /><body><br /><span style="background-color: transparent; border: 0px; display: inline-block; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><div class="wrapper"></span><br /><span style="background-color: transparent; border: 0px; display: inline-block; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;">. . .</span></code></div>
</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
It’s safe to say that we’ll be implementing titles and meta descriptions on each page of the website. What about something like a canonical link element or meta robots markup, though? We might not want these on <em style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">every</em> page, but rather just select pages. To handle these elements, we’ll use a couple of <a href="http://php.net/manual/en/control-structures.if.php" style="background-color: transparent; border: 0px; color: #ee8114; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">conditional statements</a>. <strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">If</strong> the canonical URL and/or robots content is defined for a given page, <strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">then</strong> we’ll include the element(s) in the <code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><head></code>. If the condition within the parentheses is met, then the code within the brackets (<code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{ ... }</code>) is executed.</div>
<div class="code" style="background-color: #333333; border: 3px solid rgb(204, 204, 204); color: white; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 20px 0px; outline: 0px; padding: 10px 15px; vertical-align: baseline;">
<code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><div style="background-color: transparent; border: 0px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
</div>
</code><div style="background-color: transparent; border: 0px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><html lang="en"><br /><head><br /><span style="background-color: transparent; border: 0px; display: inline-block; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><title><span style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><?php echo <span style="background-color: transparent; border: 0px; color: pink; display: inline-block; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">$pageTitle</span>; ?></span></title></span><br /><span style="background-color: transparent; border: 0px; display: inline-block; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><meta name="description" content="<span style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><?php echo <span style="background-color: transparent; border: 0px; color: pink; display: inline-block; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">$pageDescription</span>; ?></span>"></span><br /><span style="background-color: transparent; border: 0px; display: inline-block; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><?php</span><br /><span class="comment" style="background-color: transparent; border: none; color: #bbbbbb; display: inline-block; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">// If canonical URL is specified, include canonical link element</span><br /><span style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">if(<span style="background-color: transparent; border: 0px; color: pink; display: inline-block; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">$pageCanonical</span>)<br />{<br />echo '</span><link rel="canonical" href="<span style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">' .</span> <span style="background-color: transparent; border: 0px; color: pink; display: inline-block; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">$pageCanonical</span> <span style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">. '</span>"><span style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">';</span><br /><span style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span><br /><span class="comment" style="background-color: transparent; border: none; color: #bbbbbb; display: inline-block; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">// If meta robots content is specified, include robots meta tag</span><br /><span style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">if(<span style="background-color: transparent; border: 0px; color: pink; display: inline-block; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">$pageRobots</span>)<br />{<br />echo '</span><meta name="robots" content="<span style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">' . <span style="background-color: transparent; border: 0px; color: pink; display: inline-block; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">$pageRobots</span> . '</span>"><span style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">';</span><br /><span style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span><br />?></span><br /><span style="background-color: transparent; border: 0px; display: inline-block; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><link rel="stylesheet" href="style.css"></span><br /></head><br /><body><br /><span style="background-color: transparent; border: 0px; display: inline-block; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><div class="wrapper"></span><br /><span style="background-color: transparent; border: 0px; display: inline-block; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;">. . .</span></code></div>
</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
Now that we have ourselves a <code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><head></code> with elements that rely on page-defined variables, we’ve done most of the “hard” work. Let’s move on to defining these page-specific variables.</div>
<h2 style="background-color: white; border: 0px; color: #14314d; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; margin: 1.5em 0px 0.9em; outline: 0px; padding: 0px; vertical-align: baseline;">
2. Define page-specific PHP variables</h2>
<div style="background-color: white; border: 0px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
So, for each page on our site – all individual PHP files – we’ll need to define, at a minimum, two variables (<code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">$pageTitle</code> and <code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">$pageDescription</code>) <strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">before</strong> our <code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">include(header.php)</code> statement. Ideally, we would write in some conditionals to catch cases where these variables aren’t defined; but for now, we’ll just be extra careful to define them on each page. We have the option of defining two additional variables (<code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">$pageCanonical</code> and <code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">$pageRobots</code>), as well. To define a variable, we use the syntax: <code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">$variable = "This is a string";</code>. Let’s go ahead and assign values to all four of our variables for the home page. We’ll be working with the <code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">index.php</code> file. (The topic of our site is Orange Widgets).</div>
<div class="code" style="background-color: #333333; border: 3px solid rgb(204, 204, 204); color: white; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 20px 0px; outline: 0px; padding: 10px 15px; vertical-align: baseline;">
<code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br /><strong style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><?php</strong><div style="background-color: transparent; border: 0px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
</div>
<div style="background-color: transparent; border: 0px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span class="comment" style="background-color: transparent; border: none; color: #bbbbbb; display: inline-block; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">// Define variables for SEO</span><br /><span class="php" style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border: 0px; color: pink; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">$pageTitle</strong> = '</span>Orange Widgets | The Best Orange Widgets<span class="php" style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">';</span><br /><span class="php" style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border: 0px; color: pink; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">$pageDescription</strong> = '</span>Visit AwesomeOrangeWidgets.com to find the best orange widgets in all the lands (Oz included).<span class="php" style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">';</span><br /><span class="php" style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border: 0px; color: pink; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">$pageCanonical</strong> = '</span>http://www.awesomeorangewidgets.com/<span class="php" style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">';</span><br /><span class="comment" style="background-color: transparent; border: none; color: #bbbbbb; display: inline-block; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">// We don't want the search engines to see our website just yet</span><br /><span class="php" style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border: 0px; color: pink; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">$pageRobots</strong> = '</span>noindex,nofollow<span class="php" style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">';</span></div>
<div style="background-color: transparent; border: 0px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span class="comment" style="background-color: transparent; border: none; color: #bbbbbb; display: inline-block; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">// Include header file</span><br /><span class="php" style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">include('header.php');</span></div>
<div style="background-color: transparent; border: 0px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
. . .</div>
</code><div style="background-color: transparent; border: 0px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="php" style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">?></span></code></div>
</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
Simple enough, right? We’ve defined our title, meta description, canonical URL, and meta robots content with four PHP variables. Let’s see what the top of the source code looks like for<code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">index.php</code>.</div>
<div class="code" style="background-color: #333333; border: 3px solid rgb(204, 204, 204); color: white; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin: 20px 0px; outline: 0px; padding: 10px 15px; vertical-align: baseline;">
<code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><div style="background-color: transparent; border: 0px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
</div>
</code><div style="background-color: transparent; border: 0px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
<code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><html lang="en"><br /><head><br /><span style="background-color: transparent; border: 0px; display: inline-block; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><title><span style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Orange Widgets | The Best Orange Widgets</span></title></span><br /><span style="background-color: transparent; border: 0px; display: inline-block; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><meta name="description" content="<span style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Visit AwesomeOrangeWidgets.com to find the best orange widgets in all the lands (Oz included).</span>"></span><br /><span style="background-color: transparent; border: 0px; display: inline-block; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><link rel="canonical" href="<span class="php" style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">http://www.awesomeorangewidgets.com/</span>"></span><br /><span style="background-color: transparent; border: 0px; display: inline-block; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><meta name="robots" content="<span class="php" style="background-color: transparent; border: 0px; color: orange; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">noindex,nofollow</span>"></span><br /><span style="background-color: transparent; border: 0px; display: inline-block; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><link rel="stylesheet" href="style.css"></span><br /></head><br /><body><br /><span style="background-color: transparent; border: 0px; display: inline-block; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><div class="wrapper"></span><br /><span style="background-color: transparent; border: 0px; display: inline-block; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;">. . .</span></code></div>
</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5em; margin-bottom: 1em; outline: 0px; padding: 0px; vertical-align: baseline;">
Not too shabby, eh? While it might seem like a pain to declare these variables on a page-by-page basis, it’s really not much different than using All in One SEO for WordPress or something comparable for another CMS. Once you’ve familiarized yourself with the concepts outlined above, you’ll find that editing the files directly isn’t as taxing a process as you might have thought. For those of you working on small PHP-based websites, I highly recommend implementing the dynamic<code style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><head></code> elements we’ve discussed. What takes minutes to implement could yield years’ of worth.</div>
</div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com0tag:blogger.com,1999:blog-3140070136431321980.post-24515825466182454032013-11-26T19:56:00.002+05:302013-11-26T20:12:27.525+05:30Infinte scrolling in php<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 style="background-color: white; color: #575757; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0px; position: relative;">
Database Structure</h3>
<div style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">
First we need to <span class="IL_AD" id="IL_AD2" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static;">create a database</span> table. Because, we need some large <span class="IL_AD" id="IL_AD6" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static;">amount of</span> data to make this demo up and run <span class="IL_AD" id="IL_AD5" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static;">here I am</span> using test simple database's <i style="background-color: #f25646; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 0px 4px;">actor_info</i> table. The <span class="IL_AD" id="IL_AD11" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static;">structure</span>of this table looks like....</div>
<pre class="prettyprint" style="background-color: #333333; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-top-color: rgb(238, 238, 238); border-top-style: solid; border-width: 1px 0px; clear: both; color: #e9e4e5; font-family: Monaco, Consolas, 'Lucida Console', monospace; font-size: 0.9em; line-height: 1.6em; margin-bottom: 1em; margin-top: 1em; overflow: auto; padding: 20px; text-shadow: none; word-wrap: normal;"><span class="pln">CREATE TABLE </span><span class="str" style="color: #bcd42a;">`actor_info`</span><span class="pln"> </span><span class="pun" style="color: white;">(</span><span class="pln">
</span><span class="str" style="color: #bcd42a;">`id`</span><span class="pln"> </span><span class="kwd" style="color: #4bb1b1;">int</span><span class="pun" style="color: white;">(</span><span class="lit" style="color: #bcd42a;">5</span><span class="pun" style="color: white;">)</span><span class="pln"> NOT NULL AUTO_INCREMENT</span><span class="pun" style="color: white;">,</span><span class="pln">
</span><span class="str" style="color: #bcd42a;">`first_name`</span><span class="pln"> varchar</span><span class="pun" style="color: white;">(</span><span class="lit" style="color: #bcd42a;">45</span><span class="pun" style="color: white;">)</span><span class="pln"> NOT NULL</span><span class="pun" style="color: white;">,</span><span class="pln">
</span><span class="str" style="color: #bcd42a;">`last_name`</span><span class="pln"> varchar</span><span class="pun" style="color: white;">(</span><span class="lit" style="color: #bcd42a;">45</span><span class="pun" style="color: white;">)</span><span class="pln"> NOT NULL</span><span class="pun" style="color: white;">,</span><span class="pln">
</span><span class="str" style="color: #bcd42a;">`film_info`</span><span class="pln"> text NOT NULL</span><span class="pun" style="color: white;">,</span><span class="pln">
PRIMARY KEY </span><span class="pun" style="color: white;">(</span><span class="str" style="color: #bcd42a;">`id`</span><span class="pun" style="color: white;">)</span><span class="pln">
</span><span class="pun" style="color: white;">)</span><span class="pln"> ENGINE</span><span class="pun" style="color: white;">=</span><span class="typ" style="color: #ef7c61;">InnoDB</span><span class="pln"> DEFAULT CHARSET</span><span class="pun" style="color: white;">=</span><span class="pln">latin1</span><span class="pun" style="color: white;">;</span></pre>
<h2 style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 11px; margin: 0px 0px 1em; position: relative; text-transform: uppercase;">
DB CONFIGURATION</h2>
<div style="background-color: white; color: #575757; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">
The <i style="background-color: #f25646; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #fef3f2; padding: 0px 4px;">config.php</i> file is responsible for database connect. I also include a variable named <i style="background-color: #f25646; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #fef3f2; padding: 0px 4px;">$limit</i>with value of <i style="background-color: #f25646; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #fef3f2; padding: 0px 4px;">10</i>. It is the number of content you want to show on per page. You can increase or decrease this number as you want.</div>
<pre class="prettyprint" style="background-color: #333333; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-top-color: rgb(238, 238, 238); border-top-style: solid; border-width: 1px 0px; clear: both; color: #e9e4e5; font-family: Monaco, Consolas, 'Lucida Console', monospace; font-size: 0.9em; line-height: 1.6em; margin-bottom: 1em; margin-top: 1em; overflow: auto; padding: 20px; text-shadow: none; word-wrap: normal;"><span class="com" style="color: #888888;"># db configuration </span><span class="pln">
define</span><span class="pun" style="color: white;">(</span><span class="str" style="color: #bcd42a;">'DB_HOST'</span><span class="pun" style="color: white;">,</span><span class="pln"> </span><span class="str" style="color: #bcd42a;">'localhost'</span><span class="pun" style="color: white;">);</span><span class="pln">
define</span><span class="pun" style="color: white;">(</span><span class="str" style="color: #bcd42a;">'DB_USER'</span><span class="pun" style="color: white;">,</span><span class="pln"> </span><span class="str" style="color: #bcd42a;">'root'</span><span class="pun" style="color: white;">);</span><span class="pln">
define</span><span class="pun" style="color: white;">(</span><span class="str" style="color: #bcd42a;">'DB_PASS'</span><span class="pun" style="color: white;">,</span><span class="pln"> </span><span class="str" style="color: #bcd42a;">'root'</span><span class="pun" style="color: white;">);</span><span class="pln">
define</span><span class="pun" style="color: white;">(</span><span class="str" style="color: #bcd42a;">'DB_NAME'</span><span class="pun" style="color: white;">,</span><span class="pln"> </span><span class="str" style="color: #bcd42a;">'dbname'</span><span class="pun" style="color: white;">);</span><span class="pln">
$limit </span><span class="pun" style="color: white;">=</span><span class="pln"> </span><span class="lit" style="color: #bcd42a;">10</span><span class="pun" style="color: white;">;</span><span class="pln"> </span><span class="com" style="color: #888888;">#item per page</span><span class="pln">
</span><span class="com" style="color: #888888;"># db connect</span><span class="pln">
$link </span><span class="pun" style="color: white;">=</span><span class="pln"> mysql_connect</span><span class="pun" style="color: white;">(</span><span class="pln">DB_HOST</span><span class="pun" style="color: white;">,</span><span class="pln"> DB_USER</span><span class="pun" style="color: white;">,</span><span class="pln"> DB_PASS</span><span class="pun" style="color: white;">)</span><span class="pln"> </span><span class="kwd" style="color: #4bb1b1;">or</span><span class="pln"> </span><span class="kwd" style="color: #4bb1b1;">die</span><span class="pun" style="color: white;">(</span><span class="str" style="color: #bcd42a;">'Could not connect to MySQL DB '</span><span class="pun" style="color: white;">)</span><span class="pln"> </span><span class="pun" style="color: white;">.</span><span class="pln"> mysql_error</span><span class="pun" style="color: white;">();</span><span class="pln">
$db </span><span class="pun" style="color: white;">=</span><span class="pln"> mysql_select_db</span><span class="pun" style="color: white;">(</span><span class="pln">DB_NAME</span><span class="pun" style="color: white;">,</span><span class="pln"> $link</span><span class="pun" style="color: white;">);</span></pre>
<h3 style="background-color: white; color: #575757; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0px; position: relative;">
PHP and HTML</h3>
<div style="background-color: white; color: #575757; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">
Take a look at the PHP and HTML code, this PHP code retrieves data from MySQL database with simple pagination.</div>
<pre class="prettyprint" style="background-color: #333333; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-top-color: rgb(238, 238, 238); border-top-style: solid; border-width: 1px 0px; clear: both; color: #e9e4e5; font-family: Monaco, Consolas, 'Lucida Console', monospace; font-size: 0.9em; line-height: 1.6em; margin-bottom: 1em; margin-top: 1em; overflow: auto; padding: 20px; text-shadow: none; word-wrap: normal;"><span class="pun" style="color: white;"><?</span><span class="pln">php
include</span><span class="pun" style="color: white;">(</span><span class="str" style="color: #bcd42a;">'config.php'</span><span class="pun" style="color: white;">);</span><span class="pln">
$page </span><span class="pun" style="color: white;">=</span><span class="pln"> </span><span class="pun" style="color: white;">(</span><span class="kwd" style="color: #4bb1b1;">int</span><span class="pun" style="color: white;">)</span><span class="pln"> </span><span class="pun" style="color: white;">(!</span><span class="pln">isset</span><span class="pun" style="color: white;">(</span><span class="pln">$_GET</span><span class="pun" style="color: white;">[</span><span class="str" style="color: #bcd42a;">'p'</span><span class="pun" style="color: white;">]))</span><span class="pln"> </span><span class="pun" style="color: white;">?</span><span class="pln"> </span><span class="lit" style="color: #bcd42a;">1</span><span class="pln"> </span><span class="pun" style="color: white;">:</span><span class="pln"> $_GET</span><span class="pun" style="color: white;">[</span><span class="str" style="color: #bcd42a;">'p'</span><span class="pun" style="color: white;">];</span><span class="pln">
</span><span class="com" style="color: #888888;"># sql query</span><span class="pln">
$sql </span><span class="pun" style="color: white;">=</span><span class="pln"> </span><span class="str" style="color: #bcd42a;">"SELECT * FROM actor_info ORDER BY id DESC"</span><span class="pun" style="color: white;">;</span><span class="pln">
</span><span class="com" style="color: #888888;"># find out query stat point</span><span class="pln">
$start </span><span class="pun" style="color: white;">=</span><span class="pln"> </span><span class="pun" style="color: white;">(</span><span class="pln">$page </span><span class="pun" style="color: white;">*</span><span class="pln"> $limit</span><span class="pun" style="color: white;">)</span><span class="pln"> </span><span class="pun" style="color: white;">-</span><span class="pln"> $limit</span><span class="pun" style="color: white;">;</span><span class="pln">
</span><span class="com" style="color: #888888;"># query for page navigation</span><span class="pln">
</span><span class="kwd" style="color: #4bb1b1;">if</span><span class="pun" style="color: white;">(</span><span class="pln"> mysql_num_rows</span><span class="pun" style="color: white;">(</span><span class="pln">mysql_query</span><span class="pun" style="color: white;">(</span><span class="pln">$sql</span><span class="pun" style="color: white;">))</span><span class="pln"> </span><span class="pun" style="color: white;">></span><span class="pln"> </span><span class="pun" style="color: white;">(</span><span class="pln">$page </span><span class="pun" style="color: white;">*</span><span class="pln"> $limit</span><span class="pun" style="color: white;">)</span><span class="pln"> </span><span class="pun" style="color: white;">){</span><span class="pln">
$next </span><span class="pun" style="color: white;">=</span><span class="pln"> </span><span class="pun" style="color: white;">++</span><span class="pln">$page</span><span class="pun" style="color: white;">;</span><span class="pln">
</span><span class="pun" style="color: white;">}</span><span class="pln">
$query </span><span class="pun" style="color: white;">=</span><span class="pln"> mysql_query</span><span class="pun" style="color: white;">(</span><span class="pln"> $sql </span><span class="pun" style="color: white;">.</span><span class="pln"> </span><span class="str" style="color: #bcd42a;">" LIMIT {$start}, {$limit}"</span><span class="pun" style="color: white;">);</span><span class="pln">
</span><span class="kwd" style="color: #4bb1b1;">if</span><span class="pln"> </span><span class="pun" style="color: white;">(</span><span class="pln">mysql_num_rows</span><span class="pun" style="color: white;">(</span><span class="pln">$query</span><span class="pun" style="color: white;">)</span><span class="pln"> </span><span class="pun" style="color: white;"><</span><span class="pln"> </span><span class="lit" style="color: #bcd42a;">1</span><span class="pun" style="color: white;">)</span><span class="pln"> </span><span class="pun" style="color: white;">{</span><span class="pln">
header</span><span class="pun" style="color: white;">(</span><span class="str" style="color: #bcd42a;">'HTTP/1.0 404 Not Found'</span><span class="pun" style="color: white;">);</span><span class="pln">
echo </span><span class="str" style="color: #bcd42a;">'Page not found!'</span><span class="pun" style="color: white;">;</span><span class="pln">
</span><span class="kwd" style="color: #4bb1b1;">exit</span><span class="pun" style="color: white;">();</span><span class="pln">
</span><span class="pun" style="color: white;">}</span><span class="pln">
</span><span class="pun" style="color: white;">?></span><span class="pln">
</span><span class="dec" style="color: #f47063;"><!doctype html></span><span class="pln">
</span><span class="tag" style="color: white;"><html</span><span class="pln"> </span><span class="atn" style="color: #ef7c61;">lang</span><span class="pun" style="color: white;">=</span><span class="atv" style="color: #bcd42a;">"en"</span><span class="tag" style="color: white;">></span><span class="pln">
</span><span class="tag" style="color: white;"><head></span><span class="pln">
</span><span class="tag" style="color: white;"><meta</span><span class="pln"> </span><span class="atn" style="color: #ef7c61;">http-equiv</span><span class="pun" style="color: white;">=</span><span class="atv" style="color: #bcd42a;">"Content-Type"</span><span class="pln"> </span><span class="atn" style="color: #ef7c61;">content</span><span class="pun" style="color: white;">=</span><span class="atv" style="color: #bcd42a;">"text/html; charset=UTF-8"</span><span class="tag" style="color: white;">></span><span class="pln">
</span><span class="tag" style="color: white;"><title></span><span class="pln">jQuery Load While Scroll</span><span class="tag" style="color: white;"></title></span><span class="pln">
</span><span class="tag" style="color: white;"></head></span><span class="pln">
</span><span class="tag" style="color: white;"><body></span><span class="pln">
</span><span class="tag" style="color: white;"><div</span><span class="pln"> </span><span class="atn" style="color: #ef7c61;">class</span><span class="pun" style="color: white;">=</span><span class="atv" style="color: #bcd42a;">"wrap"</span><span class="tag" style="color: white;">></span><span class="pln">
</span><span class="tag" style="color: white;"><h1><a</span><span class="pln"> </span><span class="atn" style="color: #ef7c61;">href</span><span class="pun" style="color: white;">=</span><span class="atv" style="color: #bcd42a;">"#"</span><span class="tag" style="color: white;">></span><span class="pln">Data load while scroll</span><span class="tag" style="color: white;"></a></h1></span><span class="pln">
</span><span class="com" style="color: #888888;"><!-- loop row data --></span><span class="pln">
</span><span class="pun" style="color: white;"><?</span><span class="pln">php </span><span class="kwd" style="color: #4bb1b1;">while</span><span class="pln"> </span><span class="pun" style="color: white;">(</span><span class="pln">$row </span><span class="pun" style="color: white;">=</span><span class="pln"> mysql_fetch_array</span><span class="pun" style="color: white;">(</span><span class="pln">$query</span><span class="pun" style="color: white;">)):</span><span class="pln"> </span><span class="pun" style="color: white;">?></span><span class="pln">
<div class="item" id="item-</span><span class="pun" style="color: white;"><?</span><span class="pln">php echo $row</span><span class="pun" style="color: white;">[</span><span class="str" style="color: #bcd42a;">'id'</span><span class="pun" style="color: white;">]?></span><span class="pln">">
</span><span class="tag" style="color: white;"><h2></span><span class="pln">
</span><span class="tag" style="color: white;"><span</span><span class="pln"> </span><span class="atn" style="color: #ef7c61;">class</span><span class="pun" style="color: white;">=</span><span class="atv" style="color: #bcd42a;">"num"</span><span class="tag" style="color: white;">></span><span class="pun" style="color: white;"><?</span><span class="pln">php echo $row</span><span class="pun" style="color: white;">[</span><span class="str" style="color: #bcd42a;">'id'</span><span class="pun" style="color: white;">]?></span><span class="tag" style="color: white;"></span></span><span class="pln">
</span><span class="tag" style="color: white;"><span</span><span class="pln"> </span><span class="atn" style="color: #ef7c61;">class</span><span class="pun" style="color: white;">=</span><span class="atv" style="color: #bcd42a;">"name"</span><span class="tag" style="color: white;">></span><span class="pun" style="color: white;"><?</span><span class="pln">php echo $row</span><span class="pun" style="color: white;">[</span><span class="str" style="color: #bcd42a;">'first_name'</span><span class="pun" style="color: white;">].</span><span class="str" style="color: #bcd42a;">' '</span><span class="pun" style="color: white;">.</span><span class="pln">$row</span><span class="pun" style="color: white;">[</span><span class="str" style="color: #bcd42a;">'last_name'</span><span class="pun" style="color: white;">]?></span><span class="tag" style="color: white;"></span></span><span class="pln">
</span><span class="tag" style="color: white;"></h2></span><span class="pln">
</span><span class="tag" style="color: white;"><p></span><span class="pun" style="color: white;"><?</span><span class="pln">php echo $row</span><span class="pun" style="color: white;">[</span><span class="str" style="color: #bcd42a;">'film_info'</span><span class="pun" style="color: white;">]?></span><span class="tag" style="color: white;"></p></span><span class="pln">
</span><span class="tag" style="color: white;"></div></span><span class="pln">
</span><span class="pun" style="color: white;"><?</span><span class="pln">php endwhile</span><span class="pun" style="color: white;">?></span><span class="pln">
</span><span class="com" style="color: #888888;"><!--page navigation--></span><span class="pln">
</span><span class="pun" style="color: white;"><?</span><span class="pln">php </span><span class="kwd" style="color: #4bb1b1;">if</span><span class="pln"> </span><span class="pun" style="color: white;">(</span><span class="pln">isset</span><span class="pun" style="color: white;">(</span><span class="pln">$next</span><span class="pun" style="color: white;">)):</span><span class="pln"> </span><span class="pun" style="color: white;">?></span><span class="pln">
</span><span class="tag" style="color: white;"><div</span><span class="pln"> </span><span class="atn" style="color: #ef7c61;">class</span><span class="pun" style="color: white;">=</span><span class="atv" style="color: #bcd42a;">"nav"</span><span class="tag" style="color: white;">></span><span class="pln">
<a href='index.php?p=</span><span class="pun" style="color: white;"><?</span><span class="pln">php echo $next</span><span class="pun" style="color: white;">?></span><span class="pln">'>Next</span><span class="tag" style="color: white;"></a></span><span class="pln">
</span><span class="tag" style="color: white;"></div></span><span class="pln">
</span><span class="pun" style="color: white;"><?</span><span class="pln">php endif</span><span class="pun" style="color: white;">?></span><span class="pln">
</span><span class="tag" style="color: white;"></div></span><span class="com" style="color: #888888;"><!--.wrap--></span><span class="pln">
</span><span class="tag" style="color: white;"></body></span><span class="pln">
</span><span class="tag" style="color: white;"></html></span></pre>
<br style="background-color: white; color: #575757; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;" />
<h3 style="background-color: white; color: #575757; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0px; position: relative;">
JavaScript part</h3>
<div style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">
<span style="color: #575757;">In the </span><span class="IL_AD" id="IL_AD12" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static;">JavaScript</span> <span style="color: #575757;">section we need to first include jQuery and Infinity Ajax Scroll library. In the second pert we need to call </span><i style="background-color: #f25646; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #fef3f2; padding: 0px 4px;">jQuery.ias</i><span style="color: #575757;"> method and configure it. Take a look on the comments</span></div>
<pre class="prettyprint" style="background-color: #333333; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-top-color: rgb(238, 238, 238); border-top-style: solid; border-width: 1px 0px; clear: both; color: #e9e4e5; font-family: Monaco, Consolas, 'Lucida Console', monospace; font-size: 0.9em; line-height: 1.6em; margin-bottom: 1em; margin-top: 1em; overflow: auto; padding: 20px; text-shadow: none; word-wrap: normal;"><span class="tag" style="color: white;"><script</span><span class="pln"> </span><span class="atn" style="color: #ef7c61;">src</span><span class="pun" style="color: white;">=</span><span class="atv" style="color: #bcd42a;">"http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"</span><span class="tag" style="color: white;">></script></span><span class="pln">
</span><span class="tag" style="color: white;"><script</span><span class="pln"> </span><span class="atn" style="color: #ef7c61;">type</span><span class="pun" style="color: white;">=</span><span class="atv" style="color: #bcd42a;">"text/javascript"</span><span class="pln"> </span><span class="atn" style="color: #ef7c61;">src</span><span class="pun" style="color: white;">=</span><span class="atv" style="color: #bcd42a;">"js/jquery-ias.min.js"</span><span class="tag" style="color: white;">></script></span><span class="pln">
</span><span class="tag" style="color: white;"><script</span><span class="pln"> </span><span class="atn" style="color: #ef7c61;">type</span><span class="pun" style="color: white;">=</span><span class="atv" style="color: #bcd42a;">"text/javascript"</span><span class="tag" style="color: white;">></span><span class="pln">
$</span><span class="pun" style="color: white;">(</span><span class="pln">document</span><span class="pun" style="color: white;">).</span><span class="pln">ready</span><span class="pun" style="color: white;">(</span><span class="kwd" style="color: #4bb1b1;">function</span><span class="pun" style="color: white;">()</span><span class="pln"> </span><span class="pun" style="color: white;">{</span><span class="pln">
</span><span class="com" style="color: #888888;">// Infinite Ajax Scroll configuration</span><span class="pln">
jQuery</span><span class="pun" style="color: white;">.</span><span class="pln">ias</span><span class="pun" style="color: white;">({</span><span class="pln">
container </span><span class="pun" style="color: white;">:</span><span class="pln"> </span><span class="str" style="color: #bcd42a;">'.wrap'</span><span class="pun" style="color: white;">,</span><span class="pln"> </span><span class="com" style="color: #888888;">// main container where data goes to append</span><span class="pln">
item</span><span class="pun" style="color: white;">:</span><span class="pln"> </span><span class="str" style="color: #bcd42a;">'.item'</span><span class="pun" style="color: white;">,</span><span class="pln"> </span><span class="com" style="color: #888888;">// single items</span><span class="pln">
pagination</span><span class="pun" style="color: white;">:</span><span class="pln"> </span><span class="str" style="color: #bcd42a;">'.nav'</span><span class="pun" style="color: white;">,</span><span class="pln"> </span><span class="com" style="color: #888888;">// page navigation</span><span class="pln">
next</span><span class="pun" style="color: white;">:</span><span class="pln"> </span><span class="str" style="color: #bcd42a;">'.nav a'</span><span class="pun" style="color: white;">,</span><span class="pln"> </span><span class="com" style="color: #888888;">// next page selector</span><span class="pln">
loader</span><span class="pun" style="color: white;">:</span><span class="pln"> </span><span class="str" style="color: #bcd42a;">'<img src="css/ajax-loader.gif"/>'</span><span class="pun" style="color: white;">,</span><span class="pln"> </span><span class="com" style="color: #888888;">// loading gif</span><span class="pln">
triggerPageThreshold</span><span class="pun" style="color: white;">:</span><span class="pln"> </span><span class="lit" style="color: #bcd42a;">3</span><span class="pln"> </span><span class="com" style="color: #888888;">// show load more if scroll more than this</span><span class="pln">
</span><span class="pun" style="color: white;">});</span><span class="pln">
</span><span class="pun" style="color: white;">});</span><span class="pln">
</span><span class="tag" style="color: white;"></script></span></pre>
</div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com0tag:blogger.com,1999:blog-3140070136431321980.post-49647585212637358602013-11-26T19:20:00.003+05:302013-11-26T19:20:57.811+05:30How to Create RSS Feeds in Twitter<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; color: #222222; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; line-height: 21px; margin-bottom: 1.2em; padding: 0px;">
The trick is simple. Twitter offers widgets to help you embed user timelines into your website. The new workaround simply transforms these Twitter widgets into regular RSS Feeds with the help of a simple <a href="http://ctrlq.org/code/19491-embed-twitter-rss" style="color: black; margin: 0px; outline: none; padding: 0px;" target="_blank">Google Script</a>. Here’re the instructions:</div>
<ol style="background-color: white; color: #222222; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; line-height: 19px; margin: 1em 0px 1.4em 24px; padding: 0px;">
<li style="margin: 0px 0px 0.5em; padding: 0px;">From your Twitter homepage, go to <em style="margin: 0px; padding: 0px;">Settings -> Widgets</em> (<a href="https://twitter.com/settings/widgets" style="color: black; margin: 0px; outline: none; padding: 0px;" target="_blank">link</a>) and create a new widget. You can create widgets for user timelines, favorites, Twitter list and search results.</li>
<li style="margin: 0px 0px 0.5em; padding: 0px;">Once the new widget is published, make a note of the widget ID which you can find in the the URL of the widget.</li>
<li style="margin: 0px 0px 0.5em; padding: 0px;"><a href="https://script.google.com/d/1jqSKEakAlz_1uo9MWXqveuUUFzuRnH16bWzgMOq602Syh88IJyeUmFlm/edit?newcopy=true" rel="nofollow" style="color: black; margin: 0px; outline: none; padding: 0px;" target="_blank">Click here</a> to make a copy of the Google Script and choose <em style="margin: 0px; padding: 0px;">Run -> Twitter_RSS</em> to initialize and authorize the script. You’ve to do this only once.</li>
<li style="margin: 0px 0px 0.5em; padding: 0px;">Go to <em style="margin: 0px; padding: 0px;">Publish -> Deploy as Web App</em> and click the “Save New Version” button. Set <em style="margin: 0px; padding: 0px;">Anyone, including Anonymous</em> under <em style="margin: 0px; padding: 0px;">Who has access to the app</em> and hit Deploy.</li>
</ol>
<div style="background-color: white; color: #222222; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; line-height: 21px; margin-bottom: 1.2em; padding: 0px;">
Google Script will now create a unique URL for your RSS web app that will look something like<em style="margin: 0px; padding: 0px;">https://script.google.com/macros/s/ABCD/exec</em>. Just append the Twitter Widget ID (created in Step 2) to this URL and your RSS feed for Twitter is ready.</div>
<div style="background-color: white; color: #222222; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; line-height: 21px; margin-bottom: 1.2em; padding: 0px;">
For instance, if the Twitter widget ID is <em style="margin: 0px; padding: 0px;">123456</em>, your RSS Feed URL would be:</div>
<div style="background-color: white; color: #222222; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; line-height: 21px; margin-bottom: 1.2em; padding: 0px;">
</div>
<div style="background-color: white; color: #222222; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; line-height: 21px; margin-bottom: 1.2em; padding: 0px;">
</div>
<div style="background-color: white; color: #222222; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; line-height: 21px; margin-bottom: 1.2em; padding: 0px;">
<span style="color: #3366ff; margin: 0px; padding: 0px;">https://script.google.com/macros/s/ABCD/exec</span><strong style="margin: 0px; padding: 0px;">?<span style="color: red; margin: 0px; padding: 0px;">123456</span></strong> </div>
<div style="background-color: white; color: #222222; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; line-height: 21px; margin-bottom: 1.2em; padding: 0px;">
Should you wish to create another RSS Feed for Twitter, just add another widget and use that new widget’s ID with your Google Script URL. [<a href="http://www.youtube.com/watch?v=BXLYIw-IU8I" style="color: black; margin: 0px; outline: none; padding: 0px;" target="_blank">Video Tutorial</a> <a href="http://img.labnol.org/videos/twitter-rss-feeds.mp4" style="color: black; margin: 0px; outline: none; padding: 0px;">↓</a>]</div>
<div style="background-color: white; color: #222222; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; line-height: 21px; margin-bottom: 1.2em; padding: 0px;">
You can subscribe to the Twitter RSS feed inside Feedly or use it as for an IFTTT recipe. However, FeedBurner is unable to parse RSS feeds generated through <a href="http://www.labnol.org/internet/google-scripts/28281/" style="color: black; margin: 0px; outline: none; padding: 0px;">Google Scripts</a>.</div>
</div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com0tag:blogger.com,1999:blog-3140070136431321980.post-51082786901523448902013-11-26T19:18:00.002+05:302013-11-26T19:18:22.149+05:30Convert your Emails to PDF through Email<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; color: #222222; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; line-height: 21px; margin-bottom: 1.2em; padding: 0px;">
Google Chrome has a built-in <a href="http://www.labnol.org/software/save-web-page-as-pdf/" style="color: black; margin: 0px; outline: none; padding: 0px;">PDF writer</a> so you can easily convert any email message into a PDF file within the browser itself but if you are reading your emails on a mobile phone or a tablet, you would need some sort of a PDF conversion app.</div>
<div style="background-color: white; color: #222222; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; line-height: 21px; margin-bottom: 1.2em; padding: 0px;">
<span id="goog_801696613"></span><img alt="Convert Email to PDF" class="alignnone size-full wp-image-28332" height="522" src="http://img.labnol.org/di/convert-email-pdf.png" style="border: 0px; box-sizing: border-box; height: auto; margin: 0px 0px 15px; max-width: 100%; padding: 0px;" width="833" /><span id="goog_801696614"></span></div>
<div style="background-color: white; color: #222222; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; line-height: 21px; margin-bottom: 1.2em; padding: 0px;">
Alternatively, you can forward the original email message to <em style="margin: 0px; padding: 0px;"><strong style="margin: 0px; padding: 0px;">pdfconvert@pdfconvert.me</strong></em>and the service will send a PDF version of the message back to you in a second or two. I tried converting a plain text email message as well as one with HTML tags and the conversion was almost perfect in both instances.</div>
<div style="background-color: white; color: #222222; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; line-height: 21px; margin-bottom: 1.2em; padding: 0px;">
If there are any Word, Excel or Powerpoint attachments inside the mail, you can forward the files to <em style="margin: 0px; padding: 0px;"><strong style="margin: 0px; padding: 0px;">attachconvert@pdfconvert.me</strong></em> and they’ll come back to you in PDF format. Zamzar is another helpful service that let you <a href="http://www.labnol.org/internet/convert-files-by-email/20824/" style="color: black; margin: 0px; outline: none; padding: 0px;">convert files by email</a> but the advantage with PDFConvert.me is that it sends you the converted PDF file by email itself, you don’t have to visit their website to download the PDF.</div>
<div style="background-color: white; color: #222222; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; line-height: 21px; margin-bottom: 1.2em; padding: 0px;">
You may also use the service to retrieve web pages as PDFs. Just send the web address (URL) of the page in the body of the email message to <strong style="margin: 0px; padding: 0px;"><em style="margin: 0px; padding: 0px;">webconvert@pdfconvert.me</em></strong> and the service will send you the full page in PDF format. This feature can be used for viewing pages that otherwise aren’t accessible due to internet filters.</div>
<div style="background-color: white; color: #222222; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; line-height: 21px; margin-bottom: 1.2em; padding: 0px;">
The site’s <a href="https://pdfconvert.me/privacy" style="color: black; margin: 0px; outline: none; padding: 0px;" target="_blank">privacy policy</a> says that they store your email message on their server only during the conversion process.</div>
</div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com0tag:blogger.com,1999:blog-3140070136431321980.post-52492119185363754572013-11-26T19:10:00.000+05:302013-11-26T19:14:32.035+05:30How to insert google map in our website or Embed map in your website<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Verdana, sans-serif;">If you want to insert google map in your website first choose go to the url "<a href="https://maps.google.co.in/">https://maps.google.co.in/</a>" and Search your place . Here I am using Shop Aunty and Result we get this :</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-NKVHj42ymbk/UpSja-9Vv1I/AAAAAAAAAMI/b1Wjd4ZsUHM/s1600/Untitled.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img border="0" src="http://1.bp.blogspot.com/-NKVHj42ymbk/UpSja-9Vv1I/AAAAAAAAAMI/b1Wjd4ZsUHM/s1600/Untitled.png" height="190" width="400" /></span></a></div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><br /></span><br />
<span style="font-family: Verdana, sans-serif;">Now , Go to Link Button in left side of the map and click here as show in figure</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-0Tx90HHFsAQ/UpSj7fDJKzI/AAAAAAAAAMQ/SNz2Pahhxvo/s1600/Untitled.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img border="0" src="http://3.bp.blogspot.com/-0Tx90HHFsAQ/UpSj7fDJKzI/AAAAAAAAAMQ/SNz2Pahhxvo/s1600/Untitled.png" height="190" width="400" /></span></a></div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><br /></span><br />
<span style="font-family: Verdana, sans-serif;">and you will get the HTML Code :</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-CnwAFkkQ3z4/UpSkSEpY7zI/AAAAAAAAAMY/dpPkOBLLhuw/s1600/Untitled1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img border="0" src="http://1.bp.blogspot.com/-CnwAFkkQ3z4/UpSkSEpY7zI/AAAAAAAAAMY/dpPkOBLLhuw/s1600/Untitled1.png" height="202" width="400" /></span></a></div>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><br /></span><br />
<span style="font-family: Verdana, sans-serif;">Just Copy and Paste this iframe code in your website and save this file in .htm or .html extension for example map.htm or map.html and double click on it and you will see that you want .</span><br />
<br />
<br /></div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com0tag:blogger.com,1999:blog-3140070136431321980.post-1777655744547109482013-11-26T18:59:00.003+05:302013-11-26T18:59:36.391+05:30How to create easy pagination with jQuery or JAVASCRIPT <div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"><br /></span>
<span style="background-color: white; line-height: 18px;"><span style="color: #999999; font-family: Verdana, sans-serif; font-size: large;">Step 1 :</span></span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"> Here are our main HTML file:</span><br />
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"><br /></span>
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"><br /></span>
<pre><link rel="stylesheet" href="css/main.css" type="text/css" />
<script src="<a href="http://code.jquery.com/jquery-1.10.2.js">http://code.jquery.com/jquery-1.10.2.js</a>"></script>
<script src="js/imtech_pager.js"></script>
<div class="example">
<h3><a href="#">Paragraph pagination sample</a></h3>
<div id="content">
<div class="z">Sergey LUKYANENKO - The Boy and the Darkness - Chapter 1. The Sun Kitten.</div>
<div class="z">Everything happened because I got ill.</div>
<div class="z">It was already two in the afternoon, and I was lying in bed flicking through "Peter Pan" - I must have read it a hundred times over. I had long since pulled off the bandage my mother had tied around my neck in the morning, and thrown it into a corner. I simply can't understand - how can cotton wool soaked in vodka possibly help a cough? I don't argue with my mum, of course, but after she leaves I look after myself in my own way - namely, lie in bed with a book and wait for my germs to get tired of such a boring method of passing time. It usually helps - perhaps not at once, but after a day or three. A good thing, really, that the street outside looked quite miserable - the sun poking out for brief moments, only to make room for a patchy, nasty drizzle. Though, the sun never actually peeked into the room - our house is so unfortunately placed that it is in the shadows of the new nine-floor high-rises on every side. "The only use for such a flat is to grow mushrooms", - dad used to say, back when he still lived with us.</div>
<div class="z">I put my book down on the floor next to the bed, and lay on my back. Perhaps, had I shut my eyes now, nothing would have happened. But there I was, lying staring at the ceiling and listening to the ticking of the clock in the hallway.</div>
<div class="z">And a speck of sunlight jumped into the room through the glass. Small - the size of my hand - but surprisingly bright. As though the window was open, with bright summer sun outside. Someone was probably playing with a mirror on the balcony of the house across the street.</div>
<div class="z">The rabbit floated across the ceiling, climbed down a wall, made a vase on the dressing-table glint, and stopped, shaking slightly, on my headrest.</div>
<div class="z">- Don't go, - I said for some reason, knowing that in a moment the mirror would shift and the rabbit would leave my room forever. - Stay...</div>
<div class="z">And that's when it all started.</div>
<div class="z">The sun rabbit tore free of the bed and floated in the air. I didn't even realise at first that such things don't happen. It was only when the flat spot hanging in the air started puffing out to form a fuzzy orange ball that I understood - a miracle had happened.</div>
<div class="z">Four paws stretched from orange glowing fur, followed by a tail and a head. Green cat eyes blinked and gazed at me steadily. And overall, in fact, the rabbit looked more like a kitten than anything else. Except he was hanging in the air, glowing, and seemed light as the fairy fluff that floats away if one blows gently.</div>
<div class="z">- Hello, - purred the kitten. - Thank you for the invitation.</div>
<div class="z">I closed my eyes for a second, but when I opened them again, the kitten hadn't disappeared. In fact, he'd flown closer.</div>
<div class="z">- I don't believe in fairy tales, - I told myself. - I'm grown up now.</div>
<div class="z">- Well, compared to the girl who was holding the True Mirror, you are quite grown up, - declared the kitten, unperturbed, and lowered himself onto the blanket. I glanced over - to see if there would be smoke - but everything seemed all right. I could feel warmth with my chest, but not strong. And the kitten tilted his head and added: - But one can't really call you adult, either. How old are you? Ten, maybe?</div>
<div class="z">- Fourteen, - I replied, finding myself calming down at such a mundane question. - Who're you?</div>
<div class="z">- A sun rabbit, - replied the kitten, examining himself curiously. - What an appearance.. do I look like one?</div>
<div class="z">- <b>Like</b> what?</div>
<div class="z">- Like a <p style="font-weight:bold;color:red;">sun</p> rabbit.</div>
<div class="z">- More like a kitten.</div>
<div class="z">- Hardly better, - stated the Kitten sadly and stretched out. And I didn't think of anything better than repeating:</div>
<div class="z">- Who're you?</div>
<div class="z">- But we have already arrived at a consensus! - said the Kitten with sudden hurt. - A sun rabbit, or more precisely - a kitten, because I look far more like one! What is there not to understand?</div>
<div class="z">I found myself tongue-tied. Well, naturally, a small green animal that eats stones would simply be - a small green stone-eater. Simple. And a sun rabbit is a sun kitten, because he looks nothing like a rabbit.</div>
<div class="z">- So you mean - any rabbit can come to life if one just calls it? - I asked cautiously. For some reason it seemed to me the Kitten would be hurt at the question again. But he just shook his head proudly:</div>
<div class="z">- As if! Any! Only True Light, reflected in a True Mirror, can come to life.</div>
</div>
<div id="pagingControls"></div>
</div>
<script type="text/javascript">
var pager = new Imtech.Pager();
$(document).ready(function() {
pager.paragraphsPerPage = 5; // set amount elements per page
pager.pagingContainer = $('#content'); // set of main container
pager.paragraphs = $('div.z', pager.pagingContainer); // set of required containers
pager.showPage(1);
});
</script></pre>
<pre>
</pre>
<pre><span style="background-color: white; font-family: 'Times New Roman'; line-height: 18px; white-space: normal;"><span style="color: #999999; font-family: Verdana, sans-serif; font-size: large;">Step 2 :</span></span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;">Here are used CSS file. Just few styles for our demo:</span></pre>
<h4 style="border: 0px; color: #3e3a32; font-family: Georgia, 'Times New Roman', Times, serif; line-height: 18px; margin: 0px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;"><br /></span></h4>
<h4 style="border: 0px; color: #3e3a32; font-family: Georgia, 'Times New Roman', Times, serif; line-height: 18px; margin: 0px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;">css/styles.css</span></h4>
<div>
<pre>body{background:#eee;font-family:Verdana, Helvetica, Arial, sans-serif;margin:0;padding:0}
.example{background:#FFF;width:1000px;font-size:80%;border:1px #000 solid;margin:0.5em 10% 0.5em;padding:1em 2em 2em;-moz-border-radius:3px;-webkit-border-radius:3px}
#content p{text-indent:20px;text-align:justify;}
#pagingControls ul{display:inline;padding-left:0.5em}
#pagingControls li{display:inline;padding:0 0.5em}</pre>
</div>
<pre><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; white-space: normal;">
</span></pre>
<pre><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; white-space: normal;">
</span></pre>
<pre><span style="background-color: white; line-height: 18px; white-space: normal;"><span style="color: #999999; font-family: Verdana, sans-serif; font-size: large;">Step 3 : </span></span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: large; line-height: 18px; white-space: normal;">JS</span></pre>
<pre><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: large; line-height: 18px; white-space: normal;">
</span></pre>
<pre><div style="border: 0px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; margin-bottom: 18px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: normal;">
<span style="background-color: white;">Here are two JS files:</span></div>
<h4 style="border: 0px; color: #3e3a32; font-family: Georgia, 'Times New Roman', Times, serif; line-height: 18px; margin: 0px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: normal;">
<span style="background-color: white;">js/jquery.min.js(This Getting Online)</span></h4>
<div style="border: 0px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; margin-bottom: 18px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: normal;">
<span style="background-color: white;">Both – just jQuery library. Available in package.</span></div>
</pre>
<pre><h4 style="border: 0px; color: #3e3a32; font-family: Georgia, 'Times New Roman', Times, serif; line-height: 18px; margin: 0px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: normal;">
<span style="background-color: white;">js/imtech_pager.js (updated due few corrections)</span></h4>
<div>
<pre>var Imtech = {};
Imtech.Pager = function() {
this.paragraphsPerPage = 3;
this.currentPage = 1;
this.pagingControlsContainer = '#pagingControls';
this.pagingContainerPath = '#content';
this.numPages = function() {
var numPages = 0;
if (this.paragraphs != null && this.paragraphsPerPage != null) {
numPages = Math.ceil(this.paragraphs.length / this.paragraphsPerPage);
}
return numPages;
};
this.showPage = function(page) {
this.currentPage = page;
var html = '';
this.paragraphs.slice((page-1) * this.paragraphsPerPage,
((page-1)*this.paragraphsPerPage) + this.paragraphsPerPage).each(function() {
html += '<div>' + $(this).html() + '</div>';
});
$(this.pagingContainerPath).html(html);
renderControls(this.pagingControlsContainer, this.currentPage, this.numPages());
}
var renderControls = function(container, currentPage, numPages) {
var pagingControls = 'Page: <ul>';
for (var i = 1; i <= numPages; i++) {
if (i != currentPage) {
pagingControls += '<li><a href="#" onclick="pager.showPage(' + i + '); return false;">' + i + '</a></li>';
} else {
pagingControls += '<li>' + i + '</li>';
}
}
pagingControls += '</ul>';
$(container).html(pagingControls);
}
}</pre>
</div>
</pre>
<pre><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; white-space: normal;">
</span></pre>
<pre><span style="background-color: white; font-family: 'Times New Roman'; line-height: 18px; white-space: normal;"><span style="color: #999999; font-family: Verdana, sans-serif; font-size: large;">Live Demo</span></span></pre>
<pre><span style="background-color: white; font-family: 'Times New Roman'; line-height: 18px; white-space: normal;"><span style="color: #999999; font-family: Verdana, sans-serif; font-size: large;">
</span></span></pre>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-A_oEx0yOKts/UpSiIsbNL0I/AAAAAAAAAL8/JVJIDKnteBE/s1600/new1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-A_oEx0yOKts/UpSiIsbNL0I/AAAAAAAAAL8/JVJIDKnteBE/s1600/new1.png" height="200" width="640" /></a></div>
<pre><span style="background-color: white; font-family: 'Times New Roman'; line-height: 18px; white-space: normal;"><span style="color: #999999; font-family: Verdana, sans-serif; font-size: large;">
</span></span></pre>
<pre>
</pre>
</div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com0tag:blogger.com,1999:blog-3140070136431321980.post-67746610682794127952013-11-17T13:33:00.001+05:302013-11-26T18:45:45.492+05:30How to create a website ?<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Verdana, sans-serif;">If you are try to design or develop your website then you should not have a great skill for developing your website .</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">No Large Software or No Large Compiler or Editor isn't Required .</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">Your Website is just made in Notepad or any Light Weight Editor You just use Notepad or if you are using LINUX you just use GEDIT or VI editor for design your website.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">Here We are Starting to create a website using Notepad .</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">For Starting . First, You Learn about HTML Tags.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">Their Are 2 types of Tages is used in HTML .</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">1)<b><u>Container Tag</u></b> :- In which you written your value and insert your image in betwwen this tags in which two tag use first is Start Tag and Another is End Tag.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">Start Tag is shown as : - <></span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">End Tag is shown as :- </></span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">For Example :- <a></a>,<div></div>...... etc.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">2)<b><u>Stand Alone Tag </u></b>:- here is example.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">For Example : <img />.... etc.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">Now For Designing Website here is the body of your Website .</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><html></span><br />
<span style="font-family: Verdana, sans-serif;"> <head></span><br />
<span style="font-family: Verdana, sans-serif;"> <title></title></span><br />
<span style="font-family: Verdana, sans-serif;"> </head></span><br />
<span style="font-family: Verdana, sans-serif;"> <body></span><br />
<span style="font-family: Verdana, sans-serif;"> <!-- Here We USe Our Tag --></span><br />
<span style="font-family: Verdana, sans-serif;"> </body</span><br />
<span style="font-family: Verdana, sans-serif;"></html></span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><b><u>HTML TAGS ARE AS FOLLOWS</u></b></span><br />
<span style="font-family: Verdana, sans-serif;"><b><u><br /></u></b></span>
<br />
<table border="1" cellpadding="5" cellspacing="2" style="border-collapse: collapse; width: 445px;">
<colgroup><col style="mso-width-alt: 5997; mso-width-source: userset; width: 123pt;" width="164"></col>
<col style="mso-width-alt: 10276; mso-width-source: userset; width: 211pt;" width="281"></col>
</colgroup><tbody>
<tr height="21" style="height: 15.75pt;">
<td class="xl72" height="21" style="height: 15.75pt; width: 123pt;" width="164"><b><u><span style="font-family: Verdana, sans-serif;">Tag</span></u></b></td>
<td class="xl69" style="border-left: none; width: 211pt;" width="281"><b><u><span style="font-family: Verdana, sans-serif;">Description</span></u></b></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><!--...--></span></span></td>
<td class="xl65" style="border-left: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines a
comment</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><br /><!DOCTYPE> </span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
the document type</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><br /><a></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a hyperlink</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><br /><abbr></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
an abbreviation</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><acronym></span></span></td>
<td class="xl67" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Not supported in HTML5.<span class="font5"> Defines an acronym</span></span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><br /><address></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
contact information for the author/owner of a document</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><br /><applet></span></span></td>
<td class="xl67" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;"><br />Not supported in HTML5. Deprecated in
HTML 4.01.<span class="font5"> Defines an embedded applet</span></span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><br /><area></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;"><br />Defines
an area inside an image-map</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><br /><article></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;"><br />Defines
an article</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><br /><aside></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;"><br />Defines
content aside from the page content</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><br /><audio></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;"><br />Defines
sound content</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><br /><b></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;"><br />Defines
bold text</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><br /><base></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;"><br />Specifies
the base URL/target for all relative URLs in a document</span></td>
</tr>
<tr height="52" style="height: 39.0pt;">
<td class="xl70" height="52" style="border-top: none; height: 39.0pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><basefont></span></span></td>
<td class="xl68" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;"><br />Not supported in HTML5. Deprecated in
HTML 4.01.<span class="font5"> Specifies a default color, size, and font
for all text in a <br />document</span></span></td>
</tr>
<tr height="52" style="height: 39.0pt;">
<td class="xl70" height="52" style="border-top: none; height: 39.0pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><br /><bdi></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;"><br />Isolates
a part of text that might be formatted in a different direction from other
text outside it</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><br /><bdo></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;"><br />Overrides
the current text direction</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><br /><big></span></span></td>
<td class="xl67" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;"><br />Not supported in HTML5.<span class="font5"> Defines big text</span></span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><br /><blockquote></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;"><br />Defines
a section that is quoted from another source</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><body></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
the document's body</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><br></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a single line break</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><button></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a clickable button</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><canvas></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Used
to draw graphics, on the fly, via scripting (usually JavaScript)</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><caption></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a table caption</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><center></span></span></td>
<td class="xl68" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Not supported in HTML5. Deprecated in
HTML 4.01.<span class="font5"> Defines centered text</span></span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><cite></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
the title of a work</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><code></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a piece of computer code</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><col></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Specifies
column properties for each column within a <colgroup> element </span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><colgroup></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Specifies
a group of one or more columns in a table for formatting</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><command></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a command button that a user can invoke</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><datalist></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Specifies
a list of pre-defined options for input controls</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><dd></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a description/value of a term in a description list</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><del></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
text that has been deleted from a document</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><details></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
additional details that the user can view or hide</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><dfn></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines a
definition term</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><dialog></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a dialog box or window</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><dir></span></span></td>
<td class="xl68" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Not supported in HTML5. Deprecated in
HTML 4.01.<span class="font5"> Defines a directory list</span></span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><div></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a section in a document</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><dl></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a description list</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><dt></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a term/name in a description list</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><em></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
emphasized text </span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><embed></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a container for an external (non-HTML) application</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><fieldset></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Groups
related elements in a form</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><figcaption></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a caption for a <figure> element</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><figure></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Specifies
self-contained content</span></td>
</tr>
<tr height="52" style="height: 39.0pt;">
<td class="xl70" height="52" style="border-top: none; height: 39.0pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><font></span></span></td>
<td class="xl67" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Not supported in HTML5. Deprecated in
HTML 4.01.<span class="font5"> Defines font, color, and size for text</span></span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><footer></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a footer for a document or section</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><form></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
an HTML form for user input</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><frame></span></span></td>
<td class="xl68" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Not supported in HTML5.<span class="font5"> Defines a window (a frame) in a frameset</span></span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><frameset></span></span></td>
<td class="xl67" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Not supported in HTML5.<span class="font5"> Defines a set of frames</span></span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><h1>
to <h6></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
HTML headings</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><head></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
information about the document</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><header></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a header for a document or section</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><hr></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a thematic change in the content</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><html></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
the root of an HTML document</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><i></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a part of text in an alternate voice or mood</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><iframe></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
an inline frame</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><img></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
an image</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><input></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
an input control</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><ins></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a text that has been inserted into a document</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><kbd></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
keyboard input</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><keygen></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a key-pair generator field (for forms)</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><label></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a label for an <input> element</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><legend></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a caption for a <fieldset> element</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><li></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a list item</span></td>
</tr>
<tr height="52" style="height: 39.0pt;">
<td class="xl70" height="52" style="border-top: none; height: 39.0pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><link></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
the relationship between a document and an external resource (most used to
link to style sheets)</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><map></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a client-side image-map</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><mark></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
marked/highlighted text</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><menu></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a list/menu of commands</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><meta></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
metadata about an HTML document</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><meter>New</span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a scalar measurement within a known range (a gauge)</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><nav></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
navigation links</span></td>
</tr>
<tr height="52" style="height: 39.0pt;">
<td class="xl70" height="52" style="border-top: none; height: 39.0pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><noframes></span></span></td>
<td class="xl68" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Not supported in HTML5.<span class="font5"> Defines an alternate content for users that do not
support frames</span></span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><noscript></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
an alternate content for users that do not support client-side scripts</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><object></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
an embedded object</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><ol></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
an ordered list</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><optgroup></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a group of related options in a drop-down list</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><option></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
an option in a drop-down list</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><output></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
the result of a calculation</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><p></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a paragraph</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><param></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a parameter for an object</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><pre></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
preformatted text</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><progress></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Represents
the progress of a task</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><q></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a short quotation</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><rp></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
what to show in browsers that do not support ruby annotations</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><rt></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
an explanation/pronunciation of characters (for East Asian typography)</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><ruby></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a ruby annotation (for East Asian typography)</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><s></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
text that is no longer correct</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><samp></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
sample output from a computer program</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><script></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a client-side script</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><section>New</span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a section in a document</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><select></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a drop-down list</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><small></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
smaller text</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><source>New</span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
multiple media resources for media elements (<video> and <audio>)</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><span></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a section in a document</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><strike></span></span></td>
<td class="xl67" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Not supported in HTML5. Deprecated in
HTML 4.01.<span class="font5"> Defines strikethrough text</span></span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><strong></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
important text</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><style></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
style information for a document</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><sub></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
subscripted text</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><summary>New</span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a visible heading for a <details> element</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><sup></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
superscripted text</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><table></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a table</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><tbody></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Groups
the body content in a table</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><td></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a cell in a table</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><textarea></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a multiline input control (text area)</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><tfoot></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Groups
the footer content in a table</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><th></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a header cell in a table</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><thead></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Groups
the header content in a table</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><time>New</span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a date/time</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><title></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a title for the document</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><tr></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a row in a table</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><track>New</span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
text tracks for media elements (<video> and <audio>)</span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><tt></span></span></td>
<td class="xl68" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Not supported in HTML5.<span class="font5"> Defines teletype text</span></span></td>
</tr>
<tr height="35" style="height: 26.25pt;">
<td class="xl70" height="35" style="border-top: none; height: 26.25pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><u></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
text that should be stylistically different from normal text</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><ul></span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
an unordered list</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><var></span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a variable</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><video>New</span></span></td>
<td class="xl66" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a video or movie</span></td>
</tr>
<tr height="21" style="height: 15.75pt;">
<td class="xl70" height="21" style="border-top: none; height: 15.75pt; width: 123pt;" width="164"><span style="color: windowtext;"><span style="font-family: Verdana, sans-serif;"><wbr>New</span></span></td>
<td class="xl65" style="border-left: none; border-top: none; width: 211pt;" width="281"><span style="font-family: Verdana, sans-serif;">Defines
a possible line-break</span></td>
</tr>
</tbody></table>
<br />
Your Firs Web Page<br />
<br />
<span style="font-family: Verdana, sans-serif;"><!DOCTYPE></span><span style="font-family: Verdana, sans-serif;"><!-- for HTML5 --></span><span style="font-family: Verdana, sans-serif;"><br /></span><span style="font-family: Verdana, sans-serif;"><html></span><br />
<span style="font-family: Verdana, sans-serif;"> <head></span><br />
<span style="font-family: Verdana, sans-serif;"> <title>First Website</title></span><br />
<span style="font-family: Verdana, sans-serif;"> </head></span><br />
<span style="font-family: Verdana, sans-serif;"> <body></span><br />
<span style="font-family: Verdana, sans-serif;"> <h1>Its My First Website</h1></span><span style="font-family: Verdana, sans-serif;"><!-- h1 is use for Headings --></span><br />
<span style="font-family: Verdana, sans-serif;"> </body</span><br />
<span style="font-family: Verdana, sans-serif;"></html></span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">Now save This File in HTML or HTM expension Like first.html or first.htm</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;">and Now Open your browser and browse it.</span><br />
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<b><span style="font-family: Verdana, sans-serif;">Output is :- </span></b><br />
<b><span style="font-family: Verdana, sans-serif;"><br /></span></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-wJIk8kfwBF4/Uoh6aZCvyaI/AAAAAAAAALs/R_7L782Qfk0/s1600/Untitled.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-wJIk8kfwBF4/Uoh6aZCvyaI/AAAAAAAAALs/R_7L782Qfk0/s400/Untitled.png" height="236" width="400" /></a></div>
<b><span style="font-family: Verdana, sans-serif;"><br /></span></b>
</div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com0tag:blogger.com,1999:blog-3140070136431321980.post-26691946483135998292013-11-17T10:40:00.000+05:302013-11-17T10:40:10.218+05:30How to insert background image in div ?<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
If You Want to Insert an Image in DIV . <div>
<br /></div>
<div>
Then You Just Try This .</div>
<div>
<br /></div>
<div>
<div style='background:url('PATH_OF_IMAGE');background-size:100%;' ></div></div>
<div>
<br /></div>
<div>
Now You GET BACKGROUND IMAGE in DIV.</div>
</div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com2tag:blogger.com,1999:blog-3140070136431321980.post-42887979297962229992013-11-17T10:35:00.000+05:302013-11-17T10:35:15.426+05:30How to Open Webpage in New Tab ?<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Arial, Helvetica, sans-serif;">If you want to open your webpage in New Window Just Try This in Your URL </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><a href="path_of_page" target="_blank">Try This</a>.</span></div>
KAPIL KARDAhttp://www.blogger.com/profile/15207335373771802495noreply@blogger.com0