PizzaDealer - HTML-Quelltext

Quelltext von pizza.html

index Anfang runter salat.html eatthis.js
Dies ist die Auflistung der Datei pizza.html, die ein Formular anzeigt, wie es Pizzadienste tun.

Im Gegensatz zu den meisten Pizzaseiten funktioniert das Teil nicht nur in Netscape4.x, Netscape6 und MSIE, sondern auch im Konqueror und in der Opera.

Im folgenden Quelltext sind wichtige Bereiche rot und Kommentare grün markiert.
index Anfang hoch runter salat.html eatthis.js 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="en">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<meta name="author" content="Ulrich Kritzner">
<meta name="robots" content="none">
<title>JavaScript - PizzaDealer - Demo</title>
<script type="text/javascript" src="eatthis.js"></script>
<script type="text/javascript">
<!--
var PizzaDealer;

function Update()
/* Formularfelder fuellen */
{
  if (document.pizzaform.mainoption)
  {
    document.pizzaform.mainoption.value=PizzaDealer.GetMainOption();
    document.pizzaform.options.value=PizzaDealer.GetOptions(", ");
    document.pizzaform.main.value=PizzaDealer.GetMainOptionValue();
    document.pizzaform.billig.value=PizzaDealer.GetOptionsClassValue("billig");
    document.pizzaform.mittel.value=PizzaDealer.GetOptionsClassValue("mittel");
    document.pizzaform.teuer.value=PizzaDealer.GetOptionsClassValue("teuer");
    document.pizzaform.wert.value=PizzaDealer.GetAllValue();
  }
}

/* neuen PizzaDealer anlegen */
PizzaDealer=new EatThis("PizzaDealer");

/* Bilder fuer die "checkboxen" laden */
PizzaDealer.LoadCheckImages("selected.gif","unselected.gif");

/* Pizzagroessen: */
PizzaDealer.AddMainOption("klein",3);
PizzaDealer.AddMainOption("mittel",5);
PizzaDealer.AddMainOption("gross",7);
PizzaDealer.AddMainOption("partytauglich",14);

/* Preisklassen fuer die Zutaten (je eine Zahl pro Pizzagroesse): */
PizzaDealer.AddOptionsClass("billig", 0.3, 0.5, 0.7, 1.4);
PizzaDealer.AddOptionsClass("mittel", 0.6, 1.0, 1.4, 2.8);
PizzaDealer.AddOptionsClass("teuer", 0.9, 1.5, 2.1, 4.2);
PizzaDealer.AddOptionsClass("none");

/* billige Zutaten: */
PizzaDealer.AddSubOption("Zwiebel","billig");
PizzaDealer.AddSubOption("Knoblauch","billig");
PizzaDealer.AddSubOption("Tomate","billig");
PizzaDealer.AddSubOption("Gurke","billig");
PizzaDealer.AddSubOption("Basilikum","billig");

/* mittelteure Zutaten: */
PizzaDealer.AddSubOption("Champignons","mittel");
PizzaDealer.AddSubOption("Ananas","mittel");
PizzaDealer.AddSubOption("Ei","mittel");
PizzaDealer.AddSubOption("Mais","mittel");
PizzaDealer.AddSubOption("Kaese","mittel");
PizzaDealer.AddSubOption("Mozzarella","mittel");

/* teure Zutaten: */
PizzaDealer.AddSubOption("Huhn","teuer");
PizzaDealer.AddSubOption("Hackfleisch","teuer");
PizzaDealer.AddSubOption("Schinken","teuer");
PizzaDealer.AddSubOption("Thunfisch","teuer");

/* Pizzamodelle: */
PizzaDealer.AddSubOption("Hawaii","none");
PizzaDealer.AddSubOption("Texas","none");
PizzaDealer.AddSubOption("vegetarisch","none");
PizzaDealer.AddSubOption("Mozzi","none");
PizzaDealer.AddSubOption("Tuna","none");

/* Und-Listen der Pizzamodelle: */
PizzaDealer.AddAndList("Hawaii","Ananas","Schinken","Kaese");
PizzaDealer.AddAndList("Texas","Hackfleisch","Zwiebel","Tomate","Mais");
PizzaDealer.AddAndList("vegetarisch","Zwiebel","Tomate","Champignons","Mais","Ei");
PizzaDealer.AddAndList("Mozzi","Basilikum","Tomate","Mozzarella");
PizzaDealer.AddAndList("Tuna","Tomate","Zwiebel","Thunfisch");
//-->
</script>
</head>
<body onLoad="PizzaDealer.Init(Update)">
<h4 align=center>Demo zur Verwendung von "eatthis.js"</h4>
<p align=center>
(c) 2002 <a href="../tohome.html">Ulrich Kritzner</a>
<br>
die Verwendung von "eatthis.js" in kommerziellen Seiten ist kostenpflichtig
<br>
<a href="index.html">zur&uuml;ck zum Index</a>
</p>
<h4 align=center>Stell Deine Pizza zusammen!</h4>
<form name="pizzaform">
<table cellpadding="2" cellspacing="1" border="0" align=center>
<tr><td style="background:#E0E0A0">
Gr&ouml;&szlig;e (<input type=text name="main" size="6" readonly> Credits):
</td><td style="background:#FFFFD0">
<script type="text/javascript"><!--
window.PizzaDealer.WriteMainOptions(" &nbsp; ",1);
//--></script>
</td></tr><tr><td style="background:#D0E0B0" align=center colspan="2">
Zutaten:
</td></tr><tr><td style="background:#D0E0A0">
zu je <input type=text name="billig" size="6" readonly> Credits:
</td><td style="background:#F0FFD0">
<script type="text/javascript"><!--
window.PizzaDealer.WriteOptions(" &nbsp; ","billig",1);
//--></script>
</td></tr><tr><td style="background:#D0E0A0">
zu je <input type=text name="mittel" size="6" readonly> Credits:
</td><td style="background:#F0FFD0">
<script type="text/javascript"><!--
window.PizzaDealer.WriteOptions(" &nbsp; ","mittel",1);
//--></script>
</td></tr><tr><td style="background:#D0E0A0">
zu je <input type=text name="teuer" size="6" readonly> Credits:
</td><td style="background:#F0FFD0">
<script type="text/javascript"><!--
window.PizzaDealer.WriteOptions(" &nbsp; ","teuer",1);
//--></script>
</td></tr><tr><td style="background:#D0E0B0" align=center colspan="2">
Vorauswahlen:
</td></tr><tr><td style="background:#F0FFD0" align=center colspan="2">
<script type="text/javascript"><!--
window.PizzaDealer.WriteOptions(" &nbsp; ","none");
//--></script>
</td></tr><tr><td style="background:#D0E0B0" align=center colspan="2">
<a href="javascript:PizzaDealer.CleanAll()">alle Zutaten abw&auml;hlen</a>
</td></tr>
</table>
<br>
<table cellpadding="2" cellspacing="1" border="0" align=center>
<tr><td style="background:#E0E0A0">
Gr&ouml;&szlig;e:<br>
</td><td style="background:#FFFFD0">
<input type=text name="mainoption" size="40" readonly>
</td></tr><tr><td style="background:#D0E0A0">
Zutaten:<br>
</td><td style="background:#F0FFD0">
<textarea name="options" rows="5" cols="40" wrap=virtual readonly></textarea>
</td></tr><tr><td style="background:#C0C0F0">
Gesamtwert:
</td><td style="background:#E0E0FF">
<input type=text name="wert" size="10" readonly> Credits
</td></tr>
</table>
</form>
</body>
</html>
index Anfang hoch salat.html eatthis.js
Autor: Ulrich Kritzner