Learn from sources
       star star Member BOATSCH1 in CGIDEV2 / DEMOHTML

 «!-- *** RESPONSIVE HTML *** --»
 «as400»top                   **** TOP SECTION
 Content-type: text/html
 X-XSS-Protection: 1;
 
 «!doctype html»
 «html»
 «head»«title»Response to Boats Search«/title»
 «meta name="viewport" content="width=device-width, initial-scale=1.0"»
 «meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"»
 «meta name="DOCUMENTCOUNTRYCODE" value="it"/»
 «meta name="DOCUMENTLANGUAGECODE" value="EN"/»
 «META NAME="ROBOTS" CONTENT="INDEX,NOFOLLOW"/»
 
 «link href="/cgidev2o/boatscss.mbr" rel="stylesheet" type="text/css"»
 
 «/head»
 «body»
 «table border=0 width="100%"»
 «tr»«td align="center" width="70%"»
         «table»
         «tr»«td align=center»
                 «img src="/cgidev/yw_logo.gif" style="width:75%;"
                  alt="YachtWorld.com" title="YachtWorld.com"»«/td»«/tr»
         «tr»«td class="title" align="center"»Boats Search Results«/td»«/tr»
         «tr»«td align="center"»«hr width="50%"»«/td»«/tr»
         «tr»«td align="center"»«b»Your search criteria:«/b»«/td»«/tr»
         «tr»«td class="small" align="center"»
                 Boat type=/%type%/
                 ;Mfg/Builder=/%maker%/
                 ;Length=/%minlen%/ to /%maxlen%/ /%units%/
                 ;Year built=/%minyea%/ to /%maxyea%/
                 ;Price=/%minpri%/ to /%maxpri%/
                 ;City=/%city%/
                 ;State=/%state%/
                 ;Country=/%country%/
                 ;
                 «/td»«/tr»
         «/table»
         «/td»«/tr»
 «as400»howmany               **** HOW MANY BOATS MATCH YOUR SEARCH
 «tr»«td align="center" width="70%"»
         «table»
         «tr»«td align="center" class="subtitle"»«b»
                 «hr»
                 /%boatscnt%/ boats matched your search«/b»
                 «/td»«/tr»
         «/table»
         «/td»«/tr»
 «as400»0found                **** ZERO FOUND
 «tr»«td align="center" width="70%"»
         «table»
         «tr»«td align="center" class="subtitle"»«b»
                  Please restart your search using less restrictive criteria«/b»
                  «/td»«/tr»
         «/table»
         «/td»«/tr»
 «as400»30more                **** MORE THAN 30 FOUND
 «tr»«td align="center" width="70%"»
         «table»
         «tr»«td class="subtitle"»«b»
                 More than 30 matches found.
                 Select «i»
                 «a href="#MORE"»Show /%boatsleft%/ More«/i»«/a»
                 below to see more matches.«/b»
                «/span»
                «/td»«/tr»
         «/table»
 «as400»tablestr              **** TABLE START
 «tr»«td align="center" width="70%"»
         «table»
         «tr»«td align="center" class="subtitle"»«b»
                 Click on the vessel to view one,
                 or select multiple vessels and choose
                 «a href="#SHOW"»«i»Show these vessels«/a»«/i»«/b»
                 «/td»«/tr»
         «/table»
         «/td»«/tr»
 «tr»«td align="center"»
         «table border=/%LB%/»
         «form method="post" action="/cgidev2p/boatsch2.pgm"»
         «input type=hidden name=lng     value="/%LNG%/"»
 «as400»tablerow              **** TABLE ROW
         «tr»«td rowspan="2" valign="top"»«input type="checkbox" name="serno" value="/%bnbr%/"»«/td»
             «td rowspan="2" valign="top" align="right"»/%blen%//%usymb%/«/td»
             «td colspan="3"»«a href="/cgidev2p/boatsch2.pgm?serno=/%bnbr%/&bckgnd=/%BCKGND%//%bmaker%/ /%btype%/«/a»
                 «/td»«/tr»
         «tr»«td»/%byear%/«/td»
             «td align=right»/%bprice%/«/td»
             «td»/%bcity%/«/td»«/tr»
 «as400»tableend              **** TABLE END
         «/table»
         «br»
 «as400»foundsome             **** FORM SUBMIT
         «table»
         «tr»«td»«input type="hidden" name="bckgnd" value="/%BCKGND%/"»
                 «a name="SHOW"»«input type="submit" VALUE="Show these vessels"»«/a»«/td»
         «/form»
 «as400»showmore              **** SHOW THE NEXT PAGE
         «form method=get  action="/cgidev2p/boatsch1.pgm"»
         «input type=hidden name=lng     value="/%LNG%/"»
         «input type=hidden name=bckgnd  value="/%BCKGND%/"»
         «input type=hidden name=lstbrd  value="/%n%/"»
         «input type=hidden name=boatnbr value="/%a%/"»
         «input type=hidden name=type    value="/%b%/"»
         «input type=hidden name=maker   value="/%c%/"»
         «input type=hidden name=units   value="/%d%/"»
         «input type=hidden name=minlen  value="/%e%/"»
         «input type=hidden name=maxlen  value="/%f%/"»
         «input type=hidden name=minyea  value="/%g%/"»
         «input type=hidden name=maxyea  value="/%h%/"»
         «input type=hidden name=minpri  value="/%i%/"»
         «input type=hidden name=maxpri  value="/%j%/"»
         «input type=hidden name=city    value="/%k%/"»
         «input type=hidden name=state   value="/%l%/"»
         «input type=hidden name=country value="/%m%/"»
             «td align=right»
                 «a name="MORE"»«input type=submit value="Show /%boatsleft%/ more"»«/a»
                 «/td»«/tr»
         «/form»
 «as400»noinput               **** INPUT STRING WAS EMPTY
 «tr»«td align="center"»
         «table»
         «tr»«td»«span class=subtitle»
                 Your input got lost.«br»
                 Go back and start a new search.
                 «/span»
                 «/td»«/tr»
 «as400»endhtml               **** END OF PAGE
         «/table»
         «table»
         «tr»«td class="small" align="center"»«hr»
                 This page served by «STRONG»IBM i /%protocol%/«/STRONG» server.«br»
                 Server response time was /%runtime%/ seconds
                 «/td»«/tr»
         «/table»
 
         «/td»«/tr»
 «/table»
 «br»«br»
 «/body»
 «/html»
0.026 sec.s