Webdesign mit JavaScript & Ajax
|
|
- Julia Albrecht
- vor 8 Jahren
- Abrufe
Transkript
1
2 00 Webdesign.book Seite III Freitag, 6. Oktober : AUFLAGE Webdesign mit JavaScript & Ajax Nick Heinle, Bill Peña & Ulrich Speidel Beijing Cambridge Farnham Köln Paris Sebastopol Taipei Tokyo
3 00 Webdesign.book Seite IV Freitag, 6. Oktober :16 10 Die Informationen in diesem Buch wurden mit größter Sorgfalt erarbeitet. Dennoch können Fehler nicht vollständig ausgeschlossen werden. Verlag, Autoren und Übersetzer übernehmen keine juristische Verantwortung oder irgendeine Haftung für eventuell verbliebene Fehler und deren Folgen. Alle Warennamen werden ohne Gewährleistung der freien Verwendbarkeit benutzt und sind möglicherweise eingetragene Warenzeichen. Der Verlag richtet sich im wesentlichen nach den Schreibweisen der Hersteller. Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen. Kommentare und Fragen können Sie gerne an uns richten: O Reilly Verlag Balthasarstr Köln Tel.: 0221/ Fax: 0221/ kommentar@oreilly.de Copyright: 2006 by O Reilly Verlag GmbH & Co. KG 1. Auflage Auflage 2006 Die Darstellung von R2D2 im Zusammenhang mit dem Thema JavaScript ist ein Warenzeichen des O Reilly Verlags. Bibliografische Information Der Deutschen Bibliothek Die Deutsche Bibliothek verzeichnet diese Publikation in der Deutschen Nationalbibliografie; detaillierte bibliografische Daten sind im Internet über abrufbar. Lektorat: Inken Kiupel, Köln Fachgutachten: Denny Carl, Berlin Korrektorat: Sibylle Feldmann, Düsseldorf Satz: DREI-SATZ, Husby Umschlaggestaltung: Michael Oreal, Köln Produktion: Andrea Miß, Köln Belichtung, Druck und buchbinderische Verarbeitung: Druckerei Kösel, Krugzell; ISBN ISBN Dieses Buch ist auf 100% chlorfrei gebleichtem Papier gedruckt.
4 00 Webdesign.book Seite V Freitag, 6. Oktober :16 10 First Inhalt Vorwort Einstieg in JavaScript Eigene Vor- und Zurück-Buttons nutzen Beschreibende Links einfügen Tag-und-Nacht-Skript Mit Fenstern arbeiten Grundlagen bei der Arbeit mit Fenstern Neue Fenster öffnen Mit Fernbedienungsfenstern arbeiten Formulare und Validierung Einführung in Formulare Madlibs Die Formulareingabe überprüfen Ist das wirklich Ihre -Adresse? Überprüfungen Ordnung durch Arrays Was sind Arrays? Werden Sie unberechenbar! Das Datum richtig angeben Auswahlmenüs Browser und Plugins erkennen Mit welchem Browser haben wir es zu tun? Plugins ermitteln Das Betriebssystem ermitteln VII V
5 00 Webdesign.book Seite VI Freitag, 6. Oktober : Eine Site mit Hilfe von Cookies anpassen Was ist ein Cookie? Einfache Cookie-Operationen Ein Willkommensgruß an neue Besucher Formulare, die sich erinnern Benutzerdefinierte Seiten Dynamic HTML Was ist DHTML? Das Document Object Model Dynamische Cascading Style Sheets Mit Layern vertraut werden Browsererkennung Interaktive DHTML-Verfahren Drop-down-Menüs Gleitende Register Layer mit eingeschränktem Anzeigebereich scrollen Anwendungen für Fortgeschrittene Objektorientiertes Skripting Testen Sie Ihre Leser Relationale Menüs Weiterführende Informationen Einfaches Ajax Wozu eigentlich Ajax? HTTP-Requests mit JavaScript-Objekten Eine einfache Chat-Anwendung mit Ajax Ajax und XML Eine Schach-Anwendung mit Ajax Das Design des Schachspiels Die Implementierung auf der Clientseite Das serverseitige Skript A Häufig verwendete JavaScript-Objekte B Event-Handler C Stileigenschaften D JavaScript-Syntax Index Links VI Inhalt
6 00 Webdesign.book Seite 69 Freitag, 6. Oktober :16 10 First Kapitel 4Getting in Line with Arrays KAPITEL 4 In diesem Kapitel: Hier Was Mini sind Arrays? IVZ eingeben! Werden Sie unberechenbar! Das Datum richtig angeben Auswahlmenüs Ordnung durch Arrays Erstellen auf den Arbeitsseiten (siehe Muster) Abstand untere Tabellenlinie zu Textanfang 1,8 cm -> also: manuell auf den Arbeitsseiten ziehen!!! Es gibt keine bessere Art, Informationen zu ordnen, als mit Hilfe von Arrays. Dieses Kapitel stellt die Arrays vor: was sie sind, wie sie funktionieren und wie man sie verwendet. Anschließend werden Sie Beispiele für die Arbeit mit Arrays kennenlernen. Zuerst erfahren Sie, wie Sie Ihre Website mit zufällig generiertem Inhalt ausstatten: Klänge, Bilder und Text werden sich ständig ändern. Dann zeigen wir, wie Sie Zahlen aus einem Date-Objekt in die Namen von Wochentagen und Monaten umwandeln können. Und schließlich werden wir Arrays mit Formularen kombinieren und damit eine einfache Navigationshilfe schaffen, die Platz spart und die Strukturierung Ihrer Website erleichtert. Was sind Arrays? Ein Array können Sie sich als eine einzige, gerade Reihe von Menschen vorstellen, die alle etwas in der Hand halten. Da es sich um eine einzelne Reihe handelt, also nie mehrere Personen nebeneinander stehen, können wir jeder Person eine Nummer zuweisen. Wenn Sie sagen:»würde mir die erste Person in der Reihe bitte zeigen, was sie in der Hand hält?«, dann zeigt die Person an der Spitze der Reihe, was sie hält. Durch die Bitte»Würde mir die neunundneunzigste Person in der Reihe zeigen, was sie in der Hand hält?«zeigt die neunundneunzigste Person, was sie hält. Das ist äußerst nützlich, da Sie nicht die Namen aller Personen zu kennen brauchen, sondern nur ihre jeweilige Position in der Reihe. Um die Verbindung zu JavaScript herzustellen, müssen wir natürlich die Begriffe ein wenig verändern. Die Menschenreihe ist ein Array. Jede Person in der Reihe ist ein Element des Arrays, und das, was sie in der Hand hält, sind die im Element gespeicherten Daten. Um in JavaScript ein Array zu erstellen, erzeugen wir einfach ein neues Array- Objekt: var leute = new Array( ); 69
7 00 Webdesign.book Seite 70 Freitag, 6. Oktober :16 10 Dieser Code erzeugt ein neues Array namens leute. Auf die Elemente dieses Arrays greifen wir zu, indem wir die Nummer des Elements in eckige Klammern ([]) setzen. Das erste Element des Arrays leute sieht also folgendermaßen aus: leute[0]; Beachten Sie, dass das erste Element im Array nicht 1 ist, sondern 0. Diese Eigentümlichkeit hat JavaScript mit fast allen anderen Programmiersprachen gemeinsam. Für einen Computer mag es zwar logisch sein, bei 0 mit dem Zählen zu beginnen, aber Menschen kann es durchaus schwerfallen, sich darauf einzustellen. Sie müssen sich einfach angewöhnen, bei der Arbeit mit Arrays (und Zeichenketten, wie wir in Kapitel 3 gesehen haben) immer mit 0 zu beginnen. Wenn man gerade erst anfängt, JavaScript zu lernen, kann man das leicht übersehen und erhält dann Fehler im Code. Falls Sie also Probleme mit einem Skript haben, das Arrays verwendet, sollten Sie erst einmal nachprüfen, ob Sie die Elemente richtig nummeriert haben. Um dem ersten Element des Arrays leute einige Daten zu übergeben, verwenden wir die gleiche Syntax wie bei einer normalen Variablen: leute[0] = "meine Daten"; Hier hat das erste Element im Array den Wert»meine Daten«. Das war einfach, oder? Nun wollen wir diese Array-Begriffe auf einige echte Skripten anwenden. Links 0, 1, 2, Denken Sie daran: Das erste Element eines Arrays ist das Element 0. Fehler beim Nummerieren der Array-Elemente können zu unerwarteten Ergebnissen führen und zu Bugs, die nur schwer zu finden sind! Werden Sie unberechenbar! Möchten Sie Ihre Website mit Zufallszitaten, -bildern oder -klängen attraktiver machen? Sie können z.b. zufällig ausgewählte Zitate (Quote of the Day) oder einen zufällig generierten Satz anzeigen, der aus zufällig ausgewählten Substantiven, Adjektiven und Verben besteht. Zufallsskripten sind nicht nur eine amüsante Art, Ihre Website interessanter zu gestalten, sondern auch eine gute Möglichkeit, mehr über Arrays zu lernen. Das Array Damit wir etwas zufällig generieren können, müssen wir zuerst ein Array (also eine Liste) von Wörtern, Zitaten, Bildern oder anderen HTML-Objekten anlegen. Natürlich benötigen wir zuerst einmal Informationen, die sich dann zufällig auswählen lassen; dafür können wir alles von einfachen Wörtern bis hin zu eingebetteten Klängen, Bildern oder Java-Applets verwenden. Beispiel 4-1 zeigt ein Zitat- 70 Kapitel 4: Ordnung durch Arrays
8 00 Webdesign.book Seite 71 Freitag, 6. Oktober :16 10 Rechts Array. Die erste Zeile erzeugt ein neues Array namens zitat, und die folgenden fünf Zeilen geben den ersten fünf Elementen des Arrays Werte. Beispiel 4-1: Ein Array für zufällig generierte Zitate var zitat = new Array( ); zitat[0] = "Der Ball ist rund, und das Spiel dauert 90 Minuten"; zitat[1] = "Schaun mer mal, dann sehn mer schon"; zitat[2] = "Schalke 05"; zitat[3] = "Das Geheimnis des Fußballs ist ja der Ball"; zitat[4] = "Es steht 1:1, genauso gut könnte es umgekehrt stehen"; Sobald wir die Zitate in das Array eingefügt haben, können wir leicht auf sie zugreifen. Die folgende Zeile zeigt, wie Sie das erste Zitat mit document.write( ) ausgeben: document.write(zitat[0]); Dadurch wird»der Ball ist rund, und das Spiel dauert 90 Minuten«ausgegeben, das erste Element im Array zitat. Wenn wir zitat[1] an document.write( ) übergeben, wird das Zitat»Schaun mer mal, dann sehn mer schon«ausgegeben, wenn wir zitat[2] übergeben, wird»schalke 05«ausgegeben usw. Zufallszahlen generieren Nachdem wir die Zitate in ein Array eingefügt haben, müssen wir sie noch zufällig auswählen. Dafür verwenden wir einen sogenannten Zufallszahlengenerator, der genau das macht, was sein Name impliziert: Er generiert Zufallszahlen. Um einen Zufallswert zu generieren, verwenden wir die integrierte JavaScript-Funktion mit Namen Math.random( ). Beispiel 4-2 zeigt den entsprechenden Code. Beispiel 4-2: Ein Zufallszahlengenerator function zufallszahl(n) { zahl = Math.floor(Math.random( ) * (n + 1)); return zahl; Die Funktion zufallszahl( ), die eine Zufallszahl zwischen 0 und ihrem Argument n zurückgibt, nutzt zwei integrierte JavaScript-Funktionen. Die erste, Math.random( ), generiert eine Zufallszahl zwischen 0.0 und 1.0. Um diese in eine Zufallszahl zwischen 0 und n umzuwandeln, multiplizieren wir mit n+1 und runden dann mit der zweiten integrierten JavaScript-Funktion, Math.floor( ), auf die nächstliegende ganze Zahl ab. Die letzte Zeile dieser Funktion ist zwar einfach, aber wichtig. Sie gibt die generierte Zufallszahl zurück, was bedeutet, dass die Zufallszahl an der Stelle eingefügt wird, an der wir die Funktion ursprünglich ausgeführt haben. Abbildung 4-1 veranschau- Werden Sie unberechenbar! 71
9 00 Webdesign.book Seite 72 Freitag, 6. Oktober :16 10 licht dies. Anders ausgedrückt: Wir können den Zufallszahlengenerator folgendermaßen ausführen, um eine Zufallszahl zwischen 0 und 5 zu erhalten: Links Abbildung 4-1: Zufallszahlen verwenden document.write(zufallszahl(5)); Außerdem können wir den Ergebniswert von zufallszahl( ) in einer Variablen speichern: var zahl = zufallszahl(5); Zufallszugriff auf Array-Elemente Nun müssen wir den Zufallszahlengenerator auf das Array der Zitate anwenden. Wie machen wir das? Zuerst müssen wir die Anzahl der Elemente im Array kennen. In JavaScript hat jedes Array die Eigenschaft length, die die Anzahl der Elemente angibt, die es enthält. Beim Vergleich mit einer Menschenschlange wäre dies also die Anzahl der Personen in der Reihe. Die Anzahl der Elemente im Array zitat erhalten wir demnach folgendermaßen: zitat.length Mit length können wir eine Zufallszahl generieren, um auf ein zufälliges Element des Arrays zuzugreifen: zufallszahl(zitat.length); 72 Kapitel 4: Ordnung durch Arrays
10 00 Webdesign.book Seite 73 Freitag, 6. Oktober :16 10 Rechts Wir wissen, dass zitat fünf Elemente enthält. Demzufolge liefert uns diese Codezeile eine Zufallszahl zwischen 0 und 5. Das ist jedoch noch nicht ganz das, was wir möchten. Da das erste Element eines Arrays in JavaScript das Element 0 und im Array zitat das letzte Element zitat[4] ist, benötigen wir also eine Zufallszahl zwischen 0 und 4. Dies erreichen wir mit der folgenden Zeile: zufallszahl(zitat.length - 1); Nun brauchen wir nur noch dasjenige Element des Arrays zu extrahieren, das mit der Zufallszahl übereinstimmt. Den Code für die Generierung der Zufallszahl können wir dort einfügen, wo die Anzahl der Array-Elemente hingehört, und schon haben wir ein zufällig ausgewähltes Zitat: zitat[zufallszahl(zitat.length - 1)]; Schließlich geben wir dieses Zitat noch mit document.write() aus: document.write(zitat[zufallszahl(zitat.length - 1)]); Beispiel 4-3 zeigt den vollständigen Quellcode des Skripts für die zufällige Generierung eines Zitats. Beispiel 4-3: Eine Seite mit zufällig ausgewähltem Zitat <html> <head> <title>zufällig ausgewähltes Zitat</title> <script language="javascript"> // Erzeuge das Array. var zitat = new Array( ); zitat[0] = "Der Ball ist rund, und das Spiel dauert 90 Minuten"; zitat[1] = "Schaun mer mal, dann sehn mer schon"; zitat[2] = "Schalke 05"; zitat[3] = "Das Geheimnis des Fußballs ist ja der Ball"; zitat[4] = "Es steht 1:1, genauso gut könnte es umgekehrt stehen"; // Zufallszahlengenerator function zufallszahl(n) { zahl = Math.floor(Math.random( ) * (n + 1)); return zahl; </script> </head> <body bgcolor="#ffffff" text="#000000"> <script language="javascript"> // Zeige das zufällig ausgewählte Zitat an. document.write(zitat[zufallszahl(zitat.length - 1)]); </script> </body> </html> Werden Sie unberechenbar! 73
11 00 Webdesign.book Seite 74 Freitag, 6. Oktober :16 10 Zufallsklänge und -bilder Sie können nicht nur zufällig generierte Wörter anbieten, sondern auch Bilder, Java- Applets und andere HTML-Objekte oder irgendeine Kombination aus diesen Objekten verwenden. Fügen Sie diese Elemente einfach direkt in ein Array ein und verwenden Sie die Array-Elemente dann ganz nach Bedarf. Wenn Sie z.b. ein Zufallsbild generieren möchten, können Sie den folgenden Code verwenden: var bild = new Array( ); bild[0] = "image1.gif" bild[1] = "image2.gif" bild[2] = "image3.gif" bild[3] = "image4.gif Damit erstellen Sie ein Array mit vier Bilddateien. Um diese zufällig anzuzeigen, ändern Sie das Skript in Beispiel 4-3 einfach so ab, dass es ein img-tag ausgibt, das ein Zufallselement aus dem Array bild anzeigt: document.write("<img src='" + bild[zufallszahl(bild.length -1)] + "'/>"); Links Das Datum richtig angeben In Kapitel 1 haben Sie das Date-Objekt kennengelernt. Dort haben wir besprochen, wie man auf verschiedene Zeiteinheiten zugreift, das aktuelle Datum anzeigt und den Unterschied (in Tagen) zwischen zwei Daten ermittelt. Allerdings haben wir nicht erklärt, wie man auf einer Seite ein vollständig formatiertes Datum anzeigt (z.b. Montag, 31. Juli 2006). Beispiel 4-4 löst dieses kleine Problem mit Hilfe der»assoziationsfähigkeit«von Arrays. Beispiel 4-4: Ein vollständig formatiertes Datum ausgeben <html> <head> <title>das Datum angeben</title> </head> <body> <script language="javascript"> // Array von Wochentagnamen. var tagesnamen = new Array( ); tagesnamen[0] = "Sonntag"; tagesnamen[1] = "Montag"; tagesnamen[2] = "Dienstag"; tagesnamen[3] = "Mittwoch"; tagesnamen[4] = "Donnerstag"; tagesnamen[5] = "Freitag"; tagesnamen[6] = "Samstag"; 74 Kapitel 4: Ordnung durch Arrays
12 00 Webdesign.book Seite 75 Freitag, 6. Oktober :16 10 Rechts Beispiel 4-4: Ein vollständig formatiertes Datum ausgeben (Fortsetzung) // Array von Monatsnamen. var monatsnamen = new Array( ); monatsnamen[0] = "Januar"; monatsnamen[1] = "Februar"; monatsnamen[2] = "März"; monatsnamen[3] = "April"; monatsnamen[4] = "Mai"; monatsnamen[5] = "Juni"; monatsnamen[6] = "Juli"; monatsnamen[7] = "August"; monatsnamen[8] = "September"; monatsnamen[9] = "Oktober"; monatsnamen[10] = "November"; monatsnamen[11] = "Dezember"; // Elemente des Date-Objekts werden Variablen zugewiesen. var jetzt = new Date( ); var tag = jetzt.getday( ); var monat = jetzt.getmonth( ); var jahr = jetzt.getfullyear( ); var datum = jetzt.getdate( ); // Code, der das vollständig formatierte Datum ausgibt. // (z.b. Montag, der 31. Juli 2006) document.write("<h1>" + tagesnamen[tag] + ", der " + datum + ". "); document.write(monatsnamen[monat] + " " + jahr + "</h1>"); </script> </body> </html> Im Grunde genommen verbindet dieses Skript die numerisch formatierten Daten von JavaScript mit solchen, die Sie und ich verstehen. Wenn man z.b. den Wochentag mit getday( ) direkt aus dem Date-Objekt holt, ist er eine Zahl zwischen 0 und einschließlich 6. Das Skript in Beispiel 4-4 verwendet das Array tagesnamen, das die vollständigen Namen aller Wochentage enthält. Das erste Element, tagesnamen[0], enthält das Wort»Sonntag«, das zweite Element, tagesnamen[1], enthält das Wort»Montag«usw. bis»samstag«in tagesnamen[6]. Wenn das Skript JavaScript nach dem Wochentag fragt, gibt jetzt.getday( ) eine Zahl zwischen 0 und einschließlich 6 zurück, die in der Variablen tag gespeichert wird. Am Donnerstag ist tag also 4. Wenn wir 4 in tagesnamen einfügen, greifen wir auf tagesnamen[4] zu, das»donnerstag«enthält, also genau das, was wir anzeigen möchten. Diesen Prozess verwenden wir auch für Monatsnamen. Diese sind in einem eigenen Array, monatsnamen, gespeichert. Im Juli gibt jetzt.getmonth( ) den Wert 6 zurück (nicht 7, da Januar nicht der Monat 1, sondern der Monat 0 ist), den wir in der Variablen monat speichern. Fügen wir 6 in das Array monatsnamen ein, erhalten wir»juli«. Das Datum richtig angeben 75
13 00 Webdesign.book Seite 76 Freitag, 6. Oktober :16 10 Die letzten beiden Zeilen sind am wichtigsten: Sie zeigen auf der Seite das formatierte Datum an, indem sie die numerischen Datumswerte in die entsprechenden Arrays einfügen, wie wir es bereits erklärt haben. Falls der Wert von tag also 1, der Wert von monat 6, der Wert von datum 30 und der Wert von jahr 2005 ist, zeigt das Skript»Montag, der 31. Juli 2006«an. Abbildung 4-2 veranschaulicht dies. Achten Sie darauf, dass das Jahr und der Monatstag nicht eigens formatiert werden müssen. Links Abbildung 4-2: Ein vollständig formatiertes Datum, das mit Arrays von Wochentag- und Monatsnamen erzeugt wurde Auswahlmenüs Das Auswahlmenü (ein Pop-up-Menü in einem Formular) ist ein hervorragendes Mittel, wenn Sie auf einer Website Platz sparen müssen. (Beschriften Sie es jedoch unbedingt klar, damit die Anwender alle Auswahlmöglichkeiten erkennen können.) Abbildung 4-3 zeigt, dass Auswahlmenüs sehr viele Optionen enthalten können, aber nur sehr wenig Platz einnehmen, wenn sie gerade nicht verwendet werden. Die Startseite des BBC World Service enthält sogar zwei solche JavaScript-Auswahlmenüs, über die die Anwender schnell zu ihrer gewünschten Sprache navigieren und ihre gesuchten Programme auswählen können. Mit JavaScript wird das alles lokal gemacht, so dass man nicht erst warten muss, bis der Server die Informationen verarbeitet hat. In diesem Abschnitt werden Sie lernen, wie Sie einer Seite mit JavaScript dieses Popup-Auswahlmenü hinzufügen können. Das Skript geht in drei Schritten vor: Erstellen von Arrays für die Namen und die URLs der Seiten Anzeigen des Formulars auf der Seite Erstellen des»spring«-codes Die Arrays erzeugen Zuerst müssen wir zwei Arrays erzeugen. Das erste Array enthält die Namen der Seiten, die wir im Auswahlmenü angeben möchten. Das zweite Array, das gemeinsam mit dem ersten verwendet wird, enthält die URLs dieser Seiten. 76 Kapitel 4: Ordnung durch Arrays
14 00 Webdesign.book Seite 77 Freitag, 6. Oktober :16 10 Rechts Abbildung 4-3: Das BBC-Auswahlmenü mit direkten Links zu beliebten Programmen Im Gegensatz zu den Arrays im Zufallsskript mit den Zitaten werden die Arrays im Skript für das Auswahlmenü nicht elementweise, sondern auf einmal erzeugt. Das ist einfach eine Kurzform, durch die Ihr Code schlanker wird. Sehen Sie sich das Array seiten in Beispiel 4-5 genau an. Die Daten für dieses Array werden direkt an die Funktion übergeben, die das Array einrichtet.»wählen Sie eine Seite«repräsentiert die Daten in seiten[0], dem ersten Element des Arrays,»Autos«die Daten in seiten[1], dem zweiten Element des Arrays, usw. Beispiel 4-5: Die beiden Arrays, die im Auswahlmenü verwendet werden // Das Array seiten enthält die Beschreibung der Seiten. var seiten = new Array( "Wählen Sie eine Seite", "Autos", "Karriere", "Computing", Auswahlmenüs 77
15 00 Webdesign.book Seite 78 Freitag, 6. Oktober :16 10 Beispiel 4-5: Die beiden Arrays, die im Auswahlmenü verwendet werden (Fortsetzung) "Entertainment", "Spiele"); Links // Das Array urls enthält die URLs der Seiten. var urls = new Array( "", "autos.html", "karriere.html", "computing.html", "entertainment.html", "spiele.html"); Das Array seiten enthält die Namen (Beschreibungen) der Seiten, die im Auswahlmenü angezeigt werden sollen. Das Array urls enthält die URLs, die diesen Beschreibungen entsprechen. So ist»autos«z.b. das zweite Element im Array seiten; wenn»autos«im Auswahlmenü gewählt wird, wird die Seite unter der Adresse autos.html geladen, da diese das zweite Element im Array urls ist. Achten Sie unbedingt darauf, dass die Positionen der Elemente im Array seiten mit den Positionen der Elemente im Array urls übereinstimmen. Das erste Element im Array seiten,»wählen Sie eine Seite«, macht überhaupt nichts, da das entsprechende Element im Array urls leer ("") ist.»wählen Sie eine Seite«dient nur dazu, die Besucher darauf hinzuweisen, dass sie hier tatsächlich etwas anklicken können. Das Menü anzeigen Nun müssen wir das Auswahlmenü auf der Seite anzeigen. Was könnte dafür besser geeignet sein als JavaScript? Da wir diesen Prozess automatisieren können, brauchen wir die Namen der Seiten nicht neu zu schreiben. Beispiel 4-6 zeigt den entsprechenden Code. Beispiel 4-6: Das Auswahlmenü erstellen <script language="javascript"> document.write('<form>'); document.write('<select name="wahlmenue" onchange="zuseite(this.form);">'); for (var i = 0; i < seiten.length; i++) { document.write('<option>' + seiten[i] + '</option>'); document.write('</select>'); document.write('</form>'); </script> Dieser Code erscheint auf den ersten Blick vielleicht etwas verwirrend. Gehen wir ihn also Schritt für Schritt durch. Die erste Zeile des Skripts zeigt das Formular auf der Seite an, und die zweite Zeile beginnt damit, das Auswahlmenü zu erstellen, wobei sie ihm den Namen wahlmenue gibt. Außerdem gibt diese Zeile den Event- Handler onchange für das Auswahlmenü an. Sobald der Anwender ein Element des 78 Kapitel 4: Ordnung durch Arrays
16 00 Webdesign.book Seite 79 Freitag, 6. Oktober :16 10 Rechts Menüs auswählt, führt das Skript die Funktion zuseite() aus, die die ausgewählte Seite in das Browserfenster lädt. Anschließend zeigt eine for-schleife alle Optionen (Seitennamen) im Auswahlmenü an. Eine for-schleife ist ein häufig verwendetes Programmierkonstrukt, das einen angegebenen Codeblock so lange wiederholt, bis eine bestimmte Bedingung erfüllt ist. In JavaScript hat die for-schleife die folgende Syntax: for (Initialisierung; Bedingung; ändere etwas an der Laufvariablen) { führe diesen Code aus Eine for-schleife besteht aus vier Hauptteilen: dem Initialisierungscode, der Bedingung, dem Code, der etwas an der Laufvariablen ändert, und dem Code, der ausgeführt wird. Die ersten drei Teile stehen in runden Klammern hinter for und sind durch Semikola voneinander getrennt. Danach folgt der vierte Teil in geschweiften Klammern. Der Initialisierungscode wird nur einmal ausgeführt; er ist das Erste, was die for- Schleife macht. Dann prüft die for-schleife die Bedingung. Falls diese erfüllt ist (true), führt die Schleife den Code in den geschweiften Klammern aus, geht dann zum letzten Element in den runden Klammern (dem Änderungscode) zurück und führt diesen Code aus. Anschließend wird dieser Prozess wiederholt, wobei die for- Schleife prüft, ob die Bedingung weiterhin auf die geänderte Laufvariable zutrifft, um festzustellen, ob der Code in geschweiften Klammern erneut ausgeführt werden soll. Falls die Bedingung erfüllt ist (true), wird der Code in den geschweiften Klammern ausgeführt, dann wird der Änderungscode ausgeführt, dann die Bedingung geprüft usw. Irgendwann sollte die Bedingung nicht mehr erfüllt sein (false), wodurch die Wiederholung beendet wird. Abbildung 4-4 zeigt, wie eine for- Schleife funktioniert. Abbildung 4-4: So funktioniert eine for-schleife. Auswahlmenüs 79
17 00 Webdesign.book Seite 80 Freitag, 6. Oktober :16 10 Sehen wir uns dies nun konkret an der for-schleife in Beispiel 4-6 an: for (var i = 0; i < seiten.length; i++) { document.write('<option>' + seiten[i] + '</option>'); Diese Schleife erzeugt zuerst die Variable i und setzt sie auf 0. Dies ist der Initialisierungscode für die for-schleife. Anschließend fragt die for-schleife:»ist i kleiner als die Länge des Arrays seiten?«da die Länge von seiten 6 und i gleich 0 ist, ist die Bedingung true, und die for-schleife führt den Code innerhalb der geschweiften Klammern aus. Nun erhöht die for-schleife den Wert von i um 1 (i++), fragt, ob i noch immer kleiner ist als die Länge des Arrays seiten, und führt den Code innerhalb der geschweiften Klammern aus, falls dies zutrifft. Dieser Prozess wird wiederholt, bis i gleich der Länge des Arrays seiten ist. Dann ist die Schleife abgeschlossen, da die Bedingung nicht mehr true ist. Wie werden nun die Seitenbeschreibungen angezeigt? Bei jeder Wiederholung der Schleife erzeugt document.write( ) ein option-element, das eine der Seitenbeschreibungen aus dem Array seiten anzeigt. So ist z.b. beim ersten Durchlauf der for- Schleife i gleich 0. Wenn i in das Array seiten eingefügt wird (seiten[i]), erhalten wir das erste Element des Arrays»Wählen Sie eine Seite«. Beim zweiten Schleifendurchlauf erhalten wir das zweite Element,»Autos«. Bei jeder Wiederholung der Schleife wird i um 1 hochgesetzt, so dass jede Beschreibung in ein eigenes option- Element eingefügt wird, bis das Ende des Arrays seiten erreicht ist. Sobald alle Optionen für das Auswahlmenü auf der Seite angezeigt werden, werden Menü und Formular abgeschlossen. Abbildung 4-5 zeigt unsere Auswahlliste. Links Abbildung 4-5: Unser Auswahlmenü Zu der Seite springen Der letzte Schritt bei der Initialisierung des Auswahlmenüs ist die Erstellung der Funktion, die zu der ausgewählten Seite springt. Wie Sie in Kapitel 3 bereits gelernt haben, kann ein Formular sich selbst an eine Funktion übergeben. Genau dies 80 Kapitel 4: Ordnung durch Arrays
18 00 Webdesign.book Seite 81 Freitag, 6. Oktober :16 10 Rechts haben wir in Beispiel 4-6 gemacht, als wir this.form als Teil des Event-Handlers onchange für das Auswahlmenü an die Funktion zuseite( ) übergeben haben. Beispiel 4-7 zeigt die Funktion zuseite( ). Beispiel 4-7: Die Funktion zuseite( ) function zuseite(form) { var i = form.wahlmenue.selectedindex; if (i!= 0) { window.location = urls[i]; Die Funktion zuseite( ) verwendet die Eigenschaft selectedindex des Auswahlmenüs (wahlmenue), um zu ermitteln, welche Option ausgewählt wurde. Wenn z.b. die erste Option ausgewählt wurde, ist der Wert von selectedindex 0. Wurde die zweite Option ausgewählt, ist der Wert 1. Mit diesen Informationen ermittelt die Funktion, welche URL sie liefern muss. Da die erste Option im Auswahlmenü,»Wählen Sie eine Seite«, nichts macht, ändert die Funktion die Seite nicht, falls selectedindex gleich 0 ist. Indem Sie diese Zeile in eine if-anweisung einfügen, können Sie der Funktion mitteilen, dass sie die Fensteradresse nur ändern soll, falls i ungleich 0 ist. Die letzte Zeile ist die wichtigste, da sie den Anwender mit window.location zu der URL für die ausgewählte Seite bringt. Hier kommt das Array urls ins Spiel. Das Skript sucht einen Eintrag im Array urls, der mit der ausgewählten Option übereinstimmt, und ermittelt dadurch, welches Dokument es laden soll. Falls der Anwender z.b. die zweite Option (»Autos«) ausgwählt hat, gibt das Auswahlmenü für selectedindex den Wert 1 zurück. Da sich das Array urls und das Array seiten gegenseitig spiegeln, entspricht»autos«autos.html, und das Skript springt zu dieser URL. Beispiel 4-8 zeigt den vollständigen Code für das Auswahlmenü-Skript. Wenn Sie es für Ihre eigene Website verwenden möchten, geben Sie Ihre Seitennamen und URLs an. Vergessen Sie nicht, noch einmal zu überprüfen, ob die Elemente in den Arrays wirklich übereinstimmen. Beispiel 4-8: Quellcode für das vollständige Auswahlmenü-Skript <html> <head> <title>auswahlmenü</title> <script language="javascript"> // Das Array seiten enthält die Beschreibung der Seiten. var seiten = new Array( "Wählen Sie eine Seite", "Autos", "Karriere", Auswahlmenüs 81
19 00 Webdesign.book Seite 82 Freitag, 6. Oktober :16 10 Beispiel 4-8: Quellcode für das vollständige Auswahlmenü-Skript (Fortsetzung) "Computing", "Entertainment", "Spiele"); Links // Das Array urls enthält die URLs der Seiten. var urls = new Array( "", "autos.html", "karriere.html", "computing.html", "entertainment.html", "spiele.html"); // Die Funktion zuseite( ) ermittelt, welche Seite ausgewählt wurde, und springt zu ihr. function zuseite(form) { var i = form.wahlmenue.selectedindex; if (i!= 0) { window.location = urls[i]; </script> </head> <body> <p>wählen Sie eine Seite:</p> <script language="javascript"> // Das Auswahlmenü wird überall dort angezeigt, wo Sie diesen Code einfügen. document.write('<form>'); document.write('<select name="wahlmenue" onchange="zuseite(this.form);">'); for (var i = 0; i < seiten.length; i++) { document.write('<option>' + seiten[i] + '</option>'); document.write('</select>'); document.write('</form>'); </script> </body> </html> 82 Kapitel 4: Ordnung durch Arrays
Wir arbeiten mit Zufallszahlen
Abb. 1: Bei Kartenspielen müssen zu Beginn die Karten zufällig ausgeteilt werden. Wir arbeiten mit Zufallszahlen Jedesmal wenn ein neues Patience-Spiel gestartet wird, muss das Computerprogramm die Karten
Mehr1. Adressen für den Serienversand (Briefe Katalogdruck Werbung/Anfrage ) auswählen. Die Auswahl kann gespeichert werden.
Der Serienversand Was kann man mit der Maske Serienversand machen? 1. Adressen für den Serienversand (Briefe Katalogdruck Werbung/Anfrage ) auswählen. Die Auswahl kann gespeichert werden. 2. Adressen auswählen,
MehrDas sogenannte Beamen ist auch in EEP möglich ohne das Zusatzprogramm Beamer. Zwar etwas umständlicher aber es funktioniert
Beamen in EEP Das sogenannte Beamen ist auch in EEP möglich ohne das Zusatzprogramm Beamer. Zwar etwas umständlicher aber es funktioniert Zuerst musst du dir 2 Programme besorgen und zwar: Albert, das
MehrEnigmail Konfiguration
Enigmail Konfiguration 11.06.2006 Steffen.Teubner@Arcor.de Enigmail ist in der Grundkonfiguration so eingestellt, dass alles funktioniert ohne weitere Einstellungen vornehmen zu müssen. Für alle, die es
MehrDer 67 Euro Report zeigt Ihnen, wie Sie Sofort 67 im Internet verdienen!
Der 67 Euro Report zeigt Ihnen, wie Sie Sofort 67 im Internet verdienen! Urheberrechtshinweis Die Informationen und Anleitungen in diesem Report sind sorgfältig von mir geprüft und recherchiert. Dieses
MehrDas Google Analytics-Buch. Cathrin Tusche
Das Google Analytics-Buch Cathrin Tusche Die Informationen in diesem Buch wurden mit größter Sorgfalt erarbeitet. Dennoch können Fehler nicht vollständig ausgeschlossen werden. Verlag, Autoren und Übersetzer
MehrHandbuch. NAFI Online-Spezial. Kunden- / Datenverwaltung. 1. Auflage. (Stand: 24.09.2014)
Handbuch NAFI Online-Spezial 1. Auflage (Stand: 24.09.2014) Copyright 2016 by NAFI GmbH Unerlaubte Vervielfältigungen sind untersagt! Inhaltsangabe Einleitung... 3 Kundenauswahl... 3 Kunde hinzufügen...
MehrAnlage eines neuen Geschäftsjahres in der Office Line
Leitfaden Anlage eines neuen Geschäftsjahres in der Office Line Version: 2016 Stand: 04.11.2015 Nelkenweg 6a 86641 Rain am Lech Stand: 04.11.2015 Inhalt 1 Zielgruppe... 3 2 Zeitpunkt... 3 3 Fragen... 3
MehrGeld Verdienen im Internet leicht gemacht
Geld Verdienen im Internet leicht gemacht Hallo, Sie haben sich dieses E-book wahrscheinlich herunter geladen, weil Sie gerne lernen würden wie sie im Internet Geld verdienen können, oder? Denn genau das
MehrLineargleichungssysteme: Additions-/ Subtraktionsverfahren
Lineargleichungssysteme: Additions-/ Subtraktionsverfahren W. Kippels 22. Februar 2014 Inhaltsverzeichnis 1 Einleitung 2 2 Lineargleichungssysteme zweiten Grades 2 3 Lineargleichungssysteme höheren als
Mehr5 DATEN. 5.1. Variablen. Variablen können beliebige Werte zugewiesen und im Gegensatz zu
Daten Makro + VBA effektiv 5 DATEN 5.1. Variablen Variablen können beliebige Werte zugewiesen und im Gegensatz zu Konstanten jederzeit im Programm verändert werden. Als Variablen können beliebige Zeichenketten
MehrErstellen einer Collage. Zuerst ein leeres Dokument erzeugen, auf dem alle anderen Bilder zusammengefügt werden sollen (über [Datei] > [Neu])
3.7 Erstellen einer Collage Zuerst ein leeres Dokument erzeugen, auf dem alle anderen Bilder zusammengefügt werden sollen (über [Datei] > [Neu]) Dann Größe des Dokuments festlegen beispielsweise A4 (weitere
MehrStundenerfassung Version 1.8 Anleitung Arbeiten mit Replikaten
Stundenerfassung Version 1.8 Anleitung Arbeiten mit Replikaten 2008 netcadservice GmbH netcadservice GmbH Augustinerstraße 3 D-83395 Freilassing Dieses Programm ist urheberrechtlich geschützt. Eine Weitergabe
MehrPfötchenhoffung e.v. Tier Manager
Pfötchenhoffung e.v. Tier Manager A.Ennenbach 01.08.2015 Tier Manager Inhalt Administrationsbereich Tiere auflisten & suchen Tier hinzufügen Tier bearbeiten (Status ändern, etc.) Administrationsbereich
Mehr2.1 Sicherheits-Zonen... 3 2.2 ActiveX-Steuerelemente... 5 2.3 Skripting... 7 2.4 Verschiedenes... 8 3 Erweitert... 9
Einrichtungshinweise Microsoft Internet Explorer 9 Dieses Dokument beschreibt Einrichtungshinweise für den Microsoft Internet Explorer 9, die von myfactory International GmbH empfohlen werden, um myfactory
MehrNovell Client. Anleitung. zur Verfügung gestellt durch: ZID Dezentrale Systeme. Februar 2015. ZID Dezentrale Systeme
Novell Client Anleitung zur Verfügung gestellt durch: ZID Dezentrale Systeme Februar 2015 Seite 2 von 8 Mit der Einführung von Windows 7 hat sich die Novell-Anmeldung sehr stark verändert. Der Novell Client
MehrWarten auf Ereignisse
Abb. 1: Diese Botschaften wurden von dem Programm WINSIGHT aufgezeichnet. Warten auf Ereignisse Wenn wir in einem Windows-Programm eine Schaltfläche anklicken, wenn wir die Maus bewegen oder eine Taste
MehrWie melde ich meinen Verein bei BOOKANDPLAY an?
Wie melde ich meinen Verein bei BOOKANDPLAY an? Geben Sie in Ihrem Internet-Browser (bitte benutzen Sie immer Mozilla Firefox) als Adresse www.bookandplay.de ein. Anmerkung: Wir empfehlen Ihnen auch allgemein
MehrFunktionsbeschreibung Website-Generator
Funktionsbeschreibung Website-Generator Website-Generator In Ihrem Privatbereich steht Ihnen ein eigener Websitegenerator zur Verfügung. Mit wenigen Klicks können Sie so eine eigene Website erstellen.
MehrDiese Anleitung wurde erstellt von Niclas Lüchau und Daniel Scherer. Erste Anmeldung. Schritt 1: Anmeldung..2. Schritt 2: Passwort setzen 3
Diese Anleitung wurde erstellt von Niclas Lüchau und Daniel Scherer Inhalt Erste Anmeldung. Schritt 1: Anmeldung..2 Schritt 2: Passwort setzen 3 Schritt 3: Nachträgliches Ändern des Passworts..4 Schreiben
MehrPraxiswissen TYPO3 CMS 7 LTS
Praxiswissen TYPO3 CMS 7 LTS 8. AUFLAGE Praxiswissen TYPO3 CMS 7 LTS Robert Meyer & Martin Helmich Robert Meyer & Martin Helmich Lektorat: Alexandra Follenius Korrektorat: Sibylle Feldmann Herstellung:
MehrWie halte ich Ordnung auf meiner Festplatte?
Wie halte ich Ordnung auf meiner Festplatte? Was hältst du von folgender Ordnung? Du hast zu Hause einen Schrank. Alles was dir im Wege ist, Zeitungen, Briefe, schmutzige Wäsche, Essensreste, Küchenabfälle,
MehrLehrer: Einschreibemethoden
Lehrer: Einschreibemethoden Einschreibemethoden Für die Einschreibung in Ihren Kurs gibt es unterschiedliche Methoden. Sie können die Schüler über die Liste eingeschriebene Nutzer Ihrem Kurs zuweisen oder
Mehr1. Einführung. 2. Alternativen zu eigenen Auswertungen. 3. Erstellen eigener Tabellen-Auswertungen
1. Einführung Über die Tabellen-Auswertungen können Sie eigene Auswertungen nach Ihren Wünschen erstellen. Diese Auswertungen werden immer anhand der aktuellen Daten aus orgamax ermittelt, Sie können also
MehrProfessionelle Seminare im Bereich MS-Office
Serienbrief aus Outlook heraus Schritt 1 Zuerst sollten Sie die Kontakte einblenden, damit Ihnen der Seriendruck zur Verfügung steht. Schritt 2 Danach wählen Sie bitte Gerhard Grünholz 1 Schritt 3 Es öffnet
MehrPrimzahlen und RSA-Verschlüsselung
Primzahlen und RSA-Verschlüsselung Michael Fütterer und Jonathan Zachhuber 1 Einiges zu Primzahlen Ein paar Definitionen: Wir bezeichnen mit Z die Menge der positiven und negativen ganzen Zahlen, also
MehrAnleitung über den Umgang mit Schildern
Anleitung über den Umgang mit Schildern -Vorwort -Wo bekommt man Schilder? -Wo und wie speichert man die Schilder? -Wie füge ich die Schilder in meinen Track ein? -Welche Bauteile kann man noch für Schilder
MehrSchrittweise Anleitung zur Erstellung einer Angebotseite 1. In Ihrem Dashboard klicken Sie auf Neu anlegen, um eine neue Seite zu erstellen.
Schrittweise Anleitung zur Erstellung einer Angebotseite 1. In Ihrem Dashboard klicken Sie auf Neu anlegen, um eine neue Seite zu erstellen. Klicken Sie auf Neu anlegen, um Ihre neue Angebotseite zu erstellen..
MehrErweiterung der Aufgabe. Die Notenberechnung soll nicht nur für einen Schüler, sondern für bis zu 35 Schüler gehen:
VBA Programmierung mit Excel Schleifen 1/6 Erweiterung der Aufgabe Die Notenberechnung soll nicht nur für einen Schüler, sondern für bis zu 35 Schüler gehen: Es müssen also 11 (B L) x 35 = 385 Zellen berücksichtigt
MehrKurzübericht der implementierten Funktionen der Fachinformatiker -== Info Datenbank ==-
Kurzübericht der implementierten Funktionen der Fachinformatiker -== Info Datenbank ==- Einleitung : Zu Beginn möchte ich kurz den Sinn dieser Datenbank erläutern. Als Webmaster der Fachinformatiker -==
MehrFormulare & Zähler. Erstellen von Formularen & Zählern mit FrontPage- oder ASP-Erweiterungen ZUGEHÖRIGE INFORMATIONEN
Formulare & Zähler Erstellen von Formularen & Zählern mit FrontPage- oder ASP-Erweiterungen ZUGEHÖRIGE INFORMATIONEN Ziel des vorliegenden Dokumentes ist es, einer mit Internet vertrauten Person zu ermöglichen,
MehrGelassenheit gewinnen 30 Bilder für ein starkes Selbst
Gelassenheit gewinnen 30 Bilder für ein starkes Selbst Barbara Burghardt Gelassenheit gewinnen 30 Bilder für ein starkes Selbst Wie Sie Ihren inneren Reichtum neu entdecken 2., verbesserte Auflage Barbara
MehrL10N-Manager 3. Netzwerktreffen der Hochschulübersetzer/i nnen Mannheim 10. Mai 2016
L10N-Manager 3. Netzwerktreffen der Hochschulübersetzer/i nnen Mannheim 10. Mai 2016 Referentin: Dr. Kelly Neudorfer Universität Hohenheim Was wir jetzt besprechen werden ist eine Frage, mit denen viele
MehrFlyer, Sharepics usw. mit LibreOffice oder OpenOffice erstellen
Flyer, Sharepics usw. mit LibreOffice oder OpenOffice erstellen Wir wollen, dass ihr einfach für eure Ideen und Vorschläge werben könnt. Egal ob in ausgedruckten Flyern, oder in sozialen Netzwerken und
MehrDYNAMISCHE SEITEN. Warum Scriptsprachen? Stand: 11.04.2005. CF Carola Fichtner Web-Consulting http://www.carola-fichtner.de
DYNAMISCHE SEITEN Warum Scriptsprachen? Stand: 11.04.2005 CF Carola Fichtner Web-Consulting http://www.carola-fichtner.de I N H A L T 1 Warum dynamische Seiten?... 3 1.1 Einführung... 3 1.2 HTML Seiten...
MehrAufklappelemente anlegen
Aufklappelemente anlegen Dieses Dokument beschreibt die grundsätzliche Erstellung der Aufklappelemente in der mittleren und rechten Spalte. Login Melden Sie sich an der jeweiligen Website an, in dem Sie
MehrProfessionelle Seminare im Bereich MS-Office
Der Name BEREICH.VERSCHIEBEN() ist etwas unglücklich gewählt. Man kann mit der Funktion Bereiche zwar verschieben, man kann Bereiche aber auch verkleinern oder vergrößern. Besser wäre es, die Funktion
MehrNicht kopieren. Der neue Report von: Stefan Ploberger. 1. Ausgabe 2003
Nicht kopieren Der neue Report von: Stefan Ploberger 1. Ausgabe 2003 Herausgeber: Verlag Ploberger & Partner 2003 by: Stefan Ploberger Verlag Ploberger & Partner, Postfach 11 46, D-82065 Baierbrunn Tel.
MehrAuf der linken Seite wählen Sie nun den Punkt Personen bearbeiten.
Personenverzeichnis Ab dem Wintersemester 2009/2010 wird das Personenverzeichnis für jeden Mitarbeiter / jede Mitarbeiterin mit einer Kennung zur Nutzung zentraler Dienste über das LSF-Portal druckbar
MehrInstallation OMNIKEY 3121 USB
Installation OMNIKEY 3121 USB Vorbereitungen Installation PC/SC Treiber CT-API Treiber Einstellungen in Starke Praxis Testen des Kartenlesegeräts Vorbereitungen Bevor Sie Änderungen am System vornehmen,
MehrArbeiten mit UMLed und Delphi
Arbeiten mit UMLed und Delphi Diese Anleitung soll zeigen, wie man Klassen mit dem UML ( Unified Modeling Language ) Editor UMLed erstellt, in Delphi exportiert und dort so einbindet, dass diese (bis auf
MehrFotogalerie mit PWGallery in Joomla (3.4.0) erstellen
Fotogalerie mit PWGallery in Joomla (3.4.0) erstellen Als ersten Schritt müssen wir alle Fotos die in die Galerie sollen hochladen. Wir gehen davon aus, dass das Plugin PWGallery bereits installiert und
MehrLizenzierung von StarMoney 10 bzw. StarMoney Business 7 durchführen
Lizenzierung von StarMoney 10 bzw. StarMoney Business 7 durchführen In dieser Anleitung möchten wir Ihnen die Lizenzierung der StarMoney 10 bzw. StarMoney Business 7 erläutern. In dieser Anleitung beziehen
MehrDatenbanken Kapitel 2
Datenbanken Kapitel 2 1 Eine existierende Datenbank öffnen Eine Datenbank, die mit Microsoft Access erschaffen wurde, kann mit dem gleichen Programm auch wieder geladen werden: Die einfachste Methode ist,
MehrAlltag mit dem Android Smartphone
2 Alltag mit dem Android Smartphone 5. Viele Nutzer von Google-Konten nutzen diese zwar für Mail und Kalender, aber noch nicht für Google+. Bei der Einrichtung auf dem Smartphone erscheint jetzt eine Frage,
MehrDer Kalender im ipad
Der Kalender im ipad Wir haben im ipad, dem ipod Touch und dem iphone, sowie auf dem PC in der Cloud einen Kalender. Die App ist voreingestellt, man braucht sie nicht laden. So macht es das ipad leicht,
MehrCodeSaver. Vorwort. Seite 1 von 6
CodeSaver Vorwort Die Flut der Passwörter nimmt immer mehr zu. Kontopasswörter, Passwörter für Homepages, Shellzugriffe, Registrierungscodes für Programme und und und. Da ich aber nicht sonderlich viel
MehrOutlook. sysplus.ch outlook - mail-grundlagen Seite 1/8. Mail-Grundlagen. Posteingang
sysplus.ch outlook - mail-grundlagen Seite 1/8 Outlook Mail-Grundlagen Posteingang Es gibt verschiedene Möglichkeiten, um zum Posteingang zu gelangen. Man kann links im Outlook-Fenster auf die Schaltfläche
MehrHANDBUCH PHOENIX II - DOKUMENTENVERWALTUNG
it4sport GmbH HANDBUCH PHOENIX II - DOKUMENTENVERWALTUNG Stand 10.07.2014 Version 2.0 1. INHALTSVERZEICHNIS 2. Abbildungsverzeichnis... 3 3. Dokumentenumfang... 4 4. Dokumente anzeigen... 5 4.1 Dokumente
MehrErstellen der Barcode-Etiketten:
Erstellen der Barcode-Etiketten: 1.) Zuerst muss die Schriftart Code-39-Logitogo installiert werden! Das ist eine einmalige Sache und muss nicht zu jeder Börse gemacht werden! Dazu speichert man zunächst
MehrDateimanagement in Moodle Eine Schritt-für
Übersicht: Lehrende können Dateien in einen Moodle-Kurs hochladen, in Verzeichnissen verwalten und für Studierende zugänglich machen. Jeder Moodle-Kurs hat einen Hauptordner Dateien im Administrationsblock.
MehrJederzeit Ordnung halten
Kapitel Jederzeit Ordnung halten 6 auf Ihrem Mac In diesem Buch war bereits einige Male vom Finder die Rede. Dieses Kapitel wird sich nun ausführlich diesem so wichtigen Programm widmen. Sie werden das
MehrInternationales Altkatholisches Laienforum
Internationales Altkatholisches Laienforum Schritt für Schritt Anleitung für die Einrichtung eines Accounts auf admin.laienforum.info Hier erklären wir, wie ein Account im registrierten Bereich eingerichtet
MehrEin Bild in den Text einfügen
Bild in einen Artikel einfügen Ein Bild in den Text einfügen Positioniert den Cursor an der Stelle im Text, egal ob bei einem Artikel oder einer WordPress-Seite, wo das Bild eingefügt werden soll. Hinter
MehrMediator 9 - Lernprogramm
Mediator 9 - Lernprogramm Ein Lernprogramm mit Mediator erstellen Mediator 9 bietet viele Möglichkeiten, CBT-Module (Computer Based Training = Computerunterstütztes Lernen) zu erstellen, z. B. Drag & Drop
MehrPixtacy-Anbindung an CleverReach.de
Pixtacy-Anbindung an CleverReach.de Stand: 17. Oktober 2014 2014 Virthos Systems GmbH www.pixtacy.de Einleitung Pixtacy verfügt ab Version 2.5 über eine Schnittstelle zu dem Online-Newslettertool CleverReach.de.
MehrHandbuch Fischertechnik-Einzelteiltabelle V3.7.3
Handbuch Fischertechnik-Einzelteiltabelle V3.7.3 von Markus Mack Stand: Samstag, 17. April 2004 Inhaltsverzeichnis 1. Systemvorraussetzungen...3 2. Installation und Start...3 3. Anpassen der Tabelle...3
MehrWindows. Workshop Internet-Explorer: Arbeiten mit Favoriten, Teil 1
Workshop Internet-Explorer: Arbeiten mit Favoriten, Teil 1 Wenn der Name nicht gerade www.buch.de oder www.bmw.de heißt, sind Internetadressen oft schwer zu merken Deshalb ist es sinnvoll, die Adressen
MehrHilfen zur Verwendung der Word-Dokumentvorlage des BIS-Verlags
Hilfen zur Verwendung der Word-Dokumentvorlage des BIS-Verlags 2013 style_sheet_bis_verlag_20130513 Arbeiten mit der Dokumentvorlage des BIS-Verlags... 3 Dokumentvorlage Wofür?... 3 Wohin mit der Dokumentvorlage...
MehrErster Schritt: Antrag um Passwort (s. www.ifb.co.at Rubrik -> techn. Richtlinien/Antrag für Zugangsberechtigung)
Benutzeranleitung Sehr geehrte Mitglieder und Experten! Diese Benutzeranleitung erklärt die Handhabung und Navigation zu den spezifischen Arbeitsgruppen unter der Rubrik Technische Richtlinien auf der
MehrStellen Sie bitte den Cursor in die Spalte B2 und rufen die Funktion Sverweis auf. Es öffnet sich folgendes Dialogfenster
Es gibt in Excel unter anderem die so genannten Suchfunktionen / Matrixfunktionen Damit können Sie Werte innerhalb eines bestimmten Bereichs suchen. Als Beispiel möchte ich die Funktion Sverweis zeigen.
MehrCOMPUTERIA VOM 25.2.15 SERIENBRIEFE UND ETIKETTENDRUCK
COMPUTERIA VOM 25.2.15 SERIENBRIEFE UND ETIKETTENDRUCK WAS SIND SERIENBRIEFE? Bei einem Serienbrief handelt es sich um eine Art Word Vorlage, bei der das gleiche Dokument mehrmals gedruckt werden muss,
Mehr192.168.0.1. Wenn wir also versuchen auf einen anderen PC zuzugreifen, dann können wir sowohl per Name als auch mit der Adresse suchen.
Windows Netzwerk Sie haben einen oder mehrere PC mit einander verbunden? Dann sollte man das auch nutzen. Generelles: Ein PC hat in der Regel IMMER eine feste Nummer / Adresse (egal ob wechselnd oder immer
MehrTESTEN SIE IHR KÖNNEN UND GEWINNEN SIE!
9 TESTEN SIE IHR KÖNNEN UND GEWINNEN SIE! An den SeniorNETclub 50+ Währinger Str. 57/7 1090 Wien Und zwar gleich in doppelter Hinsicht:!"Beantworten Sie die folgenden Fragen und vertiefen Sie damit Ihr
MehrEinführungskurs MOODLE Themen:
Einführungskurs MOODLE Themen: Grundlegende Einstellungen Teilnehmer in einen Kurs einschreiben Konfiguration der Arbeitsunterlagen Konfiguration der Lernaktivitäten Die Einstellungen für einen Kurs erreichst
MehrDer neue persönliche Bereich/die CommSy-Leiste
Der neue persönliche Bereich/die CommSy-Leiste Mit der neue CommSy-Version wurde auch der persönliche Bereich umstrukturiert. Sie finden all Ihre persönlichen Dokumente jetzt in Ihrer CommSy-Leiste. Ein
Mehrwww.computeria-olten.ch Monatstreff für Menschen ab 50 Temporäre Dateien / Browserverlauf löschen / Cookies
www.computeria-olten.ch Monatstreff für Menschen ab 50 Merkblatt 42 Temporäre Dateien / Browserverlauf löschen / Cookies Im Internet-Explorer Extras / Browserverlauf löschen Jetzt entscheiden, was man
Mehrteamsync Kurzanleitung
1 teamsync Kurzanleitung Version 4.0-19. November 2012 2 1 Einleitung Mit teamsync können Sie die Produkte teamspace und projectfacts mit Microsoft Outlook synchronisieren.laden Sie sich teamsync hier
MehrSich einen eigenen Blog anzulegen, ist gar nicht so schwer. Es gibt verschiedene Anbieter. www.blogger.com ist einer davon.
www.blogger.com Sich einen eigenen Blog anzulegen, ist gar nicht so schwer. Es gibt verschiedene Anbieter. www.blogger.com ist einer davon. Sie müssen sich dort nur ein Konto anlegen. Dafür gehen Sie auf
MehrKreatives Gestalten mit Flash 5.0
Kreatives Gestalten mit Flash 5.0 Animationen, Effekte und Anwendungen für das WWW Bearbeitet von Isolde Kommer 1. Auflage 2000. Buch. 444 S. Hardcover ISBN 978 3 446 21463 7 Format (B x L): 20,1 x 23,6
Mehrvon: Oktay Arslan Kathrin Steiner Tamara Hänggi Marco Schweizer GIB-Liestal Mühlemattstrasse 34 4410 Liestal ATG
von: Oktay Arslan Kathrin Steiner Tamara Hänggi Marco Schweizer GIB-Liestal Mühlemattstrasse 34 4410 Liestal ATG 20.03.2009 1 Inhaltsverzeichnis 1. Zusammenfassung S. 3 2. Aufgabestellung S. 3 3. Lösungsansätze
MehrFlash Videos einbinden
Flash Videos einbinden Im Kapitel Videos einbinden ( - ) haben Sie gesehen, wie man einfach und ohne Zusatzprogramme kleine Videoclips auf seiner einbinden kann. Ich persönlich würde jedem dieses Verfahren
MehrWindows 8.1. Grundkurs kompakt. Markus Krimm, Peter Wies 1. Ausgabe, Januar 2014. inkl. zusätzlichem Übungsanhang K-W81-G-UA
Markus Krimm, Peter Wies 1. Ausgabe, Januar 2014 Windows 8.1 Grundkurs kompakt inkl. zusätzlichem Übungsanhang K-W81-G-UA 1.3 Der Startbildschirm Der erste Blick auf den Startbildschirm (Startseite) Nach
MehrTextgestaltung mit dem Editor TinyMCE Schritt für Schritt
Textgestaltung mit dem Editor TinyMCE Schritt für Schritt Folgender Artikel soll veröffentlicht und mit dem Editor TinyMCE gestaltet werden: Eine große Überschrift Ein Foto Hier kommt viel Text. Hier kommt
MehrBedienungsanleitung: Onlineverifizierung von qualifiziert signierten PDF-Dateien
Sie haben von der VR DISKONTBANK GmbH ein signiertes PDF-Dokument (i.d.r. eine Zentralregulierungsliste mit dem Status einer offiziellen Rechnung) erhalten und möchten nun die Signatur verifizieren, um
MehrMind Mapping am PC. für Präsentationen, Vorträge, Selbstmanagement. von Isolde Kommer, Helmut Reinke. 1. Auflage. Hanser München 1999
Mind Mapping am PC für Präsentationen, Vorträge, Selbstmanagement von Isolde Kommer, Helmut Reinke 1. Auflage Hanser München 1999 Verlag C.H. Beck im Internet: www.beck.de ISBN 978 3 446 21222 0 schnell
MehrLassen Sie sich dieses sensationelle Projekt Schritt für Schritt erklären:
Lassen Sie sich dieses sensationelle Projekt Schritt für Schritt erklären: Gold Line International Ltd. Seite 1 STELLEN SIE SICH VOR: Jeder Mensch auf der Erde gibt Ihnen 1,- Dollar Das wäre nicht schwer
MehrFacebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten
Facebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten Seit Anfang Juni 2012 hat Facebook die Static FBML Reiter deaktiviert, so wird es relativ schwierig für Firmenseiten eigene Impressumsreiter
MehrMenü auf zwei Module verteilt (Joomla 3.4.0)
Menü auf zwei Module verteilt (Joomla 3.4.0) Oft wird bei Joomla das Menü in einem Modul dargestellt, wenn Sie aber z.b. ein horizontales Hauptmenü mit einem vertikalen Untermenü machen möchten, dann finden
MehrLineQuest-Leitfaden LineQuest Dialog-Portal. Generieren der LineQuest-Auswertungsdatei
LineQuest-Leitfaden LineQuest Dialog-Portal Generieren der LineQuest-Auswertungsdatei Copyright 2009 by LineQuest LineQuest Walter-Paetzmann-Str. 19 82008 Unterhaching E-Mail Internet info@linequest.de
MehrFachhochschule Fulda. Bedienungsanleitung für QISPOS (Prüfungsanmeldung, Notenspiegel und Bescheinigungen)
Fachhochschule Fulda Bedienungsanleitung für QISPOS (Prüfungsanmeldung, Notenspiegel und Bescheinigungen) Inhaltsverzeichnis 1. Vorgehensweise bei der ersten Anmeldung... 1 2. Startseite... 1 3. Login...
Mehr5. Übung: PHP-Grundlagen
5.1. Erstes PHP-Programm 1. Schreiben Sie PHP-Programm innerhalb einer Webseite, d.h. innerhalb eines HTML-Dokument. Ihr PHP-Programm soll einen kurzen Text ausgeben und Komentare enthalten. Speichern
MehrPassword Depot für ios
Password Depot für ios Inhaltsverzeichnis Erste Schritte... 1 Kennwörterdatei erstellen... 1 Neue Einträge erstellen... 3 Einträge / Gruppen hinzufügen... 3 Einträge / Gruppen kopieren oder verschieben...
MehrSo funktioniert das online-bestellsystem GIMA-direkt
So funktioniert das online-bestellsystem GIMA-direkt Loggen Sie sich mit Ihren Anmeldedaten, die Sie von GIMA erhalten haben, in das Bestellsystem ein. Sollten Sie noch keine Anmeldedaten haben und Für
Mehr4 Aufzählungen und Listen erstellen
4 4 Aufzählungen und Listen erstellen Beim Strukturieren von Dokumenten und Inhalten stellen Listen und Aufzählungen wichtige Werkzeuge dar. Mit ihnen lässt sich so ziemlich alles sortieren, was auf einer
MehrMit dem sogenannten Seriendruck können Etiketten und Briefe mit einer Adressdatei (z. B. Excel) verknüpft werden.
WORD 2010 Etiketten drucken Mit dem sogenannten Seriendruck können Etiketten und Briefe mit einer Adressdatei (z. B. Excel) verknüpft werden. Diese Anwendung erfolgt über die Registerkarte Sendungen 1
MehrGrundmann Rathner Abschlussprüfungen Bankwirtschaft, Rechnungswesen und Steuerung, Wirtschafts- und Sozialkunde
Grundmann Rathner Abschlussprüfungen Bankwirtschaft, Rechnungswesen und Steuerung, Wirtschafts- und Sozialkunde Prüfungstraining für Bankkaufleute Die Bücher der Reihe Prüfungstraining für Bankkaufleute
MehrSo gehts Schritt-für-Schritt-Anleitung
So gehts Schritt-für-Schritt-Anleitung Software WISO Mein Büro Thema Eigene Auswertungen, Tabellenauswertungen Version/Datum V 13.00.05.101 Über die Tabellen-Auswertungen ist es möglich eigene Auswertungen
MehrAnleitung directcms 5.0 Newsletter
Anleitung directcms 5.0 Newsletter Jürgen Eckert Domplatz 3 96049 Bamberg Tel (09 51) 5 02-2 75 Fax (09 51) 5 02-2 71 - Mobil (01 79) 3 22 09 33 E-Mail eckert@erzbistum-bamberg.de Im Internet http://www.erzbistum-bamberg.de
MehrAutoCAD 2007 - Dienstprogramm zur Lizenzübertragung
AutoCAD 2007 - Dienstprogramm zur Lizenzübertragung Problem: Um AutoCAD abwechselnd auf mehreren Rechnern einsetzen zu können konnte man bis AutoCAD 2000 einfach den Dongle umstecken. Seit AutoCAD 2000i
Mehrrita-lernportal Kurzanleitung
Kurzanleitung Die Übersicht In diesem Lernportal gibt es zwei verschiedene Typen an Kursen: - Online-Lernen und - Blended Learning Beim Online-Lernen finden Sie sämtliche Unterrichtsmaterialien in der
MehrElectronic Systems GmbH & Co. KG
Anleitung zum Anlegen eines POP3 E-Mail Kontos Bevor die detaillierte Anleitung für die Erstellung eines POP3 E-Mail Kontos folgt, soll zuerst eingestellt werden, wie oft E-Mail abgerufen werden sollen.
MehrEs gibt zahlreiche Web-Programmiersprachen: HTML, CSS, JavaScript, PHP, Perl, Python, HTTP, XML und viele weitere.
1.0.0 Allgemeine Informationen Es gibt zahlreiche Web-Programmiersprachen: HTML, CSS, JavaScript, PHP, Perl, Python, HTTP, XML und viele weitere. Wir werden uns hauptsächlich mit HTML beschäftigen, weil
MehrInternet online Update (Mozilla Firefox)
Um Ihr Consoir Beta immer schnell und umkompliziert auf den aktuellsten Stand zu bringen, bieten wir allen Kunden ein Internet Update an. Öffnen Sie Ihren Mozilla Firefox und gehen auf unsere Internetseite:
MehrSo gelingt Ihre Online-Bewerbung!
So gelingt Ihre Online-Bewerbung! Erstmalige Bewerbung: Wenn Sie sich zum ersten Mal dazu entschieden haben, sich auf ein Stellenangebot des waff-personalfinder zu bewerben, wird im Zuge Ihrer Bewerbung
MehrIn diesem Tutorial lernen Sie, wie Sie einen Termin erfassen und verschiedene Einstellungen zu einem Termin vornehmen können.
Tutorial: Wie erfasse ich einen Termin? In diesem Tutorial lernen Sie, wie Sie einen Termin erfassen und verschiedene Einstellungen zu einem Termin vornehmen können. Neben den allgemeinen Angaben zu einem
MehrUm die Patientenverwaltung von Sesam zu nutzen, muss man die Patienten natürlich zuerst in die Kartei eintragen.
Kartei, Patient neu anlegen / 1. Kontaktbrief schreiben Um die Patientenverwaltung von Sesam zu nutzen, muss man die Patienten natürlich zuerst in die Kartei eintragen. -> Klick Button Kartei -> Klick
MehrI Serverkalender in Thunderbird einrichten
I Serverkalender in Thunderbird einrichten Damit Sie den Kalender auf dem SC-IT-Server nutzen können, schreiben Sie bitte zuerst eine Mail mit Ihrer Absicht an das SC-IT (hilfe@servicecenter-khs.de). Dann
MehrPräventionsforum+ Erfahrungsaustausch. HANDOUT GRUPPEN-ADMINISTRATOREN Anlage zum Endnutzer-Handbuch. Stand: 11.09.2014 Änderungen vorbehalten
Präventionsforum+ Erfahrungsaustausch HANDOUT GRUPPEN-ADMINISTRATOREN Anlage zum Endnutzer-Handbuch Stand: 11.09.2014 Änderungen vorbehalten Anlage zum Endnutzer-Handbuch Handout Gruppen-Administratoren
Mehr2. Im Admin Bereich drücken Sie bitte auf den roten Button Webseite bearbeiten, sodass Sie in den Bearbeitungsbereich Ihrer Homepage gelangen.
Bildergalerie einfügen Wenn Sie eine Vielzahl an Bildern zu einem Thema auf Ihre Homepage stellen möchten, steht Ihnen bei Schmetterling Quadra das Modul Bildergalerie zur Verfügung. Ihre Kunden können
Mehr