Källkoden för /anders.enges/asp/ssi1.asp
<!--#include file="../inc/navstuff.asp" -->
Nedan är en "tom" ASP:<div class="code">
<font color="#8B008B">
<ol>
<li><span class="asp"><%@ LANGUAGE="VBSCRIPT" %></span><br>
<li>
<li>
<font color="#0000FF"><</font>HTML<font color="#0000FF">></font>
<li><font color="#0000FF"><</font>HEAD<font color="#0000FF">></font>
<li><font color="#0000FF"><</font>META <font color="#FF0000">HTTP-EQUIV</font><font color="#0000FF">="Content-Type"</font> <font color="#FF0000">content</font><font color="#0000FF">="text/html; charset=iso-8859-1"></font>
<li><font color="#0000FF"><</font>TITLE<font color="#0000FF">></font><font color="#000000">Document Title</font><font color="#0000FF"><</font>/TITLE<font color="#0000FF">></font>
<li><font color="#0000FF"><</font>/HEAD<font color="#0000FF">></font>
<li><font color="#0000FF"><</font>BODY<font color="#0000FF">></font>
<li>
<li><font color="#008000"><!-- Insert HTML here --></font>
<li>
<li><font color="#0000FF"><</font>/BODY<font color="#0000FF">></font><br>
<li><font color="#0000FF"><</font>/HTML<font color="#0000FF">></font><br>
</ol>
</font>
</div>
Förutom rad ett (<span class="asp"><%@ LANGUAGE="VBSCRIPT" %></span>) borde denna fil inte innehålla några överraskningar för den som har
skrivit HTML kod någon gång.<p>
Tag bort raden <font color="#008000"><!-- Insert HTML here --></font> och
sätt in följande kod istället<p>
<div class="code">
<span class="asp"><% For I = 1 To 10 %></span><br>
EN TEXT<font color="#0000FF"><</font><font color="#8B008B">br</font><font color="#0000FF">></font><br>
<span class="asp"><% Next %></span>
</div><p>
Filen borde nu ha följande innehåll:
<div class="code">
<font color="#8B008B">
<ol>
<li><span class="asp"><%@ LANGUAGE="VBSCRIPT" %></span><br>
<li>
<li>
<font color="#0000FF"><</font>HTML<font color="#0000FF">></font>
<li><font color="#0000FF"><</font>HEAD<font color="#0000FF">></font>
<li><font color="#0000FF"><</font>META <font color="#FF0000">HTTP-EQUIV</font><font color="#0000FF">="Content-Type"</font> <font color="#FF0000">content</font><font color="#0000FF">="text/html; charset=iso-8859-1"></font>
<li><font color="#0000FF"><</font>TITLE<font color="#0000FF">></font><font color="#000000">Document Title</font><font color="#0000FF"><</font>/TITLE<font color="#0000FF">></font>
<li><font color="#0000FF"><</font>/HEAD<font color="#0000FF">></font>
<li><font color="#0000FF"><</font>BODY<font color="#0000FF">></font>
<li>
<li><span class="asp"><% For I = 1 To 10 %></span><br>
<li>EN TEXT<font color="#0000FF"><</font><font color="#8B008B">br</font><font color="#0000FF">></font><br>
<li><span class="asp"><% Next %></span>
<li>
<li><font color="#0000FF"><</font>/BODY<font color="#0000FF">></font><br>
<li><font color="#0000FF"><</font>/HTML<font color="#0000FF">></font><br>
</ol>
</font>
</div>
<p>
Vad betyder då detta? Jo, kod som finns mellan <% och %> kommer att tolkas av asp systemet.<p>
<span class="asp"><%@ LANGUAGE="VBSCRIPT" %></span>
betyder att vi vill använda VBSCRIPT som programmeringsspråk. Detta är visserligen oftast satt som <i>default</i>
av internet servern men det skadar aldrig att vara på säkra sidan.<p>
Raderna <br>
<span class="asp">For I = 1 To 10</span><br>
och<br>
<span class="asp">Next</span><p>
borde vara bekanta för alla som någon gång skrivit ett Visual Basic program<p>
Genom att sätta in dessa mellan <% och %> kommer dessa inte att visas utan kommer
att tolkas av serverns <i>Scripting Engine</i><p>
Allt mellan <span class="asp">For I = 1 To 10</span> och <span class="asp">Next</span>
kommer att upprepas 10 gånger.<p>
Eftersom det finns HTML kod mellan <span class="asp">For I = 1 To 10</span> och <span class="asp">Next</span>
är det den som kommer att upprepas.<p>
Vi kan provköra ASP sidan genom att sätta den i en katalog med minst Script rättigheter och "surfa till den"
med http://localhost/<i>katalog/fil</i>
Resultatet blir en sida med följande utseende:<p>
<div class="res">
TEXT<br>
TEXT<br>
TEXT<br>
TEXT<br>
TEXT<br>
TEXT<br>
TEXT<br>
TEXT<br>
TEXT<br>
TEXT<br>
</div>
<p>
Det intressanta med ASP är att sidorna mest består av vanlig bekant HTML som blandas med VB kod<p>
Om vi t.ex. skriver följande istället:<p>
<div class="code">
<table border="1"><br>
<span class="asp"><% For I = 1 To 10 %></span><br>
<tr><td>tabellrad <span class="asp"><% =I %></span></td></tr><br>
<span class="asp"><% Next %></span><br>
</table>
</div><p>
Resultatet blir då:
<div class="res">
<table border="1">
<tr><td>tabellrad 1</td></tr>
<tr><td>tabellrad 2</td></tr>
<tr><td>tabellrad 3</td></tr>
<tr><td>tabellrad 4</td></tr>
<tr><td>tabellrad 5</td></tr>
<tr><td>tabellrad 6</td></tr>
<tr><td>tabellrad 7</td></tr>
<tr><td>tabellrad 8</td></tr>
<tr><td>tabellrad 9</td></tr>
<tr><td>tabellrad 10</td></tr>
</table>
</div>
<p>
Eller varför inte:
<div class="code">
Multiplikationstabellen:<br><br>
<table border="1" width="400"><br>
<span class="asp"><% For rad = 1 To 10 %></span><br>
<tr><br>
<span class="asp"><% For kolumn = 1 To 10 %></span><br>
<td width=40 align="center"><span class="asp"><% =rad * kolumn %></span></td><br>
<span class="asp"><% Next %></span><br>
</tr><br>
<span class="asp"><% Next %></span><br>
</table>
</div><p>
<div class="res">
Multiplikationstabellen: <table border="1" width="400">
<tr>
<td width="40" align="center">1</td>
<td width="40" align="center">2</td>
<td width="40" align="center">3</td>
<td width="40" align="center">4</td>
<td width="40" align="center">5</td>
<td width="40" align="center">6</td>
<td width="40" align="center">7</td>
<td width="40" align="center">8</td>
<td width="40" align="center">9</td>
<td width="40" align="center">10</td>
</tr>
<tr>
<td width="40" align="center">2</td>
<td width="40" align="center">4</td>
<td width="40" align="center">6</td>
<td width="40" align="center">8</td>
<td width="40" align="center">10</td>
<td width="40" align="center">12</td>
<td width="40" align="center">14</td>
<td width="40" align="center">16</td>
<td width="40" align="center">18</td>
<td width="40" align="center">20</td>
</tr>
<tr>
<td width="40" align="center">3</td>
<td width="40" align="center">6</td>
<td width="40" align="center">9</td>
<td width="40" align="center">12</td>
<td width="40" align="center">15</td>
<td width="40" align="center">18</td>
<td width="40" align="center">21</td>
<td width="40" align="center">24</td>
<td width="40" align="center">27</td>
<td width="40" align="center">30</td>
</tr>
<tr>
<td width="40" align="center">4</td>
<td width="40" align="center">8</td>
<td width="40" align="center">12</td>
<td width="40" align="center">16</td>
<td width="40" align="center">20</td>
<td width="40" align="center">24</td>
<td width="40" align="center">28</td>
<td width="40" align="center">32</td>
<td width="40" align="center">36</td>
<td width="40" align="center">40</td>
</tr>
<tr>
<td width="40" align="center">5</td>
<td width="40" align="center">10</td>
<td width="40" align="center">15</td>
<td width="40" align="center">20</td>
<td width="40" align="center">25</td>
<td width="40" align="center">30</td>
<td width="40" align="center">35</td>
<td width="40" align="center">40</td>
<td width="40" align="center">45</td>
<td width="40" align="center">50</td>
</tr>
<tr>
<td width="40" align="center">6</td>
<td width="40" align="center">12</td>
<td width="40" align="center">18</td>
<td width="40" align="center">24</td>
<td width="40" align="center">30</td>
<td width="40" align="center">36</td>
<td width="40" align="center">42</td>
<td width="40" align="center">48</td>
<td width="40" align="center">54</td>
<td width="40" align="center">60</td>
</tr>
<tr>
<td width="40" align="center">7</td>
<td width="40" align="center">14</td>
<td width="40" align="center">21</td>
<td width="40" align="center">28</td>
<td width="40" align="center">35</td>
<td width="40" align="center">42</td>
<td width="40" align="center">49</td>
<td width="40" align="center">56</td>
<td width="40" align="center">63</td>
<td width="40" align="center">70</td>
</tr>
<tr>
<td width="40" align="center">8</td>
<td width="40" align="center">16</td>
<td width="40" align="center">24</td>
<td width="40" align="center">32</td>
<td width="40" align="center">40</td>
<td width="40" align="center">48</td>
<td width="40" align="center">56</td>
<td width="40" align="center">64</td>
<td width="40" align="center">72</td>
<td width="40" align="center">80</td>
</tr>
<tr>
<td width="40" align="center">9</td>
<td width="40" align="center">18</td>
<td width="40" align="center">27</td>
<td width="40" align="center">36</td>
<td width="40" align="center">45</td>
<td width="40" align="center">54</td>
<td width="40" align="center">63</td>
<td width="40" align="center">72</td>
<td width="40" align="center">81</td>
<td width="40" align="center">90</td>
</tr>
<tr>
<td width="40" align="center">10</td>
<td width="40" align="center">20</td>
<td width="40" align="center">30</td>
<td width="40" align="center">40</td>
<td width="40" align="center">50</td>
<td width="40" align="center">60</td>
<td width="40" align="center">70</td>
<td width="40" align="center">80</td>
<td width="40" align="center">90</td>
<td width="40" align="center">100</td>
</tr>
</table> </div><p>
Se även sektionen om <a href="skriva.asp">skrivning till websidor</a><p>
<!--#include file="../inc/footer.asp" -->