Member START in CENTAUR2 / HTMLSRC

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


0.047 sec.s