|
|
|
|
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> |