SaladDealer - HTML-Quelltext

Quelltext von salat.html

index Anfang runter pizza.html eatthis.js
Dies ist die Auflistung der Datei salat.html, die ein Formular anzeigt, wie es Pizzadienste für den Vertrieb von Salaten 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 pizza.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 - SaladDealer - Demo</title>
<script type="text/javascript" src="eatthis.js"></script>
<script type="text/javascript">
<!--
var SaladDealer;

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

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

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

/* Salatgroessen: */
SaladDealer.AddMainOption("klein",1.5);
SaladDealer.AddMainOption("gross",3);

/* Preisklassen fuer die Zutaten (je eine Zahl pro Salatgroesse): */
SaladDealer.AddOptionsClass("dressing", 0, 0);
SaladDealer.AddOptionsClass("billig", 0.4, 0.8);
SaladDealer.AddOptionsClass("mittel", 0.6, 1.2);
SaladDealer.AddOptionsClass("teuer", 0.8, 1.6);
SaladDealer.AddOptionsClass("none");

/* kostenlose Dressings: */
SaladDealer.AddSubOption("Yoghurt","dressing");
SaladDealer.AddSubOption("Knoblauch","dressing");
SaladDealer.AddSubOption("Kraeuter","dressing");

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

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

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

/* Salatmodelle: */
SaladDealer.AddSubOption("Chicken","none");
SaladDealer.AddSubOption("Tuna","none");
SaladDealer.AddSubOption("Chef","none");

/* Xor-Liste der Dressings: */
SaladDealer.AddXorList("Yoghurt","Knoblauch","Kraeuter");

/* Und-Listen der Salatmodelle: */
SaladDealer.AddAndList("Chicken","Huhn","Tomate","Gurke","Ei","Mais");
SaladDealer.AddAndList("Tuna","Thunfisch","Tomate","Gurke","Mais");
SaladDealer.AddAndList("Chef","Schinken","Tomate","Gurke","Ei","Mais","Zwiebel");
//-->
</script>
</head>
<body onLoad="SaladDealer.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 Deinen Salat zusammen!</h4>
<form name="saladform">
<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.SaladDealer.WriteMainOptions(" &nbsp; ",1);
//--></script>
</td></tr><tr><td style="background:#D0E0B0" align=center colspan="2">
Dressings (im Preis inbegriffen):
</td></tr><tr><td style="background:#F0FFD0" align=center colspan="2">
<script type="text/javascript"><!--
window.SaladDealer.WriteOptions(" &nbsp; ","dressing",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.SaladDealer.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.SaladDealer.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.SaladDealer.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.SaladDealer.WriteOptions(" &nbsp; ","none");
//--></script>
</td></tr><tr><td style="background:#D0E0B0" align=center colspan="2">
<a href="javascript:SaladDealer.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="4" 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 pizza.html eatthis.js
Autor: Ulrich Kritzner