DJSGT - Beispiel - HTML-Quelltext

Quelltext von djsgt1.html

index Anfang runter djsgt.js djsgtpe.js djsgtpe1.html djsgtpe2.html
Dies ist die Auflistung der Datei djsgt1.html, die einfachste Sachen unter Benutzung von djsgt.js auf eine Seite malt.

Im folgenden Quelltext sind wichtige Bereiche rot und Kommentare grün markiert.
index Anfang hoch runter djsgt.js djsgtpe.js djsgtpe1.html djsgtpe2.html 
<!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 - DJSGT - Demo</title>
<script type="text/javascript" src="djsgt.js"></script>
<script type="text/javascript">
<!--
/* wichtige globale Variablendeklarationen: */
var Image1=0;
var fontstyle1="style=\"color:#007000; font-family:helvetica,sans-serif; font-weight:bold; font-size:28px;\""
var fontstyle2="style=\"color:#700000; font-family:helvetica,sans-serif; font-size:18px;\""
var htmltext1="<img src=\"../droeppez.gif\" alt=\"\" align=right>";
htmltext1+="<p align=left "+fontstyle1+">Hallo Welt</p>";
var htmltext2="<p align=center "+fontstyle2+">Vektorgrafik in HTML-Seiten?<br>"
htmltext2+="Kein Problem!<br>DJSGT macht's m&ouml;glich.</p>";

function Init()
{

/* Hintergrund- und Vordergrund-Styleangaben fuer Bild setzen: */
  Image1.SetBackground("#FFFF00");
  Image1.SetBorder("2px solid #000070");

/* Rahmen erzeugen und in Bild einfuegen: */
  Frame1=new DJSGTFrame(4,4,390,290,"#FFFFDD","1px solid #700000");
  Frame1.ShowObject(Image1);

/* Balken erzeugen: */
  Bar1=new DJSGTBar(0,140,389,1,"#700000");

/* HTML-Bereiche erzeugen: */
  HTMLArea1=new DJSGTHTMLArea(35,30,320,150,htmltext1);
  HTMLArea2=new DJSGTHTMLArea(5,165,380,150,htmltext2);

/* Balken und HTML-Bereiche in Bild einfuegen: */
  Bar1.ShowObject(Frame1);
  HTMLArea1.ShowObject(Frame1);
  HTMLArea2.ShowObject(Frame1);

}
//-->
</script>
</head>

<body onLoad="Init();">

<h4 align=center>
Demo zur Verwendung von "djsgt.js"<br>
(DJSGT - Dr&ouml;ppez JavaScript Graphics Tool)
</h4>
<table align=center border="0" cellspacing="0" cellpadding="0"><tr><td>
<script type="text/javascript">
<!--

/* Bild auf der Seite erzeugen, Breite 260, Hoehe 260: */
Image1=new DJSGTImage(400,300);

//-->
</script>
</td></tr></table>
<p align=center>
(c) 2002 <a href="../../tohome.html">Ulrich Kritzner</a>
<br>
die Verwendung von "djsgt.js" in kommerziellen Seiten ist kostenpflichtig
<br>
<br>
<a href="index.html">zur&uuml;ck zum Index</a>
</p>

</body>
</html>
index Anfang hoch djsgt.js djsgtpe.js djsgtpe1.html djsgtpe2.html
Autor: Ulrich Kritzner