1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>SELFHTML: JavaScript / Objektreferenz / applets</title>
<link rel="stylesheet" type="text/css" href="../../src/selfhtml.css">
<meta name="description" content="Welche Aufgaben und Eigenschaften das applets-Objekt in JavaScript hat.">
<meta name="keywords" content="SELFHTML, JavaScript, Objekte, applets, length">
<meta name="author" content="Redaktion SELFHTML, selfhtml81@selfhtml.org">
<meta name="robots" content="noindex, nofollow">
<meta name="DC.Publisher" content="SELFHTML e. V.">
<meta name="DC.Date" content="2005-11-08T02:11:45+01:00">
<meta name="DC.Identifier" content="http://de.selfhtml.org/javascript/objekte/applets.htm">
<meta name="DC.Language" content="de">
<meta name="DC.Rights" content="../../editorial/copyright.htm">
<meta name="DC.Date.created" content="2001-10-27T08:00+01:00">
<meta name="SELF.Pagetype" content="page">
<link rel="alternate" type="application/atom+xml" title="SELFHTML-Weblog (Atom, gesamt)" href="http://aktuell.de.selfhtml.org/weblog/atom-feed">
<link rel="alternate" type="application/rss+xml" title="SELFHTML-Weblog (RSS, Auszge)" href="http://aktuell.de.selfhtml.org/weblog/rss-feed">
<link rel="shortcut icon" type="image/x-icon" href="../../src/favicon.ico">
<link rel="author" title="Impressum" href="../../editorial/impressum.htm">
<link rel="contents" title="Inhaltsverzeichnis" href="../../navigation/inhalt.htm">
<link rel="index" title="Stichwortverzeichnis" href="../../navigation/stichwort.htm">
<link rel="search" title="Suche" href="../../navigation/suche/index.htm">
<link rel="help" title="Hilfe" href="../../editorial/index.htm">
<link rel="copyright" title="Urheberrecht" href="../../editorial/copyright.htm">
<link rel="top" title="SELFHTML" href="../../index.htm">
<link rel="up" title="Objektreferenz" href="index.htm">
<link rel="next" title="forms" href="forms.htm">
<link rel="prev" title="anchors" href="anchors.htm">
<link rel="first" title="Hinweise zur JavaScript-Objektreferenz" href="hinweise.htm">
<link rel="last" title="Objektunabhngige Funktionen" href="unabhaengig.htm">
</head>
<body>
<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr>
<td colspan="2" class="nav"><a class="an" name="top"><img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"></a> <a href="../../index.htm">SELFHTML</a>/<a href="../../navigation/index.htm" target="_parent" class="navh">Navigationshilfen</a> <img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"> <a href="../index.htm">JavaScript/DOM</a> <img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"> <a href="index.htm">Objektreferenz</a></td>
</tr>
<tr>
<td class="doc" width="110"><a href="../../index.htm"><img src="../../src/logo.gif" width="106" height="109" border="0" alt="SELFHTML"></a></td>
<td class="docbot" width="100%"><h1 class="ph1">applets</h1></td>
</tr>
<tr>
<td class="doctop">
<img src="../../src/dokx.gif" width="30" height="20" vspace="6" alt="Informationsseite">
</td>
<td valign="top" nowrap="nowrap">
<p><img src="../../src/down.gif" width="14" height="10" alt="nach unten"> <a href="#allgemeines">applets: Allgemeines zur Verwendung</a><br>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten"> <a href="#zugriff">Zugriff auf Code in Java-Applets</a></p>
<h3>Eigenschaft:</h3>
<p><img src="../../src/down.gif" width="14" height="10" alt="nach unten"> <a href="#length">length</a> (Anzahl Java-Applets)</p>
</td>
</tr><tr><td colspan="2" class="doc"> <a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a> </td></tr>
</table>
<h2><a class="an" name="allgemeines">applets: Allgemeines zur Verwendung</a></h2>
<p>Mit dem Objekt <code>applets</code>, das in der JavaScript-Objekthierarchie unterhalb des <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="document.htm">document</a>-Objekts liegt, haben Sie Zugriff auf <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="../../html/multimedia/java_applets.htm">Java-Applets</a>, die in einer HTML-Datei definiert sind. Die einzige gewhnliche JavaScript-Objekteigenschaft des <code>applet</code>-Objekts ist die Anzahl der Java-Applets in einer Datei.</p>
<p>ber das <code>applets</code>-Objekts haben Sie jedoch auch <img src="../../src/down.gif" width="14" height="10" alt="nach unten"> <a href="#zugriff">Zugriff auf Code in Java-Applets</a>. Dazu mssen Sie das gewnschte Java-Applet ansprechen. Es stehen vier Arten zur Verfgung, mit JavaScript ein bestimmtes Java-Applet anzusprechen:</p>
<h3 class="xmp">Schema 1:</h3>
<pre>
document.applets[#].Methode();
</pre>
<h3 class="xmp">Schema 2:</h3>
<pre>
document.applets.AppletName.Methode();
</pre>
<h3 class="xmp">Schema 3:</h3>
<pre>
document.applets["AppletName"].Methode();
</pre>
<h3 class="xmp">Schema 4:</h3>
<pre>
document.AppletName.Methode();
</pre>
<h3 class="xpl">Erluterung:</h3>
<p>Java-Applets knnen Sie auf drei Arten ansprechen:</p>
<ul>
<li>mit einer Indexnummer (wie in Schema 1)<br>
Bei Verwendung von Indexnummern geben Sie <code>document.applets</code> an und dahinter in eckigen Klammern, das wie vielte Java-Applet in der Datei Sie meinen. Beachten Sie, dass der Zhler bei 0 beginnt, d.h. das erste Java-Applet sprechen Sie mit <code>applets[0]</code> an, das zweite Java-Applet mit <code>applets[1]</code> usw. Beim Zhlen gilt die Reihenfolge, in der die <code><applet></code>-Elemente in der Datei notiert sind.</li>
<li>mit Namen des Java-Applets (wie in Schema 2)<br>
Dabei wird das Java-Applet als Unterobjekt von <code>document.applets</code> angesprochen. Notieren Sie hinter <code>document.applets</code> einen Punkt zum Ansprechen des Unterobjekts und direkt dahinter den Namen, den Sie bei der Definition des Java-Applets im einleitenden <code><applet></code>-Tag im Attribut <code>name</code> angegeben haben.</li>
<li>mit Namen des Java-Applets als Indexnamen (wie in Schema 3)<br>
Diese Art ist eine zu Schema 2 quivalente Schreibweise, denn in JavaScript ist das Ansprechen von Unterobjekten ber <code>objekt.unterobjekt</code> gleichwertig zu <code>objekt["unterobjekt"]</code>. Notieren Sie wie beim Ansprechen mit Indexnummer hinter document.applets eckige Klammern. Innerhalb der eckigen Klammern notieren Sie in Anfhrungszeichen den Namen, den Sie bei der Definition des Java-Applets im einleitenden <code><applet></code>-Tag im Attribut <code>name</code> angegeben haben. Diese Schreibweise ist vor allem zum Zugriff auf Java-Applets ntzlich, deren Namen Sonderzeichen enthalten, welche den Zugriff nach Schema 2 unmglich machen. Sie knnen zwischen den eckigen Klammern auch eine String-Variable notieren, die den Ankernamen enthlt.</li>
<li>mit dem Namen des Java-Applets direkt (wie in Schema 4)<br>
Dabei geben Sie mit <code>document.AppletName</code> den Namen an, den Sie bei der Definition des Java-Applets im einleitenden <code><applet></code>-Tag im Attribut <code>name</code> angegeben haben.</li>
</ul>
<h2 class="inf">Beachten Sie:</h2>
<p>Gem dem HTML-spezifischen DOM greift z.B. <code>document.applets.Ankername</code> auf das <code>applet</code>- bzw. <code>object</code>-Elementobjekt zu, mit dem das Applet eingebunden ist. Auf diese Weise knnen Sie verschiedene Eigenschaften des Elementobjekts ansprechen und nutzen, die in der Referenz zum <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="htmlelemente.htm#applet">applet-Elementobjekt</a> und <a href="htmlelemente.htm#object">object-Elementobjekt</a> aufgelistet sind.</p>
<p class="doc"><a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a><a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a></p>
<h2><img src="../../src/js12.gif" width="30" height="30" alt="JavaScript 1.2" title="JavaScript 1.2"><img src="../../src/netsc4.gif" width="30" height="30" alt="Netscape 4.0" title="Netscape 4.0"><img src="../../src/msie5.gif" width="30" height="30" alt="MS IE 5.0" title="MS IE 5.0"><img src="../../src/op7.gif" width="30" height="30" alt="Opera 7" title="Opera 7"><img src="../../src/ffox1.gif" width="30" height="30" alt="Mozilla Firefox 1" title="Mozilla Firefox 1"><img src="../../src/konq31.gif" width="30" height="30" alt="Konqueror 3.1" title="Konqueror 3.1"><img src="../../src/saf1.gif" width="30" height="30" alt="Safari 1.0" title="Safari 1.0"> <a class="an" name="zugriff">Zugriff auf Code in Java-Applets</a></h2>
<p>Sie knnen direkt auf den Code eines laufenden Java-Applets zugreifen. Dazu mssen Sie jedoch den Quellcode des Java-Applets kennen (Dateien <code>*.java</code> vor dem Compilieren mit dem Java-Compiler).</p>
<p>Das folgende Beispiel zeigt das Prinzip. Nhere Informationen zur Vorgehensweise und zum Konzept des "lebendigen Drahts" ("LiveWire") zwischen JavaScript und Java finden Sie auf den <img src="../../src/en.gif" width="16" height="10" alt="englischsprachige Seite"> <a target="_top" href="http://web.archive.org/web/20031215233120/devedge.netscape.com/">Entwicklerseiten von Netscape (archivierte Version)</a> (Anmerkung: AOL als Besitzer von Netscape hat den Originalserver im Oktober 2004 abgeschaltet. Im Februar 2005 schloss die Mozilla Foundation mit AOL eine Vereinbarung, um die Inhalte bald wieder verfgbar zu machen. Bis dahin fhrt dieser Link zu einer Ende 2003 archivierten Version.)</p>
<h3 class="xmp">Beispiel Teil 1 - Quellcode eines Java-Applets:</h3>
<p><img src="../../src/dokf.gif" width="15" height="10" alt="Beispiel-Seite"> <a href="anzeige/HelloWorld.java">Anzeigebeispiel: So sieht's aus</a></p>
<pre>
import java.awt.Graphics;
import java.applet.Applet;
public class HelloWorld extends Applet
{
String myString ="Das ist mein Hallo-Text";
public void paint(Graphics g)
{
g.drawString(myString, 25, 20);
}
public void setString(String aString)
{
myString = aString;
repaint();
}
}
</pre>
<h3 class="xmp">Beispiel Teil 2 - HTML-Datei mit Java-Applet und JavaScript-Zugriff:</h3>
<p><img src="../../src/dokf.gif" width="15" height="10" alt="Beispiel-Seite"> <a href="anzeige/applets_zugriff.htm">Anzeigebeispiel: So sieht's aus</a></p>
<pre>
<html><head><title>Test</title>
</head><body>
<applet code="HelloWorld" name="Hallo" width="200" height="25">
</applet><br>
<form name="Eingabe" action="">
<input type="text" name="Text">
<input type="button" value="Test"
onclick="document.Hallo.setString(document.Eingabe.Text.value)">
</form>
</body></html>
</pre>
<h3 class="xpl">Erluterung:</h3>
<p>Im ersten Teil des Beispiels finden Sie den Quellcode eines Java-Applets, das einen Text am Bildschirm ausgibt. Auf den Quellcode wird hier nicht nher eingegangen. Achten Sie lediglich auf die letzte Methode, die in dem Quelltext definiert wird:<br>
<code>public void setString(String aString)</code><br>
Damit wird der definierte Text letztendlich am Bildschirm ausgegeben.</p>
<p>Im zweiten Teil des Beispiels wird angenommen, dass der Quellcode aus dem ersten Teil des Beispiels mit dem Java-Compiler zu einem Java-Applet mit dem Namen <var>HelloWorld.class</var> compiliert wurde. Dieses Java-Applet wird in der HTML-Datei mit dem <code><applet></code>-Tag eingebunden. Dabei erhlt das Applet mit dem <code>name</code>-Attribut den Namen <code>"Hallo"</code>.</p>
<p>Unterhalb davon wird ein Formular mit einem Eingabefeld und einem Button definiert. In dem Eingabefeld lsst sich ein Text eingeben. Beim Klick auf den Button wird der eingegebene Text an das Java-Applet "gesendet", und zwar so, dass der Text, den das Applet anzeigt, durch den eingegebenen Text ersetzt wird.</p>
<p>Dazu wird das Applet mit <code>document.Hallo</code> angesprochen. Dahinter wird keine JavaScript-Methode notiert, sondern direkt eine Methode aus dem Quellcode des Java-Applets, nmlich die Methode <code>setString()</code>. Diese Methode erwartet als Parameter eine Zeichenkette (siehe Quellcode des Java-Applets). Das JavaScript bergibt als Zeichenkette den Wert aus dem Eingabefeld des Formulars.</p>
<p>Der Umgang mit Formularen in JavaScript wird beim <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="forms.htm">forms</a>-Objekt und seinen Unterobjekten nher beschrieben.</p>
<h3 class="inf">Beachten Sie:</h3>
<p>Opera bis Version 6 und der Internet Explorer 5.0 Macintosh Edition interpretierten dieses Beispiel nicht.</p>
<p class="doc"><a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a><a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a></p>
<h2><img src="../../src/dom10.gif" width="30" height="30" alt="DOM 1.0" title="DOM 1.0"><img src="../../src/js10.gif" width="30" height="30" alt="JavaScript 1.0" title="JavaScript 1.0"><img src="../../src/netsc2.gif" width="30" height="30" alt="Netscape 2.0" title="Netscape 2.0"><img src="../../src/msie3.gif" width="30" height="30" alt="MS IE 3.0" title="MS IE 3.0"><img src="../../src/op512.gif" width="30" height="30" alt="Opera 5.12" title="Opera 5.12"><img src="../../src/ffox1.gif" width="30" height="30" alt="Mozilla Firefox 1" title="Mozilla Firefox 1"><img src="../../src/konq31.gif" width="30" height="30" alt="Konqueror 3.1" title="Konqueror 3.1"><img src="../../src/saf1.gif" width="30" height="30" alt="Safari 1.0" title="Safari 1.0"><img src="../../src/jsread.gif" width="60" height="30" alt="Lesen"> <a class="an" name="length">length</a></h2>
<p>Speichert, wie viele Java-Applets eine HTML-Datei enthlt.</p>
<h3 class="xmp">Beispiel:</h3>
<p><img src="../../src/dokf.gif" width="15" height="10" alt="Beispiel-Seite"> <a href="anzeige/applets_length.htm">Anzeigebeispiel: So sieht's aus</a></p>
<pre>
<html><head><title>Test</title>
</head><body>
<applet code="HelloWorld.class" name="Hallo" width="150" height="25">
</applet>
<script type="text/javascript">
document.write("Gefunden wurden " + document.applets.length + " Java-Applets")
</script>
</body></html>
</pre>
<h3 class="xpl">Erluterung:</h3>
<p>Mit <code>document.applets.length</code> knnen Sie die Anzahl der Java-Applets in einer HTML-Datei ermitteln. Das Beispiel enthlt zunchst HTML-Text mit einem Java-Applet und schreibt am Ende mit <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="document.htm">document</a>.<a href="document.htm#write">write()</a> dazu, wie viele Applets in der Datei gefunden wurden.</p>
<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr><td colspan="2" class="doc">
<a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a>
</td></tr>
<tr><td class="doc"><a href="forms.htm"><img src="../../src/next.gif" width="10" height="10" border="0" hspace="10" alt="weiter"></a></td>
<td width="100%"><img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="forms.htm">forms</a>
</td></tr>
<tr>
<td class="doc"><a href="anchors.htm"><img src="../../src/prev.gif" width="10" height="10" border="0" hspace="10" alt="zurck"></a></td>
<td><img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="anchors.htm">anchors</a>
</td>
</tr>
<tr><td colspan="2" class="doc"> </td>
</tr>
<tr>
<td colspan="2" class="nav"><a class="an" name="bottom"><img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"></a> <a href="../../index.htm">SELFHTML</a>/<a href="../../navigation/index.htm" target="_parent" class="navh">Navigationshilfen</a> <img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"> <a href="../index.htm">JavaScript/DOM</a> <img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"> <a href="index.htm">Objektreferenz</a></td>
</tr>
</table>
<p>© 2007 <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="../../editorial/impressum.htm">Impressum</a></p>
</body>
</html>
|
