JavaScript Dynamik auf der Client-Seite
|
|
- Heinrich Bretz
- vor 8 Jahren
- Abrufe
Transkript
1 Vorlesung und Übung Universität Paderborn Wintersemester 2012/2013 Dr. Peter Pfahler JavaScript Dynamik auf der Client-Seite EWS, WS 2012/13, Pfahler N-1 Geschichte von JavaScript 1995 Netscape veröffentlicht Navigator2, einen Browser mit eingebetteter Skriptsprache (LiveScript, aus Marketing-Gründen umbenannt in JavaScript) 1996 Navigator3 / JavaScript 1.1 mit Rollover-Grafiken Internet Explorer 3 / Jscript 1997 Standardisierung als ECMA-262 (ECMAScript) 1998 ECMAScript wird ISO-Norm ECMAScript akzeptiert von aktuellen Browsern Mozilla Firefox, Internet Explorer, Safari, Opera, Chrome,... Brendan Eich Sie haben JavaScript in der Vorgänger-Veranstaltung EIG ausführlich behandelt. EWS, WS 2012/13, Pfahler N-2
2 Typische Anwendungsgebiete Prüfung von Formulareingaben vor dem Absenden Grafiken, die beim Überfahren mit der Maus wechseln (Rollover) Dynamische Manipulation von Webseiten über das Document Object Model Timer-gesteuerte Effekte Banner und Laufschriften Asynchrone Daten-Übertragung (Ajax) Benutzer-Interaktion Beispiel von Harald <html> <head> <title>potenzen</title> </head> <body> <script type="text/javascript"> var basis = prompt('basis: ', ''); var exponent = prompt('exponent: ', ''); var ergebnis = 1; for (var i = 1; i <= exponent; i++) { ergebnis = ergebnis * basis; document.write('<p>' + basis + '<sup>' + exponent + '</sup> = ' + ergebnis + '</p>'); </script> </body> </html> EWS, WS 2012/13, Pfahler N-3 Einbettung von JavaScript <script>-tag schaltet auf <html> JavaScript um <head> <title>test</title> <script type="text/javascript"> function Quadrat() { var value = document.formular.eingabe.value; alert("das Quadrat von " + value + " = " + value * value); </script> </head> <body> <form name="formular" action=""> <input type="text" name="eingabe" size="3"> <input type="submit" value="quadrat berechnen" onclick="quadrat()"> </form> </body> Ereignis- </html> Behandlung ruft JavaScript- Funktion auf EWS, WS 2012/13, Pfahler N-4
3 JavaScript in externer Datei <head> <title>my Page</title> <script src="common.js"> </script> </head> <body> Gut zur Wiederverwendung von JavaScript-Code Die Anweisungen zwischen den <script>-tags werden nur ausgewertet, wenn das Laden der.js-datei fehlschlägt. Zwischen die <script>-tags gehören daher Anweisungen wie document.write("included JS file not found" Für das src-attribut sind auch absolute URLs möglich: <script src=" EWS, WS 2012/13, Pfahler N-5 Sprachdefinition von JavaScript Strukturiert nach den Ebenen der Spracheigenschaften: Lexikalische Eigenschaften Syntax Statische Semantik Dynamische Semantik Definiert in der Norm Zu finden auf EWS, WS 2012/13, Pfahler N-6
4 Lexikalische Ebene Der Quelltext wird zerlegt in "Whitespace": Leerzeichen, Tabulatoren => Lesbarkeit und Trennung der Grundsymbole Kommentare: Zeilen // und Blöcke /* */ => Kommentierung und Trennung der Grundsymbole Zeilenenden: <LF> und >CR> => Lesbarkeit, Trennung, Semikolon-Ersatz Grundsymbole Schlüsselwörter Bezeichner Sonderzeichen Literale Null-Literal null Boolean-Literal true, false Zahl-Literal 14, -44.8e6 String-Literal 'hu', "Script!\n" EWS, WS 2012/13, Pfahler N-7 Syntaktische Ebene Gesamtstruktur Program : SourceElements SourceElements : SourceElement SourceElements SourceElement SourceElement : Statement FunctionDeclaration document.formular.eingabe.value = 13; Quadrat(); function Quadrat() { var value = document.formular.eingabe.value; alert("das Quadrat von " + value + " = " + value * value); EWS, WS 2012/13, Pfahler N-8
5 Syntaktische Ebene: Anweisungen JavaScript hat typische Programmiersprach-Anweisungen in C-Schreibweise: Statement : Block VariableStatement EmptyStatement ExpressionStatement IfStatement IterationStatement ContinueStatement BreakStatement ReturnStatement WithStatement LabelledStatement SwitchStatement ThrowStatement TryStatement Besonderheit: Semikolon am Zeilenende kann in vielen Fällen entfallen. EWS, WS 2012/13, Pfahler N-9 Statische Semantik: Gültigkeit von Variablen Variablen werden mit der var-anweisung definiert. Sie sind lokal gültig, wenn die Anweisung innerhalb einer Funktion steht, global sonst: var scope = "global"; function checkscope() { var scope = "local"; document.write(scope); checkscope(); // prints "local" document.write(scope); // prints "global" Zuweisung an nicht durch var-anweisung definierte Variablen, definiert implizit globale Variablen. Welche Ausgabe erzeugt obiges Programm ohne var? EWS, WS 2012/13, Pfahler N-10
6 Statische Semantik: Gültigkeit von Namen Definitionen gelten in der gesamten Funktion var scope = "global"; function f() { alert(scope); var scope = "local"; alert(scope); f(); Wie sieht die Ausgabe aus? EWS, WS 2012/13, Pfahler N-11 Statische Semantik: Gültigkeit von Namen Definitionen gelten in der gesamten Funktion var scope = "global"; function f() { alert(scope); var scope = "local"; alert(scope); f(); EWS, WS 2012/13, Pfahler N-12
7 Datentypen number: numerische Werte, ganze Zahlen und Gleitpunktzahlen Literale wie in PHP, arithmetische Operatoren wie in PHP string: Zeichenreihen Literale: Klammerung mit " oder ' ist gleichbedeutend 'Er sagt "Hallo!"' "Sag's auch!" Umschreibungen nicht-druckbarer Zeichen wie in PHP: \n, \t, usw. In Zeichenreihen werden Variablenwerte nicht eingesetzt (anders als in PHP) Operatoren: Konkatenation +: "Er heißt " + name string-funktionen in Objekt-Notation boolean: Wahrheitswerte Literale: false, true Operatoren: Konjunktion &&, Disjunktion, Negation! (wie in PHP) undefined einziger Wert undefined, Ergebnis bei Zugriff auf nicht-zugewiesene Variable Objekte inklusive Arrays EWS, WS 2012/13, Pfahler N-13 Funktionen Funktionsdefinitionen: wie in PHP function ueberschrift (grad, text) { var marke = "h"+grad; document.writeln ("<"+marke+">"+text+"</"+marke+">"); Funktionen können im head- oder im body-teil der HTML-Datei definiert werden. Aufrufe können in jedem JavaScript-Fragment stehen. EWS, WS 2012/13, Pfahler N-14
8 Arrays Ein Array ist eine Abbildung von Indizes oder Schlüsseln auf Werte (wie in PHP). Erzeugung von Arrays: - Leeres Array konstruieren und füllen: var monatsname = new Array(); monatsname[1] = "Jan"; monatsname[2] = "Feb";.. var geburtstag = new Array(); geburtstag["willy"] = " "; - Liste von Elementwerten bei der Konstruktion angeben: monatsname = new Array("", "Jan",..., "Dez"); // Index ab 0 - Array-Konstanten zuweisen: var a = [1, 2, 3]; Zugriff auf Array-Elemente: Indizierung wie in PHP: monatsname[4] oder geburtstag["willy"] Schleife zum Aufzählen aller Elemente eines Arrays: for (name in geburtstag) { document.writeln (name + ": " + geburtstag[name]); EWS, WS 2012/13, Pfahler N-15 Dynamische Semantik Beispiele aus der Sprachdefinition: EWS, WS 2012/13, Pfahler N-16
9 Dynamische Semantik Beispiele aus der Sprachdefinition: EWS, WS 2012/13, Pfahler N-17 Ereignisbehandlung Ereignisse steuern die Interaktion zwischen Bediener und Browser. Auch HTML kennt dazu einfache Mechanismen: Links <a href=" Sensitive Bildbereiche <img src="weinundkaese.gif" usemap="#auswahlbild"> <map name="auswahlbild"> <area shape="rect" coords="10,13,56,77" href="ess.html"> <area shape="rect" coords="65,8,98,60" href="trink.html"> </map> Formulare <form method ="post" action="/cgi-bin/klausuranmeldung.pl"> <input type="text" size="7" name="matr" value=" "> <input type="submit" value="anmelden"> </form> EWS, WS 2012/13, Pfahler N-18
10 Ereignisbehandlung JavaScript erweitert die Interaktionsmöglichkeiten durch Ereignisbehandler (event handler) für Mausereignisse, wie Bewegen oder Klicken Tastaturereignisse, wie Veränderung eines Textfeldes Browser-Ereignisse, wie Laden einer Seite Eventbehandlung als HTML-Attribut oder im Skript-Teil: Direkte Angabe der Ereignis- Behandlung <form name="meinformular"> <input type=button value="klick" onclick="klick();"> <input type=button name="meinknopf" value="klack"> </form> <script type="text/javascript"> function klick () { alert("klick!"); document.meinformular.meinknopf.onclick = function () { alert("klack!"); </script> Zuordnung der Ereignis- Behandlung über DOM EWS, WS 2012/13, Pfahler N-19 Wichtige Ereignisse EWS, WS 2012/13, Pfahler N-20
11 Beispiel: Bildertausch <a href="nowhere.html" onmouseover="blauerknopf.src= images/bild1.jpg ;" onmouseout="blauerknopf.src= images/bild2.jpg ;"> <img name="blauerknopf" src="images/bild2.jpg"> </a> Das Bild wechselt zwischen und EWS, WS 2012/13, Pfahler N-21 Beispiel: Bestätigung von Benutzeraktionen <form name="form1" method="post" action="zurkasse.php"> <table bgcolor="#cc87d1" border=1> <tr><td><b>name</b></td> <td><input type="text" name="nn"></td></tr> <tr><td><b>vorname</b></td> <td><input type="text" name="vn"></td></tr> <tr><td><input type="reset" value="löschen" onclick="return confirm( Sind Sie sicher? )"></td> <td><input type="submit" value="abschicken" onclick="return confirm( Wirklich abschicken? )"> </td></tr> </table> </form> EWS, WS 2012/13, Pfahler N-22
12 Beispiel: Prüfen von Formulardaten <script type="text/javascript"> function validateform () { if (document.nform.nn.value == document.nform.vn.value == ) { alert( Es wurden nicht alle Felder ausgefüllt. ) return false return true; </script> Zugriff auf Bestandteile des Dokuments <form method="post" action="abbuchen.php" name="nform"> Name: <input type="text" name="nn"> Vorname: <input type="text" name="vn"> <input type="submit" value="abschicken" onclick="return validateform()"> </form> EWS, WS 2012/13, Pfahler N-23 Das Document Object Model (DOM) Das Document Object Model ist eine plattform- und sprachunabhängige Schnittstelle zum dynamischen Zugriff auf den Inhalt, die Struktur und den Stil von HTML- und XML-Dokumenten. Warum? W3C's Document Object Model (DOM) is a standard Application Programming Interface (API) to the structure of documents. The DOM aims to make it it easy for programmers to access components and to delete, add, or edit their content, attributes and style. In essence, the DOM makes it it possible for programmers to write applications that work properly on all browsers and servers and on all platforms. While programmers may need to use different programming languages, they do not need to change their programming model. EWS, WS 2012/13, Pfahler N-24
13 Das Document Object Model (DOM) <TABLE> <TBODY> <TR> <TD>Shady Grove</TD> <TD>Aeolian</TD> </TR> <TR> <TD>Over the River, Charlie</TD> <TD>Dorian</TD> </TR> </TBODY> </TABLE> Strukturmodell des Dokuments EWS, WS 2012/13, Pfahler N-25 Das Document Object Model (DOM) In Client-seitigen Skripten werden wir das DOM nutzen, um lesend und schreibend auf die Inhalte von HTML-Dokumenten zuzugreifen. EWS, WS 2012/13, Pfahler N-26
14 DOM-Beispiel: Manipulation der URL Veränderung der URL zum Seitenwechsel: Sie sind auf der Seite:<br> <script type="text/javascript"> document.write(location.href); </script> <form name="uniurl" action=""> <input type="button" value="zur Uni-Seite" onclick='location.replace(" </form> EWS, WS 2012/13, Pfahler N-27 Interaktion mit Formularprüfung außerdem Warnfenster bei ungültigen Namen oder Beträgen. 2 Interaktive Web-Seite mit Client-seitiger Formularprüfung: Integration von HTML, PHP und JavaScript 1 3 EWS, WS 2012/13, Pfahler N-28
15 Interaktion mit Formularprüfung Teil1: Dokumentkopf mit Prüffunktion <html> <head> <title>geprüfte Formular-Eingabe</title> <script type="text/javascript"> function check () { if (document.spendenform.zuname.value.length < 2){ alert ("Zuname zu kurz!"); return false; var betrag = document.spendenform.spende.value; if (betrag <= 0) { alert ("Betrag angeben!"); return false; if (betrag > 1000) { return confirm ("Höhe der Spende: " + betrag); return true; </script> </head> EWS, WS 2012/13, Pfahler N-29 Interaktion mit Formularprüfung Teil2: Dokumentrumpf mit Formularausgabe und Auswertung <body> <?php if (!isset($_post['submit'])) { echo <<<FORMULARANZEIGE <form name="spendenform" action=" method="post"> <p>zuname:<br><input type="text" name="zuname" size="10"></p> <p>höhe der Spende:<br><input type="text" name="spende" size="10"></p> <input type="reset" value="löschen"><br> <input type="submit" value="abschicken" name="submit" onclick="return check();"> </form> FORMULARANZEIGE; else { echo "<h4>vielen Dank für Ihre Spende:</h4><p>\n<pre>"; foreach ($_POST as $name => $value) { echo "$name => $value\n"; echo "</pre>";?> </body></html> EWS, WS 2012/13, Pfahler N-30
JavaScript Dynamik auf der Client-Seite
Vorlesung und Übung Universität Paderborn Wintersemester 2016/2017 Dr. Peter Pfahler JavaScript Dynamik auf der Client-Seite N-1 Geschichte von JavaScript 1995 1996 1997 1998... 2012 2016 Netscape veröffentlicht
MehrKlausurteilnehmer. Wichtige Hinweise. Note: Klausur Informatik Programmierung, 17.09.2012 Seite 1 von 8 HS OWL, FB 7, Malte Wattenberg.
Klausur Informatik Programmierung, 17.09.2012 Seite 1 von 8 Klausurteilnehmer Name: Matrikelnummer: Wichtige Hinweise Es sind keinerlei Hilfsmittel zugelassen auch keine Taschenrechner! Die Klausur dauert
MehrProgrammieren 2 (Prof. Hasbargen) Klausur
Programmieren 2 (Prof. Hasbargen) 1 Klausur Aufgabe 1 (10 Punkte) Dynamisierung von HTML-Seiten HTML-Seiten sind eine gängige Art und Weise, Informationen darzustellen. Nennen Sie die Gründe, welche Vorteile
Mehrphp Hier soll ein Überblick über das Erstellen von php Programmen gegeben werden. Inhaltsverzeichnis 1.Überblick...2 2.Parameterübergabe...
php Hier soll ein Überblick über das Erstellen von php Programmen gegeben werden. Inhaltsverzeichnis 1.Überblick...2 2.Parameterübergabe...7 3.Zugriff auf mysql Daten...11 Verteilte Systeme: php.sxw Prof.
MehrMultimedia im Netz Wintersemester 2011/12
Multimedia im Netz Wintersemester 2011/12 Übung 01 Betreuer: Verantwortlicher Professor: Sebastian Löhmann Prof. Dr. Heinrich Hussmann Organisatorisches 26.10.2011 MMN Übung 01 2 Inhalte der Übungen Vertiefung
MehrMultimediale Web-Anwendungen. JavaScript. Einführung. MWA JavaScript-Einführung Dr. E. Schön Sommersemester 2015 Folie 1.
Multimediale Web-Anwendungen JavaScript Einführung MWA JavaScript-Einführung Dr. E. Schön Sommersemester 2015 Folie 1 Entstehungsgeschichte: JavaScript 1995 Netscape Communications Corp. (Brendan Eich)
MehrPHP JavaScript Kapitel 9. Java-Script-Objekte und das Event-Modell
Java-Script-Objekte und das Event-Modell 1 Interaktions-Methoden des Window-Objekts
MehrEinführung in die Scriptsprache PHP
Herbst 2014 Einführung in die Scriptsprache PHP Wirtschaftsinformatik: 5. Semester Dozenten: Rainer Telesko / Martin Hüsler Fachhochschule Nordwestschweiz FHNW - Rainer Telesko / Martin Hüsler 1 Inhalt:
MehrWeb Sockets mit HTML5. Quelle: www.html5rocks.com/de
Web Sockets mit HTML5 Quelle: www.html5rocks.com/de Intensive Client-Server-Kommunikation: Beispiele Online-Spiele mit mehreren Mitspielern Chat-Anwendungen Live-Sport-Ticker Echtzeit-Aktualisierungen
MehrE-Commerce: IT-Werkzeuge. Web-Programmierung. Kapitel 4: Einführung in JavaScript Stand: 03.11.2014. Übung WS 2014/2015. Benedikt Schumm M.Sc.
Übung WS 2014/2015 E-Commerce: IT-Werkzeuge Web-Programmierung Kapitel 4: Stand: 03.11.2014 Benedikt Schumm M.Sc. Lehrstuhl für ABWL und Wirtschaftsinformatik Katholische Universität Eichstätt-Ingolstadt
MehrSchiller-Gymnasium Hof 20.12.2004
Erstellen eines HTML-Dokumentes Zum Erstellen einer Homepage benötigen wir lediglich einen Editor. Zum Ansehen der fertigen Site benötigen wir wir natürlich auch einen Browser, z.b. Firefox oder Netscape
MehrDatenbanksysteme SS 2007
Datenbanksysteme SS 2007 Frank Köster (Oliver Vornberger) Institut für Informatik Universität Osnabrück Kapitel 9c: Datenbankapplikationen Architektur einer Web-Applikation mit Servlets, JSPs und JavaBeans
MehrSoftwaretechnik Teil Webprogrammierung (HTML, PHP) SS2011
Softwaretechnik Teil Webprogrammierung (HTML, PHP) SS2011 Studiengang: Semester: 3. Gruppe: Wirtschaftsinformatik A & B Datum: 29.06.2011 Dozent: LfbA Dipl.-Hdl. Andreas Heß Hilfsmittel: alle Unterlagen/Bücher
MehrArrays. PHP JavaScript Kapitel 9
Arrays 1 Problem: Volatilitätenbeispiels in der Programmiersprache JavaScript. Der Benutzer unseres Programms soll die Aktienkurse für beliebig viele Tage eingeben können. Dabei soll er zunächst sagen,
MehrFileMaker und PHP Workshop
FileMaker und PHP Workshop 2-stündiger Ausschnitt aus einem 3-tägigen Schulungsprogramm Bernhard Schulz FileMaker Konferenz 2010 / Zürich Ziel des Workshops Kennenlernen von PHP Möglichkeiten von FileMaker
MehrIT-Zertifikat: Allgemeine Informationstechnologien II PHP
IT-Zertifikat: Allgemeine Informationstechnologien II PHP PHP ( PHP: Hypertext Preprocessor ) ist eine serverseitige Skriptsprache: Der PHP-Code wird nicht wie bei JavaScript auf dem Clientrechner ausgeführt,
MehrAufgaben HTML Formulare. Prof. Dr. rer. nat. Claus Brell, http://claus-brell.de, claus.brell@hs-niederrhein.de, Wirtschaftsinformatik, Statistik
1 Aufgaben HTML Formulare Aufgabe 1 (Vorbereitung) Google Suche 2 Probieren vor Studieren.. Arbeitsauftrag: 1.) Fügen Sie mit Notepad++ in Ihrer Datei index.html den unten gezeigten Quelltextschnipsel
MehrBillSAFE Payment Layer Integration Guide
BillSAFE Payment Layer Integration Guide letzte Aktualisierung: 10.06.2013 Inhaltsverzeichnis 1 Vorwort...2 1.1 Inhalt...2 1.2 Zielgruppe...2 1.3 Voraussetzungen...2 1.4 Feedback...2 1.5 Versionshistorie...3
MehrInteraktive Medien Richtlinien für das Codieren Version vom 18. Juni 2014
Interaktive Medien Richtlinien für das Codieren Version vom 18. Juni 2014 Martin Vollenweider Dateinamen im Internet Da wir im Internet in gemischten Hard- und Softwareumgebungen (z.b. Windows, Unix, Macintosh,
MehrFormulare in html Bernd Bl umel Version: 1. April 2003
Formulare in html Bernd Blümel Version: 1. April 2003 Inhaltsverzeichnis 1 Formulare 2 1 Kapitel 1 Formulare Formulare sind in html die einzige Interaktionsmöglichkeit mit den Benutzern unserer Internet
Mehr«Integration in WebSite» HTML-/Javascript-Code-Beispiele
QuickInfo «Integration in WebSite» HTML-/Javascript-Code-Beispiele Fragen? Ihre Umfrage soll direkt in resp. auf Ihrer WebSite erscheinen? Die Möglichkeiten für eine technische Integration an exakten Stellen
MehrObjektorientierung: Klassen und Objekte
Vorlesung und Übung Universität Paderborn Wintersemester 2015/2016 Dr. Peter Pfahler Objektorientierung: Klassen und Objekte EWS, WS 2015/16, Pfahler L-1 Objektorientierung behandelt in "Einführung in
MehrWeb Visu Tutorial. Hipecs Web Visu. Übersicht
Revision Date V100 10082011 Hipecs Web Visu Die hipecs (high performance controller system) bietet die Möglichkeit einer sog Web-Visualisierung über den integrierten Webserver Hierfür wird im Standard
MehrSSO-Schnittstelle. Inhalt: Beschreibung der Single Sign-On (SSO) Schnittstelle. NetSlave GmbH Simon-Dach-Straße 12 D-10245 Berlin
SSO-Schnittstelle Inhalt: Beschreibung der Single Sign-On (SSO) Schnittstelle NetSlave GmbH Simon-Dach-Straße 12 D-10245 Berlin Telefon +49 (0)30-94408-730 Telefax +49 (0)30-96083-706 E-Mail mail@netslave.de
MehrEinführung in PHP. (mit Aufgaben)
Einführung in PHP (mit Aufgaben) Dynamische Inhalte mit PHP? 2 Aus der Wikipedia (verkürzt): PHP wird auf etwa 244 Millionen Websites eingesetzt (Stand: Januar 2013) und wird auf etwa 80 % aller Websites
Mehrjavascript Coding-Guidelines 2. Ausgabe Februar 2015 Der Guideline beschreibt den verwendeten Coding-Stil von javascript als eigene Richtline.
javascript Coding-Guidelines 2. Ausgabe Februar 2015 Der Guideline beschreibt den verwendeten Coding-Stil von javascript als eigene Richtline. Inhalts-Verzeichnis 1. Allgemeine Richtlinien...1 1.1 Anzahl
Mehrfor ($i=1 ;$i<=25 ;$i++) { echo "$i "; }?> <br> <a href="http://localhost/php.php">zurück zur Index-Seite</a> </body> </html>
8 Schleifen Schleifen werden in der Programmierung viel verwendet. Sie sind deshalb sehr wichtig, weil man mit Ihrer Hilfe erreichen kann, dass etwas unter bestimmten Bedingungen immer wieder ausgeführt
MehrGEONET Anleitung für Web-Autoren
GEONET Anleitung für Web-Autoren Alfred Wassermann Universität Bayreuth Alfred.Wassermann@uni-bayreuth.de 5. Mai 1999 Inhaltsverzeichnis 1 Technische Voraussetzungen 1 2 JAVA-Programme in HTML-Seiten verwenden
MehrJava Script für die Nutzung unseres Online-Bestellsystems
Es erreichen uns immer wieder Anfragen bzgl. Java Script in Bezug auf unser Online-Bestell-System und unser Homepage. Mit dieser Anleitung möchten wir Ihnen einige Informationen, und Erklärungen geben,
MehrFunktionen in PHP 1/7
Funktionen in PHP 1/7 Vordefinierte Funktionen in PHP oder vom Entwickler geschriebene Funktionen bringen folgende Vorteile: gleiche Vorgänge müssen nur einmal beschrieben und können beliebig oft ausgeführt
MehrEWS, WS 2016/17, Pfahler O-1
Vorlesung und Übung Universität Paderborn Wintersemester 2016/2017 Dr. Peter Pfahler Projekt Gästebuch EWS, WS 2016/17, Pfahler O-1 Projekt im Zusammenhang Aufgabe: Web-Seite mit einem einfachem Gästebuch.
MehrÜbungen 19.01.2012 Programmieren 1 Felix Rohrer. Übungen
Übungen if / else / else if... 2... 2 Aufgabe 2:... 2 Aufgabe 3:... 2 Aufgabe 4:... 2 Aufgabe 5:... 2 Aufgabe 6:... 2 Aufgabe 7:... 3 Aufgabe 8:... 3 Aufgabe 9:... 3 Aufgabe 10:... 3 switch... 4... 4 Aufgabe
Mehr... ... Sicherheitseinstellungen... 2 Pop-up-Fenster erlauben... 3
Browsereinstellungen Um die Know How! Lernprogramm nutzen zu können, sind bei Bedarf unterschiedliche Einstellungen in Ihren Browsern nötig. Im Folgenden finden Sie die Beschreibung für unterschiedliche
MehrPHP Kurs Online Kurs Analysten Programmierer Web PHP
PHP Kurs Online Kurs Analysten Programmierer Web PHP Akademie Domani info@akademiedomani.de Allgemeines Programm des Kurses PHP Modul 1 - Einführung und Installation PHP-Umgebung Erste Lerneinheit Introduzione
MehrDynamik bis zur DB-Interaktion. Marc Schanne. CGI Möglichkeiten
CGI einfach PHP Dynamik bis zur DB-Interaktion 1 CGI Möglichkeiten Das Common Gateway Interface (CGI) ermöglicht den Entwurf von interaktiven, benutzergesteuerten Web-Applikationen. Der WWW-Server ruft
MehrHTML5. Wie funktioniert HTML5? Tags: Attribute:
HTML5 HTML bedeutet Hypertext Markup Language und liegt aktuell in der fünften Fassung, also HTML5 vor. HTML5 ist eine Auszeichnungssprache mit der Webseiten geschrieben werden. In HTML5 wird festgelegt,
MehrPHP Einsteiger Tutorial Kapitel 4: Ein Email Kontaktformular in PHP Version 1.0 letzte Änderung: 2005-02-03
PHP Einsteiger Tutorial Kapitel 4: Ein Email Kontaktformular in PHP Version 1.0 letzte Änderung: 2005-02-03 Bei dem vierten Teil geht es um etwas praktisches: ein Emailformular, dass man auf der eigenen
MehrOnline-Publishing mit HTML und CSS für Einsteigerinnen
mit HTML und CSS für Einsteigerinnen Dipl.-Math. Eva Dyllong Universität Duisburg Dipl.-Math. Maria Oelinger spirito GmbH IF MYT 07-2002 Web-Technologien Überblick HTML und CSS, XML und DTD, JavaScript
MehrKennen, können, beherrschen lernen was gebraucht wird www.doelle-web.de
Inhaltsverzeichnis Inhaltsverzeichnis... 1 Grundlagen... 2 Hyperlinks innerhalb einer Datei... 2 Verweisziel definieren... 2 Einen Querverweis setzen... 3 Verschiedene Arten von Hyperlinks... 3 Einfache
MehrStep by Step Webserver unter Windows Server 2003. von Christian Bartl
Step by Step Webserver unter Windows Server 2003 von Webserver unter Windows Server 2003 Um den WWW-Server-Dienst IIS (Internet Information Service) zu nutzen muss dieser zunächst installiert werden (wird
MehrModellierung und Programmierung 1
Modellierung und Programmierung 1 Prof. Dr. Sonja Prohaska Computational EvoDevo Group Institut für Informatik Universität Leipzig 19. November 2015 Gültigkeitsbereich (Scope) von Variablen { int m; {
MehrJava Einführung Operatoren Kapitel 2 und 3
Java Einführung Operatoren Kapitel 2 und 3 Inhalt dieser Einheit Operatoren (unär, binär, ternär) Rangfolge der Operatoren Zuweisungsoperatoren Vergleichsoperatoren Logische Operatoren 2 Operatoren Abhängig
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
MehrKlicken Sie auf den Reiter Newsfeed (1) in der oberen Menüleiste und wählen Sie dann links in der schmalen grauen Leiste Neuer Newsfeed (2) aus:
Seite 1 Wenn Sie daran interessiert sind, aktuelle Informationen über Ihr Unternehmen auf Ihrer Internetpräsenz zu veröffentlichen, ist die Newsfeed-Funktion von meltwater news genau das richtige für Sie.
MehrGlossar. SVG-Grafiken in Bitmap-Grafikformate. Anweisung Eine Anweisung ist eine Folge aus Schlüsselwörtern, Variablen, Objekten,
Glossar Anweisung Eine Anweisung ist eine Folge aus Schlüsselwörtern, Variablen, Objekten, Methoden und/oder Eigenschaften, die eine bestimmte Berechnung ausführt, eine Eigenschaft ändert oder eine Methode
MehrErstellen einer digitalen Signatur für Adobe-Formulare
Erstellen einer digitalen Signatur für Adobe-Formulare (Hubert Straub 24.07.13) Die beiden Probleme beim Versenden digitaler Dokumente sind einmal die Prüfung der Authentizität des Absenders (was meist
MehrEinfügen von Bildern innerhalb eines Beitrages
Version 1.2 Einfügen von Bildern innerhalb eines Beitrages Um eigene Bilder ins Forum einzufügen, gibt es zwei Möglichkeiten. 1.) Ein Bild vom eigenem PC wird auf den Webspace von Baue-die-Bismarck.de
MehrBFV Widgets Kurzdokumentation
BFV Widgets Kurzdokumentation Mit Hilfe eines BFV-Widgets lassen sich die neuesten Ergebnisse und die aktuellen Tabellen des BFV auf der eigenen nicht kommerziellen Webseite mit wenig Aufwand einbeten.
MehrPrinzipien der Softwareentwicklung S. Strahringer
Gliederung 1 Einführung Was ist ein Programm? Vorteile (und Nachteile) von PHP Erste PHP-Programme Ausführung von PHP-Programmen 2 Grundbegriffe der Programmierung Anweisungen, Variablen, Datentypen und
MehrProgrammieren der Untersuchung
Programmieren der Untersuchung Während in HTML viele Tags zur Formatierung und Beschreibung eines Textes zur Verfügung stehen, bieten Programmiersprachen wie z.b. PHP oder Java Script Strukturen die einen
MehrJava Kurs für Anfänger Einheit 5 Methoden
Java Kurs für Anfänger Einheit 5 Methoden Ludwig-Maximilians-Universität München (Institut für Informatik: Programmierung und Softwaretechnik von Prof.Wirsing) 22. Juni 2009 Inhaltsverzeichnis Methoden
MehrEine Anwendung mit InstantRails 1.7
Eine Anwung mit InstantRails 1.7 Beschrieben wird das Anlegen einer einfachen Rails-Anwung, die ohne Datenbank auskommt. Schwerpunktmäßig wird auf den Zusammenhang von Controllern, Views und der zugehörigen
MehrWebmail. V1.4-14.09.2011 - Christof Rimle 2010 - www.rimle.ch
Christof Rimle IT Services, Säntisstrasse 16, CH-9240 Uzwil Webmail V1.4-14.09.2011 - Christof Rimle 2010 - www.rimle.ch Dieses Dokument ist urheberrechtlich geschützt. Es darf von Kunden der Firma Christof
MehrJavaScript und das Document Object Model 30.05.07
JavaScript und das Document Object Model Dynamische Seiten Bestreben von Netscape und Microsoft, HTML-Seiten dynamisch zu gestalten Schlagwort DHTML Netscape/Sun: JavaScript Microsoft: JScript Problem
MehrBFV Widget Kurzdokumentation
Seite 1 von 6 BFV Widget Kurzdokumentation Mit Hilfe eines BFV-Widget lassen sich die neuesten Ergebnisse und die aktuellen Tabellen des BFV auf der eigenen nicht kommerziellen Webseite mit wenig Aufwand
MehrWeb-Programmierung (WPR)
Web-Programmierung (WPR) Vorlesung IV. JavaScript Manfred Gruner mailto:wpr@gruner.org Offene Fragen 1. Unterschied Link und Style Tag Link = HTML Syntax wird/kannl von anderen Programmen ausgewertet werden.
MehrComputeria Solothurn
Computeria Solothurn Seniorinnen und Senioren entdecken den Computer und das Internet Sich mit «TeamViewer» von einem Supporter helfen lassen Diese Anleitung und die Illustrationen wurden unter Mac OS
MehrLokale Installation von DotNetNuke 4 ohne IIS
Lokale Installation von DotNetNuke 4 ohne IIS ITM GmbH Wankelstr. 14 70563 Stuttgart http://www.itm-consulting.de Benjamin Hermann hermann@itm-consulting.de 12.12.2006 Agenda Benötigte Komponenten Installation
MehrProgrammierschnittstelle API 2 für CMS Day Communiqué: Beispiele Standort
Eidgenössisches Departement für Verteidigung, Bevölkerungsschutz und Sport VBS armasuisse Bundesamt für Landestopografie swisstopo Programmierschnittstelle API 2 für CMS Day Communiqué: Beispiele Standort
MehrRevit Modelle in der Cloud: Autodesk 360 Mobile
Revit Modelle in der Cloud: Autodesk 360 Mobile Die Präsentation Ihrer Revit Modelle kann auf unterschiedlichste Weise erfolgen. Diverse Cloud Plattformen bieten kostenlosen Speicherplatz und Freigabeoptionen
MehrGrundlagen der Programmierung Prof. H. Mössenböck. 3. Verzweigungen
Grundlagen der Programmierung Prof. H. Mössenböck 3. Verzweigungen If-Anweisung n > 0? j n if (n > 0) x = x / n; ohne else-zweig x x / n j max x x > y? n max y if (x > y) max = x; else max = y; mit else-zweig
MehrHilfe bei Adobe Reader. Internet Explorer 8 und 9
Hilfe bei Adobe Reader Internet Explorer 8 und 9 1. Öffnen Sie Internet Explorer und wählen Sie Extras > Add-Ons verwalten. 2. Wählen Sie unter Add-On-Typen die Option Symbolleisten und Erweiterungen aus.
MehrGrundlagen der Informatik 2
Grundlagen der Informatik 2 Dipl.-Inf., Dipl.-Ing. (FH) Michael Wilhelm Hochschule Harz FB Automatisierung und Informatik mwilhelm@hs-harz.de Raum 2.202 Tel. 03943 / 659 338 1 Gliederung 1. Einführung
Mehrrobotron*e count robotron*e sales robotron*e collect Anmeldung Webkomponente Anwenderdokumentation Version: 2.0 Stand: 28.05.2014
robotron*e count robotron*e sales robotron*e collect Anwenderdokumentation Version: 2.0 Stand: 28.05.2014 Seite 2 von 5 Alle Rechte dieser Dokumentation unterliegen dem deutschen Urheberrecht. Die Vervielfältigung,
MehrStandard-Kontaktformular
Online-Tutorials Referat VI.5 Internetdienste Standard-Kontaktformular Legen Sie ein neues Dokument an Klicken Sie die Datei an, unter der Sie das Kontaktformular anlegen möchten Legen Sie über Datei >
MehrWebseiten sind keine Gemälde. Webstandards für ein besseres Web. Webstandards für ein besseres Web
Webseiten sind keine Gemälde Webkrauts Die Initiative für die Webkrauts ging von einem Blogeintrag im August 2005 aus. Nach dem Aufruf fanden sich innerhalb von etwa drei Tagen über 60 Interessierte zusammen.
MehrInhalt. Vorbemerkungen... 1
Vorbemerkungen...................................................... 1 1 Einleitung........................................................ 9 1.1 Statik und Dynamik............................................
MehrSIZ Modul 221: Outlook und Internetdienste
SIZ Modul 221: Outlook und Internetdienste Outlook Dateien importieren (PST, XLS usw.) 1. Menü Datei/Importieren/Exportieren... 2. Aus andern Programmen oder Dateien importieren Das ist bei den meisten
MehrDer Aufruf von DM_in_Euro 1.40 sollte die Ausgabe 1.40 DM = 0.51129 Euro ergeben.
Aufgabe 1.30 : Schreibe ein Programm DM_in_Euro.java zur Umrechnung eines DM-Betrags in Euro unter Verwendung einer Konstanten für den Umrechnungsfaktor. Das Programm soll den DM-Betrag als Parameter verarbeiten.
MehrObjektorientierte Programmierung
Objektorientierte Programmierung 1 Geschichte Dahl, Nygaard: Simula 67 (Algol 60 + Objektorientierung) Kay et al.: Smalltalk (erste rein-objektorientierte Sprache) Object Pascal, Objective C, C++ (wiederum
MehrProgrammierkurs Java
Programmierkurs Java Dr. Dietrich Boles Aufgaben zu UE16-Rekursion (Stand 09.12.2011) Aufgabe 1: Implementieren Sie in Java ein Programm, das solange einzelne Zeichen vom Terminal einliest, bis ein #-Zeichen
MehrAnleitung zur Aktivierung von JavaScript und Pop-Ups
Anleitung zur Aktivierung von JavaScript und Pop-Ups Inhaltsverzeichnis: Aktivierung von JavaScript und Pop-Ups in Mozilla Firefox 2 Aktivierung von JavaScript und Pop-Ups in Opera 4 Aktivierung von Pop-Ups
MehrZugriff auf Daten der Wago 750-841 über eine Webseite
Zugriff auf Daten der Wago 750-841 über eine Webseite Inhaltsverzeichnis Einleitung... 3 Auslesen von Variablen... 4 Programm auf der SPS... 4 XML-Datei auf der SPS... 4 PHP-Script zum Auslesen der XML-Datei...
MehrONLINEERHEBUNG IM STATISTISCHEN BUNDESAMT
ONLINEERHEBUNG IM STATISTISCHEN BUNDESAMT Das IDEV-System der Statistischen Ämter des Bundes und der Länder dient zur Onlineerhebung statistischer Daten. Die Darstellung und Menüführung des Systems entspricht
MehrNEUES LAYOUT FÜR DIE ONLINE-ERHEBUNG DES STATISTISCHEN BUNDESAMTES
NEUES LAYOUT FÜR DIE ONLINE-ERHEBUNG DES STATISTISCHEN BUNDESAMTES Voraussichtlich ab dem 27. August 2013 steht Ihnen das IDEV-System im neuen Layout zur Verfügung. Die Darstellung und Menüführung entspricht
MehrDatenaustausch@IC RL
Datenaustausch@IC RL SAP cfolders Erste Schritte Erstes Login: Ihre Initial-Zugangsdaten zu SAP cfolders finden Sie im ProjektPortal nach Klick auf den Reiter Projekt SAP cfolders, im Channel SAP cfolders
MehrFolgende Voraussetzungen für die Konfiguration müssen erfüllt sein:
5. HTTP Proxy (Auth User / URL Liste / Datei Filter) 5.1 Einleitung Sie konfigurieren den HTTP Proxy, um die Webzugriffe ins Internet zu kontrollieren. Das Aufrufen von Webseiten ist nur authentifizierten
MehrGliederung. Tutorium zur Vorlesung. Gliederung. Gliederung. 1. Gliederung der Informatik. 1. Gliederung der Informatik. 1. Gliederung der Informatik
Informatik I WS 2012/13 Tutorium zur Vorlesung 1. Alexander Zietlow zietlow@informatik.uni-tuebingen.de Wilhelm-Schickard-Institut für Informatik Eberhard Karls Universität Tübingen 11.02.2013 1. 2. 1.
MehrAnleitung zum Prüfen von WebDAV
Anleitung zum Prüfen von WebDAV (BDRS Version 8.010.006 oder höher) Dieses Merkblatt beschreibt, wie Sie Ihr System auf die Verwendung von WebDAV überprüfen können. 1. Was ist WebDAV? Bei der Nutzung des
MehrJava Einführung Collections
Java Einführung Collections Inhalt dieser Einheit Behälterklassen, die in der Java API bereitgestellt werden Wiederholung Array Collections (Vector, List, Set) Map 2 Wiederholung Array a[0] a[1] a[2] a[3]...
MehrAnleitung für die Registrierung und das Einstellen von Angeboten
Anleitung für die Registrierung und das Einstellen von Angeboten Das FRROOTS Logo zeigt Ihnen in den Abbildungen die wichtigsten Tipps und Klicks. 1. Aufrufen der Seite Rufen Sie zunächst in Ihrem Browser
MehrSeite 1 von 14. Cookie-Einstellungen verschiedener Browser
Seite 1 von 14 Cookie-Einstellungen verschiedener Browser Cookie-Einstellungen verschiedener Browser, 7. Dezember 2015 Inhaltsverzeichnis 1.Aktivierung von Cookies... 3 2.Cookies... 3 2.1.Wofu r braucht
MehrVorkurs C++ Programmierung
Vorkurs C++ Programmierung Klassen Letzte Stunde Speicherverwaltung automatische Speicherverwaltung auf dem Stack dynamische Speicherverwaltung auf dem Heap new/new[] und delete/delete[] Speicherklassen:
MehrEinführung in die Programmierung
Technische Universität München WS 2003/2004 Institut für Informatik Prof. Dr. Christoph Zenger Testklausur Einführung in die Programmierung Probeklausur Java (Lösungsvorschlag) 1 Die Klasse ArrayList In
MehrSpamschutz bei TYPO3. von Bernd Warken bei Fa. Netcos AG
Spamschutz bei TYPO3 von Bernd Warken bei Fa. Netcos AG Kapitel 0: Einleitung 3 0.1 Vorwort 3 0.2 Lizenz 3 Kapitel 1: Aktivierung und Konfiguration 4 1.1 config.spamprotectemailaddresses 4 1.2 config.spamprotectemailaddresses_atsubst
Mehrwww.flatbooster.com FILEZILLA HANDBUCH
www.flatbooster.com FILEZILLA HANDBUCH deutsche Auflage Datum: 12.03.2011 Version: 1.0.2 Download: http://flatbooster.com/support Inhaltsverzeichnis 1 Filezilla FTP Programm 1 1.1 Filezilla installieren.................................
MehrAnleitung: Einrichtung der Fritz!Box 7272 mit VoIP Telefonanschluss
Schließen Sie die AVM Fritz!Box, wie auf dem der Fritz!Box beiliegenden Schaubild beschrieben, an. Starten Sie den Internet Explorer oder einen beliebigen Browser (Mozilla Firefox, Google Chrome, Safari)
MehrInstallation des Zertifikats
Dieses Dokument beschreibt die Installation eines Zertifikats zur Nutzung des Internet Portals für Zahlungspartner, Träger und Einrichtungen im Rahmen von ISBJ KiTa. Jeder Benutzer des ISBJ Trägerportals
MehrEs wird das Struts <html:option> Element erläutert und anhand von kleinen Beispielen der Umgang veranschaulicht.
Struts Code Peaces Element Es wird das Struts Element erläutert und anhand von kleinen Beispielen der Umgang veranschaulicht. Allgemeines Autor: Sascha Wolski Sebastian Hennebrüder
MehrArrays von Objekten. Annabelle Klarl. Einführung in die Informatik Programmierung und Softwareentwicklung
Annabelle Klarl Zentralübung zur Vorlesung Einführung in die Informatik: http://www.pst.ifi.lmu.de/lehre/wise-13-14/infoeinf WS13/14 Action required now 1. Smartphone: installiere die App "socrative student"
MehrInhalt. Teil I: Der Sprachkern von JavaScript
Inhalt Vorwort.... 1 Einführung in JavaScript... 1 1.1 Der JavaScript-Sprachkern... 4 1.2 Clientseitiges JavaScript... 9 Teil I: Der Sprachkern von JavaScript 2 Die lexikalische Struktur... 21 2.1 Zeichensatz...
MehrAnleitung zur Bearbeitung von Prüferkommentaren in der Nachreichung
Anleitung zur Bearbeitung von Prüferkommentaren in der Nachreichung Inhalt 1. Schritt Prüferkommentare... 1 2. Schritt Prüferkommentar kommentieren... 4 3. Schritt Nachweisdokumente hochladen... 6 4. Schritt
MehrAnleitung auf SEITE 2
Anleitung für den Zugang zum WLAN der UdK Berlin mit den SSIDs UdK Berlin (unsecure) unter Windows 7 Übersicht über die verschiedenen W-LANs an der UdK Berlin: W-LAN Vorteil Nachteil - Nutzerdaten werden
MehrInstitut für Programmierung und Reaktive Systeme 26. April 2013. Programmieren II. 10. Übungsblatt
Technische Universität Braunschweig Dr. Werner Struckmann Institut für Programmierung und Reaktive Systeme 26. April 2013 Programmieren II 10. Übungsblatt Hinweis: Insgesamt werden in diesem Semester fünf
MehrWebentwicklung mit Mozilla Composer I.
Tutorium Webentwicklung mit Mozilla Composer I. Präsentation der Sitzung vom 12. Mai 2004 Martin Stricker martin.stricker@rz.hu-berlin.de Programm Erstellen und Bearbeiten von Webseiten mit dem HTML-Editor
MehrPHP 5.4 ISBN 978-3-86249-327-2. Stephan Heller, Andreas Dittfurth 1. Ausgabe, September 2012. Grundlagen zur Erstellung dynamischer Webseiten GPHP54
PHP 5.4 Stephan Heller, Andreas Dittfurth 1. Ausgabe, September 2012 Grundlagen zur Erstellung dynamischer Webseiten ISBN 978-3-86249-327-2 GPHP54 5 PHP 5.4 - Grundlagen zur Erstellung dynamischer Webseiten
MehrEinfache Arrays. Annabelle Klarl. Einführung in die Informatik Programmierung und Softwareentwicklung
Annabelle Klarl Zentralübung zur Vorlesung Einführung in die Informatik: http://www.pst.ifi.lmu.de/lehre/wise-13-14/infoeinf WS13/14 Action required now 1. Smartphone: installiere die App "socrative student"
MehrDaten fu r Navigator Mobile (ipad)
[Kommentare] Inhalte Navigator Mobile für das ipad... 3 Programme und Dateien... 4 Folgende Installationen sind erforderlich:... 4 Es gibt verschiedene Dateiformate.... 4 Die Installationen... 5 Installation
MehrCodes und Informationsgehalt
Aufgaben 2 Codes und Informationsgehalt Auf wie viele Dezimalziffern genau können vorzeichenlose ganze Zahlen in einem binären Code der Länge 32 bit dargestellt werden? 2 Codes und Informationsgehalt Auf
MehrReferenzen Frontend und PHP
Referenzen Frontend und PHP Stand: Dezember 2014 - Startseite Stand: Dezember 2014 - Seite wird mit PHP aus mysql Datenbank generiert - HTML5 und CSS3 - Aufbau mit - validiert von W3C www.georgien-nachrichten.de
Mehr