Technical Note #028 Auteur: Wim van ommen Gemaakt op: 21 maart 2002 Bijgewerkt op:21 maart HTML Webpublishing Quickstart

Transcriptie

1 Technical Note #028 Auteur: Wim van ommen Gemaakt op: 21 maart 2002 Bijgewerkt op:21 maart 2002 HTML Webpublishing Quickstart

2 In deze handleiding word een praktijk voorbeeld getoond ten behoeve van het aanpassen van de betreffende de templates. De zoekpagina: <HTML> <HEAD> <TITLE>Simpel Zoeken </TITLE> <META HTTP-EQUIV="Content-Type" content="text/html; charset=iso "> </HEAD> <BODY BGCOLOR="#FFFFCC" TEXT="#333333" LINK="#CC0000" ALINK="#663399" VLINK="#336699" BACKGROUND="/bg.gif"> <form method="post" action="/scripts/cuwp_cgi.exe"> <input type="hidden" name="directarg" value="search"> de Reply page <input type="hidden" name="replypage" value="topit"> De zoekpagina welke op de replypage wordt getoond <input type="hidden" name="queryform" value="topit"> Gebruike database: als er niets staat word automatisch de eerste aangeroepen <input type="hidden" name="catalogname" value> Converteer 8-bit ascii tekens naar Html equivalenten: <input type="hidden" name="docencoding" value="isolatin"> ThumbnailConstraint zorg ervoor dat de thumbnail grote in dit geval niet meer dan 128x128 pixels is. <input type="hidden" name="thumbnailconstraint" value="130"> <CENTER> <TABLE BORDER=0> <TD align=right valign=bottom> <font face=arial> <small>zoek in: <TD valign=bottom>

3 <font face=arial> <small> Hier worden een aantal checkboxes gecreëerd welke bepalen of er in Notes Record Name of Categories gezocht word. Omdat deze met de junctor (verbinding) or verbonden zijn betekend het dat er op de tekst welke in het zoekveld ingevoerd word in al deze velden gezocht word. <INPUT TYPE="checkbox" NAME="prop" VALUE="field[Notes] op[mulconts]" CHECKED> Notes <INPUT TYPE="hidden" NAME="junc" VALUE="or"> <INPUT TYPE="checkbox" NAME="prop" VALUE="field[Record Name] op[contains]" CHECKED> Record Name <INPUT TYPE="hidden" NAME="junc" VALUE="or"> <INPUT TYPE="checkbox" NAME="prop" VALUE="field[Categories] op[contains]" CHECKED> Categories <TR hight=35><td align=right><font face=arial><small> Dit is het zoekveld met een zoekknop: Naar: <td> <table> <tr> <td> <input type=text name=qval size=28 maxsize=70> <td> <input type=image name=name border=0 src=/cumulus5/graphics/find.jpg> </tr> </table> <BR> <TD align=right>

4 <font face=arial> <small> Hier kan nog een sortering opgegeven worden in dit geval op Record name of Asset Modification Date. Deze opties zijn te veranderen door een eigen veldnaam op te geven om op te sorteren. Het veld moet dan wel binnen Cumulus al geïndexeerd zijn voor sorteren. Verder kan er nog een sorteerrichting opgegeven worden dit kan oplopend dan wel aflopend zijn. Sorteer op: <TD COLSPAN=2> <font face=arial> <small> <INPUT TYPE="radio" NAME="sorting" VALUE="field[Record Name]" > Record Naam <INPUT TYPE="radio" NAME="sorting" VALUE="field[Asset Modification Date]"> Asset Wijziging Datum <TD align=right> <font face=arial> <small>sort direction: <TD COLSPAN=2><font face=arial><small> <INPUT TYPE="radio" NAME="sortDirection" VALUE="Ascending" CHECKED> Oplopend <INPUT TYPE="radio" NAME="sortDirection" VALUE="Descending"> Aflopend <BR> Verder kan er nog opgegeven worden hoe het resultaat moet worden getoond. Dit kan zijn als Tekst met Thumbnail, als Thumbnails of als Tekst.

5 <TD align=right><font face=arial><small> Laat Resultaat zien als: <TD COLSPAN=2><font face=arial><small> <P> <INPUT TYPE="radio" NAME="resultformat" VALUE="textandthumbnail_nb" CHECKED> Text and Thumbnail  <INPUT TYPE="radio" NAME="resultformat" VALUE="thumbnail_nb"> Thumbnail <INPUT TYPE="radio" NAME="resultformat" VALUE="text_nb"> Text </tr> <BR> Verder kunnen we ook een lijst met categorien bekijken en hier het juiste keyword uit kiezen. Daarvoor dient de Gategories knop. <TD align=right> <td> <input type=image name=categories src=/cumulus5/graphics/category.jpg border=0> </TABLE> </FORM> </BODY> </HTML> Het geheel ziet er dan ongeveer zo uit.

6 De reply page naam welke opgegeven word in de zoekpagina is ook de naam welke gebruikt wordt om de basket page, info page, checkout page definities te vinden. REPLY_PAGE( topit ) = { <HTML> <HEAD> <TITLE> Zoekopdracht <%querycontents length=7%></title> <BODY BGCOLOR="#FFFFCC" TEXT="#333333" LINK="#CC0000" ALINK="#663399" VLINK="#336699" BACKGROUND="/bg.gif"> <FONT face=arial color=#cc0000> Het zoekformulier zoals in het zoekformulier opgegeven. <% QUERY_FORM %> <br> <center> Dit zijn de vorige, volgende knoppen deze verschijnen alleen als er een vorige dan wel volgende pagina is. <%previous_button image=/cumulus5/graphics2/prev.jpg%> <%next_button image=/cumulus5/graphics2/next.jpg%>

7 Dit is de knop welke naar de collection backet leid als er in de resultformat geen besket mark gedefinieerd zijn moet deze knop ook niet gedefinieerd zijn. <%basket_button image=/cumulus5/graphics2/collectionbasket.jpg%> </center> <hr> <center><b> Dit is result heading hierin staat hoeveel assets er gevonden zijn en hoeveel er getoond worden. <% result_heading %> </B> </center> <hr> De result list toont de gevonden assets in de vorm zoals opgegeven in de result item. <%RESULT_LIST%> <hr> <center> <%previous_button image=/cumulus5/graphics2/prev.jpg%> <%next_button image=/cumulus5/graphics2/next.jpg%> </center> </body>} ;;<br> ;; <pre> ;; ;; ;; QUERY_FORM ;; ;; a single input field, options for search range and ;; result formatting ;; ;; ;; ;; </pre><br><form>  QUERY_FORM( topit ) = { <CENTER> <TABLE BORDER=0>

8  <tr> <td height=36> <td> <select name="prop"> <option selected value="field[record Name] op[is]"> Naam is <option value="field[record Name] op[startswith]"> Naam begint met <option value="field[record Name] op[contains]"> Naam bevat <option value="field[notes] op[contains]"> Notes bevat <option value="field[categories] op[is]"> Categorie is <option value="field[categories] op[contains]"> Categorie bevat <option value="field[file Data Size] op[lessthan]"> Bestandsgroote kleiner dan <option value="field[file Data Size] op[is]"> Bestandsgroote Is <option value="field[status] op[is]"> Status is <option value="field[status] op[hasvalue]"> "Status" heeft waarde <option value="field[color Mode] op[is]"> Kleur modus is <option value="field[cataloging User] op[is]"> Gebruikersnaam is <option value="thumbnailsimilarto"> Thumbnail vergelijkbaar met <option value="field[record Modification Date] op[is]"> Record Modif. datum is <option value="field[record Modification Date] op[lessthan]"> Record Modif. datum voor <option value="field[record Modification Date] op[greaterthan]"> Record Modif. datum na

9 <option value="field[asset Name] op[is]"> Asset naam is <option value="field[asset Name] op[contains]"> Asset naam bevat <option value="field[folder Name] op[contains]"> Folders bevatten </select> <td> <input type="text" name="qval" size="25" maxlength="70"> </tr> <tr> <td height=36 align=right> <select name="junc"> <option value="and"> en <option selected value="or"> of <option value="butnot"> maar niet </select> <td><select name="prop"> <option selected value="field[record Name] op[is]"> Naam is <option value="field[record Name] op[startswith]"> Naam begint met <option value="field[record Name] op[contains]"> Naam bevat <option value="field[notes] op[contains]"> Notes bevat <option value="field[categories] op[is]"> Categorie is <option value="field[categories] op[contains]"> Categorie bevat <option value="field[file Data Size] op[lessthan]"> Bestandsgroote kleiner dan <option value="field[file Data Size] op[is]"> Bestandsgroote Is <option value="field[status] op[is]"> Status is <option value="field[status] op[hasvalue]"> "Status" heeft waarde <option value="field[color Mode] op[is]"> Kleur modus is <option value="field[cataloging User] op[is]"> Gebruikersnaam is <option value="thumbnailsimilarto"> Thumbnail vergelijkbaar met <option value="field[record Modification Date] op[is]"> Record Modif. datum is <option value="field[record Modification Date] op[lessthan]"> Record Modif. datum voor <option value="field[record Modification Date] op[greaterthan]"> Record Modif. datum na <option value="field[asset Name] op[is]"> Asset naam is <option value="field[asset Name] op[contains]"> Asset naam bevat <option value="field[folder Name] op[contains]"> Folders bevatten </select>

10 <td> <input type="text" name="qval" size="25" maxlength="70"> </tr> <tr> <td height=36 align=right> <select name="junc"> <option value="and"> en <option selected value="or"> of <option value="butnot"> maar niet </select> <td><select name="prop"> <option selected value="field[record Name] op[is]"> Naam is <option value="field[record Name] op[startswith]"> Naam begint met <option value="field[record Name] op[contains]"> Naam bevat <option value="field[notes] op[contains]"> Notes bevat <option value="field[categories] op[is]"> Categorie is <option value="field[categories] op[contains]"> Categorie bevat <option value="field[file Data Size] op[lessthan]"> Bestandsgroote kleiner dan <option value="field[file Data Size] op[is]"> Bestandsgroote Is <option value="field[status] op[is]"> Status is <option value="field[status] op[hasvalue]"> "Status" heeft waarde <option value="field[color Mode] op[is]"> Kleur modus is <option value="field[cataloging User] op[is]"> Gebruikersnaam is <option value="thumbnailsimilarto"> Thumbnail vergelijkbaar met <option value="field[record Modification Date] op[is]"> Record Modif. datum is <option value="field[record Modification Date] op[lessthan]"> Record Modif. datum voor <option value="field[record Modification Date] op[greaterthan]"> Record Modif. datum na <option value="field[asset Name] op[is]"> Asset naam is <option value="field[asset Name] op[contains]"> Asset naam bevat <option value="field[folder Name] op[contains]"> Folders bevatten </select> <td> <table><tr> <td> <input type=text name=qval size=25 maxsize=70> <td><input type=image name=name border=0 src=/cumulus5/graphics2/find.jpg>

11 </tr> </table> </tr> <BR> <TD align=right><font face=arial> <small> Sorteer op: <TD COLSPAN=2> <font face=arial><small> <INPUT TYPE="radio" NAME="sorting" VALUE="field[Record Name]" > Record Naam <INPUT TYPE="radio" NAME="sorting" VALUE="field[Asset Modification Date]"> Asset Modificatie Datum <TD align=right><font face=arial><small>sort direction: <TD COLSPAN=2><font face=arial><small> <INPUT TYPE="radio" NAME="sortDirection" VALUE="Ascending" CHECKED> Oplopend <INPUT TYPE="radio" NAME="sortDirection" VALUE="Descending"> Aflopend <BR> <TD align=right> <font face=arial> <small>laat Resultaat zien als: <TD COLSPAN=2> <font face=arial><small> <P>

12 <INPUT TYPE="radio" NAME="resultformat" VALUE="textandthumbnail_wb" CHECKED> Tekst en Thumbnail <INPUT TYPE="radio" NAME="resultformat" VALUE="thumbnail_wb"> Thumbnail <INPUT TYPE="radio" NAME="resultformat" VALUE="text_wb"> Tekst </tr> <BR> <TD align=right> </TABLE> <TABLE BORDER=0 CELLPADDING=1 WIDTH="100%"> <TD VALIGN=bottom align="left"> <font face=arial> <small> <TD align="right"> <font face=arial> <small> </TABLE> </center> } Deze code word door cumulus getoond in plaats van de <%Result_heading%> tag. RESULT_HEADING_NONE = Geen Items Gevonden RESULT_HEADING_SINGLE = Een Item Gevonden RESULT_HEADING_ALL = <%itemsfound%> Items Gevonden, Alle worden getoond RESULT_HEADING_RANGE = {<%itemsfound%> Items Gevonden, Getoond worden: <%firstitem%> - <%lastitem%>}

13 Deze code word door cumulus getoond in plaats van de <%Result_list%> tag. RESULT_ITEM( topit ) = { ;<br> <table cellspacing=10> <tr> <td valign=top> <table> <tr> <td valign=top> <%field name="thumbnail" frameheight=125 framewidth=135%> </tr> <tr> <td align=center> <FONT face=arial> <small> <%link converter="pixel Image Converter" param="scale=100% JPEGQuality=2" fallback=unconverted resolving=later alt=dontshow %>Vergroting<%endLink%> <%infolink%>toon extra informatie<%endinfolink%><br> <%field name=annotation%> </small> </tr> </table> <td valign=top> <table> <tr> <td bgcolor=#cc0000> <font face=arial color=#ffffff> <strong> <%field name="record Name"%> </strong> </tr> <tr> <td>

14 <br> <font face=arial> <small> <%field name=notes length=40%> </small> </tr> <tr> <td> <br> <font face=arial color=#0000c0> <b> <%basketmark tobaskettext ="Voeg toe aan selectie" inbaskettext ="Behoud in selectie"%></tr> </table> </tr> </table> } Verschillen resultaat lijst weergave opties : ROW_SEPARATOR = <hr> Dit is het scheidingsteken tussen de result list en de basket list rijen. PAGE_LENGTH = 6 Dit is het aantal items wat afhankelijk van hoe het uitkomt word getoond. Dit betekend wel dat als de waarde 6 is er afhankelijk van het totaal aantal items 5 of 7 worden getoond. ROW_LENGTH = 1 Het aantal items op een rij. ITEM_ALIGN = center ITEM_VALIGN = middel Deze waardes worden alleen gebruikt als de ROW_LENGTH groter is dan 1 dan word door deze optie bepaald hoe de items getoond worden in de totale layout.

15 Dit is een standalone zoekopdracht zoekopdracht welke eventueel op een extra pagina getoond word. QUERY_PAGE( topit ) = { <HTML><HEAD><TITLE> Vul een zoekopdracht in </TITLE> <BODY BGCOLOR=#ffffff text=# link=#cc0000 alink=# vlink=# BACKGROUND="/bg.gif"> <FONT face=arial color=#cc0000> <% QUERY_FORM %> </FONT></BODY></HTML> } Deze pagina word getoond op het moment dat er op de basket button geklikt word. Er zijn hier een aantal knoppen waaronder een back to search button een Verwijder kop en een ga door knop. BASKET_PAGE ( topit ) = { <HTML><HEAD><TITLE> Selectie </TITLE> <BODY BGCOLOR=#ffffff text=# link=#cc0000 alink=# vlink=# BACKGROUND="/bg.gif"> <FONT face=arial color=#cc0000> <center><big><b>selectie</b></big> <hr> <%back_to_search_button image=/cumulus5/graphics2/back.jpg%> <%clear_basket_button image=/cumulus5/graphics2/remove.jpg%> <%basket_checkout_button image=/cumulus5/graphics2/proceed.jpg%> </center> <p> <%BASKET_LIST%> </BODY></HTML> } Dit is een checkout page welke zijn informatie in een Filemaker Pro Database zet. Standaard word deze pagina door De cumulus Collection basket cgi afgehandeld. Deze Checkout page kan echter door een andere CGI afgehandeld. CHECKOUT_PAGE( topit ) = { <HTML><HEAD><TITLE> Bestel </TITLE>

16 <BODY BGCOLOR=#ffffff text=# link=#cc0000 alink=# vlink=# BACKGROUND=" <HR> <FONT face=arial><small> <center> Gebruik de browser's "Go Back" knop om op de vorige pagina te komen. </center> <hr> <FORM ACTION=" name="theform" METHOD=POST> <P><CENTER> <table width="20%"><tr><td> <script language="javascript">document.write('<a onclick="document.theform.reset();return false;"','href="#" ><img alt="maak leeg" src="/images/leeg.gif" border="0"><\/a>');</script> <td> <INPUT TYPE="image" SRC="/Cumulus5/Graphics2/Access.jpg" NAME="- Save Record -" BORDER=0 ALIGN=bottom></tr> </table> <BR> <P> <P>Vul de gegevens in, klik daarna op de bestel knop om een bestelling te plaatsen <B><BR></P> <table collspan=3 BORDER=0 WIDTH="50%"> <tr><td><b>naam<td>:<td></b><input type="text" name="naam" value="" size=60></tr> <tr><td><b>adres<td>:<td></b><input type="text" name="adres" value="" size=60></tr> <tr><td><b>postcode<td>:<td></b><input type="text" name="postcode" value="" size=60></tr> <tr><td><b>woonplaats<td>:<td></b><input type="text" name="woonplaats" value="" size=60></tr> <tr><td> <B>Bestelling<td>:</B> <%CHECKOUT_LIST%> </tr> </table> <INPUT TYPE=HIDDEN NAME="-db" VALUE="naw.fp3"> <INPUT TYPE=HIDDEN NAME="-lay" VALUE=""> <INPUT TYPE=HIDDEN NAME="-format" VALUE="succes.htm"> <INPUT TYPE=HIDDEN NAME="-token" VALUE="25"> <INPUT TYPE=HIDDEN NAME="-max" VALUE=1> <INPUT TYPE=HIDDEN NAME="-new"> </FORM> </BODY></HTML> }

17 Dit is de informatie welke aan de Collection Basket Pagina wordt doorgegeven. Dit betekend dat we ook hier weer onze eigen velden kunnen toevoegen danwel velden verwijderen. CHECKOUT_ITEM( topit ) = { <input type=checkbox checked name=item value="bestand: <%field name="asset Name"%>> <%field name="record Name"%>"> <FONT face=arial><%field name="record Name"%> </small><td><td> } ;</form>  Dit is de Categorien pagina ook deze word op basis van de naam van de replypage gezocht. Er zijn voor deze pagina een aantal extra opties welke in de HTML technische handleiding worden beschreven. CATEGORY_PAGE ( topit ) = { <HTML><HEAD><TITLE> "<% catalogname %>" Categorien </TITLE> <base target="b"> <BODY link=#cc0000 alink=# vlink=# BACKGROUND="/bg_01.gif"> <FONT face=arial color=#cc0000> <small> <%CategoryTable%> </small> </BODY></HTML> } Dit is de Informatie pagina dit is een HTML tabel welke vanuit Cumulus velden voorzien word van Informatie. Dit betekend dat deze helemaal aan te passen is zowel qua teks als qua layout. Ook voor de pagina geld dat de naam welke aan de reply page meegegeven ook voor deze pagina geld. INFO_PAGE( topit ) = {

18 ;<br> <HTML><HEAD> <TITLE> "<%field name="record Name"%>" Info </TITLE> <BODY BGCOLOR=#ffffff text=# link=#cc0000 alink=# vlink=# BACKGROUND="/bg.gif"> <FONT face=arial color=#cc0000> <center><big><b> Asset Information for "<%field name="record Name"%>"</b></big></center> </FONT> <center> <hr><br> <TABLE> <TD valign=top align=center><font face=arial> <A HREF=<%AssetLinkURL converter="pixel Image Converter" param="scale=100% JPEGQuality=2" fallback=unconverted resolving=later%>><%field name="thumbnail" constraint=256%></a> <TD valign=top> <FONT face=arial><b>notities<form><textarea rows=6 cols=40 wrap=auto> <%field name=notes encoding=restrictedisolatin %></textarea></form> Categorien<form><textarea rows=4 cols=40> <%field name=categories separator=", " encoding=restrictedisolatin %></textarea></form> <TD VALIGN=TOP> <TABLE> <TD align=right valign=top><font face=arial><b>copyright Informatie <FONT face=arial><%field name=copyright defaultvalue=none%> <TD align=right><font face=arial><b>geluid <FONT face=arial><%field name=annotation linktext=play defaultvalue=none%>

19 <TD align=right><font face=arial><b>status <FONT face=arial><%field name="status" defaultvalue=none%> <TD align=right><font face=arial><b>gebruiker <FONT face=arial><%field name="cataloging User" defaultvalue=none%> <TD align=right><font face=arial><b>record Aanmaak Datum <FONT face=arial><%field name="record Creation Date"%> <TD align=right><font face=arial><b>record Wijzigings Datum <FONT face=arial><%field name="record Modification Date"%> </TABLE> <TD valign=top> <TABLE> <TD align=right><font face=arial><b>asset Format <FONT face=arial><%field name="file Format"%> <TD align=right><font face=arial><b>kleur Modus <FONT face=arial><%field name="color Mode"%>

20 <TD align=right><font face=arial><b>breedte <FONT face=arial><%field name="image Width"%> <TD align=right><font face=arial><b>hoogte <FONT face=arial><%field name="image Height"%> <TD align=right><font face=arial><b>horizontale Resolutie <FONT face=arial><%field name="horizontal Resolution"%> dpi <TD align=right><font face=arial><b>verticale Resolutie <FONT face=arial><%field name="vertical Resolution"%> dpi <TD align=right><font face=arial><b>bestandsgroote <FONT face=arial><%field name="file Data Size"%> <TD align=right><font face=arial><b>asset Aanmaak Datum <FONT face=arial><%field name="asset Creation Date"%> <TD align=right><font face=arial><b>asset Modificatie Datum

21 <FONT face=arial><%field name="asset Modification Date"%> </TABLE> </TABLE> </center> </BODY></HTML> } Er is maar één Error page voor alle verschillende sites die U zou kunnen maken. Dit betekend dat de meldingen op alle Site verschijnen, hou deze pagina daarom zo generiek mogelijk. De standaard error page zit in de Defaults.html en kan dan ook daar aangepast worden. ERROR_PAGE = { <HTML><HEAD><TITLE> Error </TITLE> <BODY BGCOLOR="#FFFFCC" TEXT="#333333" LINK="#CC0000" ALINK="#663399" VLINK="#336699" BACKGROUND="/bg.gif"> <FONT face=arial color=#cc0000> <big><b>error: <%messageheading%></b></big> <hr> <br> <FONT face=arial><small> <%messagebody%> </BODY></HTML> </SMALL></FONT>} ;; <pre> messageheading( connectionexpired) = { Connectie is verlopen } messagebody( connectionexpired) = { Sorry, your connection has timed out. Please submit a new search. } messageheading( connectiondenied) = { Teveel Gebruikers } messagebody( connectiondenied) = { Sorry, too many users are currently logged in. Please try again later. } messageheading( accessdenied) = { Toegang Gewijgerd } messagebody( accessdenied) = { Sorry, you are not allowed to connect to this catalog. } messageheading( databasenotfound) = { Catalogus Niet Gevonden } messagebody( databasenotfound) = { Sorry, the catalog you tried to connect to is not available. If the problem persists, please contact the site administrator. } messageheading( nodatabaseopen) = { Geen Catalogus Gevonden }

22 messagebody( nodatabaseopen) = { Sorry, there is no catalog currently available for searching. If the problem persists, please contact the site administrator. } messageheading( unspecificquery) = { Vraag niet specifiek genoeg } messagebody( unspecificquery) = { Sorry, the query you entered was too unspecific. Please try again with a more precise entry. } messageheading( unhandlederror) = { Sorry... } messagebody( unhandlederror) = { An unhandled error ocurred during transaction (Error number <% errornumber %>). } messageheading( linkexpired ) = { Link expired } messagebody( linkexpired) = { Sorry, this link is not valid anymore. } messageheading( noaudiodata ) = { Geen Audio Data } messagebody( noaudiodata) = { Sorry, could not create audio data for this link. If the problem persists, please contact the site administrator. } messageheading( badsearchvalue ) = { Onverwachte Zoek Opdracht } messagebody( badsearchvalue) = { Sorry, your search condition contains invalid data. } messageheading( templateparsingerror ) = { Template Parsing Error } messagebody( templateparsingerror) = { Error parsing HTML Templates: <%templateerrormessage%> (Error number <%errornumber%>) } messageheading( noassetdata ) = { Geen Asset Data } messagebody( noassetdata) = { Could not access Asset. } messageheading( recorddeleted ) = { Record Verwijderd } messagebody( recorddeleted) = { This record has been deleted from the catalog. } messageheading( badrequestdata ) = { Invalid Request Data } messagebody( badrequestdata) = { Incomplete or invalid request data received. Probably CGI search or post arguments are missing. } ;;</pre> In mijn geval heb ik mijn eigen definities in een eigen template opgeslagen namelijk TopIT.html. Dit is zowel voor het overzicht als voor eventueel verplaatsen van de server en dergelijke een goed idee. Deze moeten we dan echter wel includen inde Main.html. Die ziet er ongeveer uit als onderstaande pagina.

23 ;; <pre> ;; ;;; Reply Page Templates Main File ;; file-includes a suite of templates ;; template files can be viewed with a web browser. It is ;; recommended though that they be edited with a "plain" text ;; editor like BBEdit. If you're using a HTML editor, ;; you tread unsafe ground. ; Containing a definition for the reply page, ; result item and list formatting definitions for the ; three result displays "textandthumbnail", "thumbnail", "text" #include "SearchResult.html" ; This is the same as "Search Result Display", except: ; 1) there exists no connection to the Collection Basket ; 2) item definitions contain download links to the ; catalogued assets #include "SearchResult no Basket.html" ; <A href="queryforms.html">query Forms</A> ; Containing the query form definitions matching the search interfaces ; of "simplesearch.html" and "compoundsearch.html" #include "QueryForms.html" ; Collection basket checkout templates supporting the checkout CGI sample #include "CollBasketSample.html" ; Containing the default definitions of all definable templates. ; If you want to override a default definition, make changes in ; the "defaults" file. ; You may also put an overriding definition in one of the above files, ; but please note that if a definition appears more than once, ; the first one is taken. #include "defaults.html" ;Dit is de eigen definitie #include "topit.html"

24 Het geheel ziet er in een webbrowser ongeveer zo uit. Resultaat Pagina Collection basket

25 Checkout Page Een ingevulde checkoutpage Deze pagina wordt vanuit Filemaker Gepubliceerd, Alles wat hier gebeurt wordt in een Filemaker Database opgeslagen, ook de download link heb ik vanuit Filemaker geconstrueerd.

26 De download link. De reply page als er op één van de andere knoppen wordt geklikt. De filemaker database, zoals zichtbaar is heb ik op download en op CD geklikt.