<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<meta name="keywords" content="thinkquest,web,toolkit,design,development,internet,websites,site,html,xhtml,css" />
<meta name="description" content="A web building guide for ThinkQuesters" />
<meta name="revised" content="ttk, 08/04/07" />

<title>TQ Toolkit - Interactivity - Introduction</title>

<link rel="shortcut icon" href="images/favicon.ico" /> 
<link rel="stylesheet" href="styles/copy.css" media="print" />

</head>

<body><!-- tql_banner_head --><script type="text/javascript" src="/banner/banner.js"></script></script><script>tql_drawTop();</script>
<a id="top" style="display:block"></a>
<h1 class="title">Introduction</h1>
<hr />
<a class="external" href="#contentarea" onclick="ajaxpage('toolkit.html','content');ajaxpage('navigator002.html','Answer12');">Toolkit</a> &gt; <a class="external" href="#contentarea" onclick="ajaxpage('interactivity.html','content');ajaxpage('navigator018.html','Answer12');">Interactivity</a> &gt; Introduction <br />

<div id="contentjump">
<h2>Content Jump</h2>
<ul class="contenttext">
	<li><a href="#p1" class="external">Introduction</a></li>
	<li><a href="#p2" class="external">Two Types of Scripting</a></li>
</ul>
</div>

<a id="p1" style="display:block"></a>
<h2 class="subtitle">Introduction</h2>
<a class="showhide" id="Answer22" onclick="showHide(22);showHide(23);">Show</a>
<div id="Answer23">
<a class="showhide" onclick="showHide(22);showHide(23);">Hide</a>
<p class="contenttext">
Ever wondered how a website is able to remember your preferences, let you search the site without hassle or display amazing rollover effects to aid learning? In a plain website with no scripting, users can only enjoy textual content from the site. They can only treat the website as a book; The website might become dull, boring and visitors will not hesitate to exit your site in minutes.
<br /> <br />
An effective website should engage the users and promote an Internet style of learning. This is typically achieved through the use of scripting.
<br /> <br />
<a href="#top"><span class="hidden" style="display:none;cursor:pointer;color:#FF6633;">TOP</span><img src="images/top.jpg" class="topbut" alt="Top" /></a> <br />
</p>
</div>

<a id="p2" style="display:block"></a>
<h2 class="subtitle">Two Types of Scripting</h2>
<a id="Answer26" class="showhide" onclick="showHide(26);showHide(27);">Show</a>
<div id="Answer27">
<a class="showhide" onclick="showHide(26);showHide(27);">Hide</a>
<p class="contenttext">
Scripting is very much the same as programming. Just like how a computing task needs a good program, a website needs a good script. There are two types of scripting - The client-side scripting and server-side scripting.
</p>
<blockquote cite="http://en.wikipedia.org/wiki/Client-side_scripting" title="Wikipedia">
<p class="contenttext">
&quot;Client-side scripting generally refers to the class of computer programs on the web that are executed client-side, by the user's web browser&quot;.
</p>
</blockquote> 
<p class="contenttext">
Processing is done on the browser itself. This is particularly important in the development of <a class="keyword">DHTML</a>.
<br /> <br />
A good example of client-side scripting would be form verification.
</p>
<input id="testarea" type="text" />
<input type="button" value="Press" onclick="test();" />
<p class="contenttext">
Click on the button above. If there is no text in the textbox, you should get an error alert. Otherwise, a &quot;success&quot; message is alerted. This is often used during online registration processes.
<br /> <br />
On the other hand, server-side scripting involves processing done on the web <a class="key">server</a>. This is usually used when databases are involved.
<br /> <br />
A good example would be search engines like <a href="http://www.google.com" class="external" rel="external">Google</a>. When keywords are being searched, a server-side script is being run on the server, producing the results on the results page.
<br /> <br />
Server-side scripting, though able to produce amazing things for your website, is not supported in ThinkQuest:
</p>
<blockquote cite="http://www.thinkquest.org/competition/rules.shtml#technical" title="ThinkQuest Rules and Regulations">
<p class="contenttext">
&quot;Server-based technologies such as PHP, Perl, SSI, Java, CGI, and FrontPage extensions are NOT supported.&quot;
</p>
</blockquote>
<p class="contenttext">
This is due to security reasons and thus, for ThinkQuest, we would stick mostly to the JavaScript and ActionScript.
</p>
</div>

<div id="references">
References: <br />
	<ol>
		<li>&quot;Client-side Scripting&quot;. Wikipedia. 2/3/2007 &lt;http://en.wikipedia.org/wiki/Client-side_scripting&gt;.</li>
	</ol>
Visit the <a href="#contentarea" class="external" onclick="ajaxpage('references.html','content');">References Page</a> for all references used in the site.
</div>
<a href="#top"><span class="hidden" style="display:none;cursor:pointer;color:#FF6633;">TOP</span><img src="images/top.jpg" class="topbut" alt="Top" /></a>
<!-- tql_banner_foot --><script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-174705-4']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga); })(); </script></body>
</html>