Skip to content

Commit 1d58e33

Browse files
phoyhphoyh
committed
first foray into client side html/js scripting
0 parents  commit 1d58e33

21 files changed

Lines changed: 537 additions & 0 deletions

‎gallery/abes-recipes.png‎

46.6 KB
Loading

‎html/abes-recipes/index.htm‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<HTML>
2+
<body>
3+
<h1 align=center><u>Check out these dishes</u></h1>
4+
<ul><li><a href="shi2pu3.htm">
5+
the dummy one
6+
</a></li><li><a href="rezept.htm">
7+
the tricky one
8+
</a></li><li><a href="rezept2.htm">
9+
the gourmet's one
10+
</a></li></ul>
11+
</body></HTML>

‎html/abes-recipes/leftDef.htm‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
<HTML>
2+
<body bgColor="black">
3+
<image name="animFrame" src="../../img/abes-recipes/picIdle.jpg" width=64 height=100>
4+
</body></HTML>

‎html/abes-recipes/rezept.htm‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"><html><head><title> </title><meta name="author" content="Johannes Dieterich"><meta name="description" content=Das Rezept f&uuml;r Wodka Martini><meta name="keywords" content=web, engineering, praktikum, drinks, drink, wodka martini, bond,james bond, receipt><script language="JavaScript">
2+
<!--
3+
piPing=window.open("scripty3.htm","Pauls_Hilfe","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizeable=no,width=250,height=120");
4+
function closePiPing() {
5+
piPing.close();
6+
}
7+
function exec(s) {
8+
piPing.exec(s);
9+
}
10+
//-->
11+
</script>
12+
<STYLE TYPE="TEXT/CSS">a:link {text-decoration : none}</STYLE>
13+
</head>
14+
</head>
15+
<body bgcolor=#281E28 text=white onUnLoad="closePiPing()">
16+
<h1 align= center>Wodka Martini</h1><p align="center"><br>
17+
<img src="../Martini.jpg" alt="Wodka Martini" height="50%" border=1><br><br>
18+
<br> <h3>Folgende Zutaten werden ben&ouml;tigt:</h3>
19+
<table border=1><tr> <td> Eisw&uuml;rfel <td> 6-8 </tr>
20+
<tr> <td> Vermouth trocken <td> 1 cl </tr>
21+
<tr> <td> <a href="rezept.htm" onMouseOver="exec('1.Vor allem den Wodka nicht vergessen!')">Wodka</a> <td> 5 cl </tr>
22+
<tr> <td> Gr&uuml;ne Olive mit Stein <td> 1 </tr></table>
23+
<h3> Ausserdem sind folgende Utensilien hilfreich: </h3>
24+
<ul><li> R&uuml;hrglas oder Shaker
25+
<li> Barsieb
26+
<li> ein <a href="rezept.htm" onMouseOver="exec('1.Schrebt man das nicht Cocktailglas?')">Coktailglas</a>
27+
<li> Spie&szlig;chen</ul>
28+
<h3>Und so wirds gemacht:</h3>
29+
Eisw&uuml;rfel ins R&uuml;hrglas geben.
30+
Vermouth und Wodka hinzuf&uuml;gen und
31+
kr&auml;ftigverr&uuml;hren
32+
(Wenn man Bond hei&szlig;t kann man auch einen
33+
<a href="rezept.htm" onMouseOver="exec('1.Der mit dem tok-tok')">Shaker</a> nehmen).
34+
In das unbedingtvorgek&uuml;hlte Coktailglas abseihen
35+
und die <a href="rezept.htm" onMouseOver="exec('1.Wie grausam')">
36+
aufgespie&szlig;te</a> Olive hineinlegen.<br>
37+
Wohl bekomms!
38+
</p></body></html>

‎html/abes-recipes/rezept2.htm‎

Lines changed: 98 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
<HTML>
2+
<HEAD>
3+
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
4+
<META NAME="description" CONTENT="Seite zum Praktikum &quot;Web Engineering&quot;">
5+
<META NAME="keywords" CONTENT="Engineering, Web, Praktikum, engineering, web, praktikum, TecOWebE99, Web Engineering, Web Praktikum, Engineering Praktikum, Engineering Web, Praktikum Web, Web Engineering Praktikum, Web Praktikum Engineering, Praktikum Web Engineering, Engineering Web Praktikum, Engineering Praktikum Web, Praktikum Engineering Web">
6+
<META NAME="GENERATOR" CONTENT="Mozilla/4.05 [en] (X11; I; OSF1 V4.0 alpha) [Netscape]">
7+
<TITLE>Rezept fuer Zwetschgenknoedel</TITLE>
8+
<STYLE TYPE="TEXT/CSS">a:link {text-decoration : none}</STYLE>
9+
<script language="JavaScript">
10+
<!--
11+
piPing=window.open("scripty3.htm","Pauls_Hilfe","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizeable=no,width=250,height=120");
12+
function closePiPing() {
13+
piPing.close();
14+
}
15+
function exec(s) {
16+
piPing.exec(s);
17+
}
18+
//-->
19+
</script>
20+
</head>
21+
</HEAD>
22+
<BODY BGCOLOR="#fofoe1" onUnLoad="closePiPing()">
23+
24+
<H1 align="center"><font color="#000000"><b><u><a href="rezept2.htm" onMouseOver="exec('1.Hmm? Das hoert sich aber interessant an!')">Zwetschgenkn&ouml;del</a></u></b></font></H1>
25+
<br>
26+
<br>
27+
28+
<table width="100%">
29+
<tr>
30+
<td align="center">
31+
<table border bgcolor="#a0a0a0">
32+
<font size="4">
33+
<thead>
34+
<tr>
35+
<th width="50%" valign="middle">Zutaten</th>
36+
<th valign="middle">Menge</th>
37+
</tr>
38+
</thead>
39+
<tbody>
40+
<tr>
41+
<td valign="middle">Kartoffeln</td>
42+
<td valign="middle">750 g</td>
43+
</tr>
44+
<tr>
45+
<td valign="middle">Zwetschgen</td>
46+
<td valign="middle">750 g</td>
47+
</tr>
48+
<tr>
49+
<td valign="middle">Mehl</td>
50+
<td valign="middle">250 g</td>
51+
</tr>
52+
<tr>
53+
<td valign="middle">Eier</td>
54+
<td valign="middle">2</td>
55+
</tr>
56+
<tr>
57+
<td valign="middle">Salz</td>
58+
<td valign="middle">etwas</td>
59+
</tr>
60+
<tr>
61+
<td valign="middle">W&uuml;rfelzucker</td>
62+
<td valign="middle"><a href="rezept2.htm" onMouseOver="exec('1.Wird das nicht ziemlich suess?')">soviel wie Zwetschgen</a></td>
63+
</tr>
64+
<tr>
65+
<td valign="middle">Semmelbr&ouml;sel,<br> Mohn,<br> Zucker,<br> Butter</td>
66+
<td valign="middle">nach Belieben</td>
67+
</tr>
68+
</tbody>
69+
</font>
70+
</table>
71+
</td>
72+
<td align="center">
73+
<img src="../thomas/chef.gif" alt="Hier kocht der Chef!" border="5">
74+
</td>
75+
</tr>
76+
</table>
77+
78+
<font color="#000000">
79+
<h2 align="center">Zubereitung</h2>
80+
81+
<ol>
82+
<li>Kartoffeln kochen</li>
83+
<li>Kartoffeln durch Kartoffelpresse dr&uuml;cken</li>
84+
<li>abgek&uuml;hlte Kartoffeln, Mehl, Eier und Salz zu einem Teig verkneten</li>
85+
<li>Zwetschgen waschen und zur H&auml;lfte aufschneiden</li>
86+
<li><a href="rezept2.htm" onMouseOver="exec('1.Das nennt man auch nukleuphile Substitution...')">Stein entfernen und durch W&uuml;rfelzucker ersetzen</a></li>
87+
<li>Jede Zwetschge mit Kartoffelteig umh&uuml;llen und zu Kn&ouml;del formen (Der Teig
88+
muss ganz geschlossen sein!)</li>
89+
<li>In einem grossen Topf leicht gesalzenes Wasser zum kochen bringen</li>
90+
<li>Kn&ouml;del darin ca. 10-15 Minuten garen</li>
91+
<li>In einer Pfanne Semmelbr&ouml;sel, Mohn, Zucker und Butter erw&auml;rmen und
92+
die Kn&ouml;del darin w&auml;lzen</li>
93+
<li><a href="rezept2.htm" onMouseOver="exec('1.So schwer war das doch nicht!')">fertig</a></li>
94+
</ol>
95+
</font>
96+
97+
</BODY>
98+
</HTML>

‎html/abes-recipes/scripty3.htm‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<HTML>
2+
<head>
3+
<title>
4+
Abe's Help
5+
</title>
6+
<script src="../../js/abes-recipes-anim.js"></script>
7+
</head>
8+
<frameset frameborder=0 cols="80,*">
9+
<frame src="leftDef.htm" noresize name="comic" scrolling=no>
10+
<frame src="textDef.htm" name="text" scrolling=no>
11+
</frameset>
12+
</HTML>

‎html/abes-recipes/shi2pu3.htm‎

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
<html>
2+
<head>
3+
<title>
4+
Dummy-Rezept
5+
</title>
6+
<STYLE TYPE="TEXT/CSS">a:link {text-decoration : none}</STYLE>
7+
<script language="JavaScript">
8+
<!--
9+
piPing=window.open("scripty3.htm","Abes_Hilfe","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizeable=no,width=250,height=120");
10+
function closePiPing() {
11+
piPing.close();
12+
}
13+
function exec(s) {
14+
piPing.exec(s);
15+
}
16+
//-->
17+
</script>
18+
</head>
19+
<body onUnLoad="closePiPing()">
20+
<h1 align=center><a href="shi2pu3.htm" onMouseOver="exec('0.Die Pizza fuer Zwischendurch')">Dummy-Rezept: Tiefkuehlpizza</a></h1>
21+
<br>
22+
<table cols=2><tr><td>
23+
<h3><u>Benoetigt:</u><h3>
24+
<ul><li>
25+
<a href="shi2pu3.htm" onMouseOver="exec('1.Von mehreren Herstellern erhaeltlich')">Tiefkuehlpizza</a></li><li>
26+
Backofen, Grill, oder evtl.Mikrowelle
27+
</li></ul>
28+
<h3><u>Zubereitung:</u></h3>
29+
<table cols=2 width=2 border=3><tr>
30+
<th align=center>Schritt</th>
31+
<th align=center>Bemerkung</th>
32+
</tr><tr>
33+
<td><a href="shi2pu3.htm" onMouseOver="exec('1.Natuerlich ist zuvor die Verpackung zu entfernen')">Pizza</a> in Ofen stellen</td>
34+
<td>mit Grill/Mikrowelle analog</td>
35+
</tr><tr>
36+
<td>Ofen anwerfen</td>
37+
<td>s.o.</td>
38+
</tr><tr>
39+
<td>ca.15min warten</td>
40+
<td><a href="shi2pu3.htm" onMouseOver="exec('1.aha')">aktives Warten nicht empfohlen</a></td>
41+
</tr><tr>
42+
<td>rausnehmen & essen</td>
43+
<td>bon appetit</td></tr>
44+
</table>
45+
</td>
46+
<td align=right>
47+
<image src="../dummypizza.gif">
48+
</td></tr></table>
49+
</layer>
50+
</body>
51+
</html>

‎html/abes-recipes/textDef.htm‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<HTML>
2+
<body bgColor="black">
3+
</body></HTML>

0 commit comments

Comments
 (0)