Member START in CENTAUR2 / HTMLSRC

1.00 
 <!-- *** RESPONSIVE HTML *** -->
2.00 
 <HTML>
3.00 
 <HEAD>
4.00 
 <TITLE>Centaur demos</TITLE>
5.00 
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6.00 
 <META NAME="ABSTRACT"    CONTENT="The astonishing example of an e-commerce site developed with simple HTML and RPG/400">
7.00 
 <META NAME="DESCRIPTION" CONTENT="The astonishing example of an e-commerce site developed with simple HTML and RPG/400">
8.00 
 <META NAME="KEYWORDS" CONTENT="ibm,as400,cgi,wsg,internet,intranet,e-commerce,rpg,rpg400,html,easy400,free,download">
9.00 
 <meta name="author" content="Giovanni B. Perotti, Italy">
10.00 
 <meta name="contact" content="gb_perotti@easy400.net" />
11.00 
 <meta name="last update" content="2001-10-23" />
12.00 
 <meta name="review" content="2001-10-23" />
13.00 
 <meta name="security" content="Public" />
14.00 
 <meta name="expiration date" content="2010-12-31" />
15.00 
 <meta name="industries" content="Not Industry Specific" />
16.00 
 <meta name="ibm.country" content="IT" />
17.00 
 <meta name="language" content="EN" />
18.00 
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
19.00 
 <meta name="robots" content="index,follow" />
20.00 
 
21.00 
 <style type="text/css">
22.00 
 a:link {text-decoration: underline; color: #5566cc;}
23.00 
 a:visited {text-decoration: underline; color: #5566cc;}
24.00 
 a:active  {text-decoration: underline; color: #5566cc;}
25.00 
 a:hover {text-decoration: underline; color: #5566cc; background-color: #88ff99;}
26.00 
 th {font-size: 12pt; font-weight: bold; font-family: arial, helv; color: #CC6600;}
27.00 
 td {font-size: 10pt; font-family: arial, helv; color: "000000";}
28.00 
 .title {font-size: 18pt; font-weight: bold; font-family: arial, helv; color: #5566cc;}
29.00 
 .subtitle {font-size: 12pt; font-weight: bold; font-family: arial, helv; color: #5566cc;}
30.00 
 .subtitles {font-size: 10pt; font-weight: bold; font-family: arial, helv; color: #5566cc;}
31.00 
 .reg {font-size: 10pt; font-family: arial, helv; color: "000000";}
32.00 
 .mono {font-size: 8pt; font-family: courier; color: #000000;}
33.00 
 .small {font-size: 8pt; font-family: arial, helv; color: #000000;}
34.00 
 </style>
35.00 
 
36.00 
 <script language="JavaScript">
37.00 
 //===============================================================
38.00 
 // Open a window without toolbar
39.00 
 //===============================================================
40.00 
 function openWin(myurl) {
41.00 
     window.open(myurl,'','status,scrollbars,resizable,location')
42.00 
     return true
43.00 
 }
44.00 
 //===============================================================
45.00 
 // Open a window without toolbar and location
46.00 
 //===============================================================
47.00 
 function openWinNoloc(myurl) {
48.00 
     window.open(myurl,'','status,scrollbars,resizable')
49.00 
     return true
50.00 
 }
51.00 
 </script>
52.00 
 
53.00 
 </HEAD>
54.00 
 
55.00 
 <BODY text="black" bgcolor="white">
56.00 
 
57.00 
 <table>
58.00 
 <tr><td align=center class=title>
59.00 
         The Centaur Demos</td></tr>
60.00 
 <tr><td>
61.00 
         <style type="text/css">.floatLeft {float: left; margin: 7px;}</style>
62.00 
         <span class="floatLeft"><a href="http://www.easy400.net/easy400p/maindown.html#d03" target="_blank"
63.00 
         alt="download this demo" title="download this demo" border="0"><img
64.00 
         src="http://www.easy400.net/easy400/icons/centaur.jpg"></a></span>
65.00 
 
66.00 
         <p>The <b>Centaur</b> demos are used to demonstrate the power and the flexibility of the
67.00 
         <a href="http://cgidev2.easy400.net" target="_blank">CGIDEV2</a> WEB development method
68.00 
         authored by Mel Rothman.<br>
69.00 
         (Please note that
70.00 
         <a href=http://cgidev2.easy400.net target=_blank>CGIDEV2</a>
71.00 
         is a prerequisite for installing these demos.)
72.00 
         <p>The <b>Centaur</b> demos are not for newbies.<br>
73.00 
         Though they may look attractive,
74.00 
         to be understood they imply some familiarity
75.00 
         with Mel Rothman's CGI development method.<br>
76.00 
         This is why we do not recommend them
77.00 
         as a first step in learning Mel Rothman's method.<br>
78.00 
         If you are a beginner, you've better follow
79.00 
         the learning pattern in page
80.00 
         <a href="/cgidev2o/tips1.htm"
81.00 
          target="_blank">Tips for CGIDEV2 initial learning</a>.</p>
82.00 
         <p>There are two Centaur demos:
83.00 
         <ul>
84.00 
         <li><form>
85.00 
             <input type=button value="Go full"
86.00 
                    onClick=openWin("/centaur2p/cnt01.cgi?dummy=x")>
87.00 
              
88.00 
             This is the original demo, designed for full pages.<br>
89.00 
             It implements <i>Responsive HTML</i>, a HTML method that allows
90.00 
             to automatically resize, hide, shrink, or enlarge, a website,<br>
91.00 
             to make it look good on all devices (desktops, tablets, and phones).<br>
92.00 
             Read about it on <a href="https://www.w3schools.com/html/html_responsive.asp"
93.00 
             target="_blank">W3Schools</a>.
94.00 
             </form></li>
95.00 
         <li><form>
96.00 
             <input type=button value="Go frames"
97.00 
                    onClick=openWin("/centaur2h/frame01.htm")>
98.00 
              
99.00 
             This second demo was designed to run in frames,
100.00 
             this providing a better presentation,
101.00 
             though this approach implies further complexities.<br>
102.00 
             Some JavaScript had to be added to synchronize
103.00 
             the frames.
104.00 
             Besides, debugging CGI programs in frames
105.00 
             is not all of the times easy.
106.00 
             </form></li>
107.00 
         </ul></p>
108.00 
         <div class=reg>
109.00 
         <p>Please note that, to inhibit the <b>back</b> button
110.00 
         on the browser (such button, if used while entering an order,
111.00 
         may cause extra items been added to the order),
112.00 
         we open a new window <b>without the toolbar</b>.<br>
113.00 
         This is done through JavaScript function
114.00 
         <font face=courier>openWin</font> in this page.</p>
115.00 
         <p><form>
116.00 
         <p>You could also <b>remove the location</b> information,
117.00 
         thus even more shielding your web application, as it is done
118.00 
         through JavaScript function
119.00 
         <font face=courier>openWinNoloc</font> in this page.<br>
120.00 
         Try it:
121.00 
         <input type=button value="Go frames and shielded"
122.00 
                onClick=openWinNoloc("/centaur2h/frame01.htm")>
123.00 
         </form></p>
124.00 
         </td></tr>
125.00 
 <tr><td align=center height="30">
126.00 
         <a href="/centaur2p/dspsrc.cgi?htmllib=centaur2&htmlfile=htmlsrc&htmlmbr=start"
127.00 
            target="_blank">Display the source of this page</a>
128.00 
         </td></tr>
129.00 
 </table>
130.00 
 
131.00 
 </body></html>


0.034 sec.s