3. Clientseitige Verarbeitung und Javascript
|
|
|
- Simon David Sachs
- vor 10 Jahren
- Abrufe
Transkript
1 3. Clientseitige Verarbeitung und Javascript Inhalt: Javascript Einbindung von Javascript-Funktionen in Webseiten DOM-Referenzierung Realisierung dynamischer Effekte über das DOM Exkurs: Objektorientiert Programmieren mit Javascript 1 Javascript Javascript wurde 1995 im Netscape-Browser eingeführt und wird inzwischen von den meisten Browsern unterstützt. Allgemeines: Skripte werden mit der HTML/XHTML-Seite übertragen und deren Ausführung durch verschiedene Ereignisse angestoßen Diese Skripting-Erweiterung bleibt im Rahmen einer 2-Tier Architektur. Javascript erlaubt dynamische Effekte bei Darstellung der Webseiten. Java bzw. C- ähnliche Sprache prozedural und objektorientiert 2
2 Javascript Javascript wurde 1995 im Netscape-Browser eingeführt und wird inzwischen von den meisten Browsern unterstützt. Allgemeines: Skripte werden mit der HTML/XHTML-Seite übertragen und deren Ausführung durch verschiedene Ereignisse angestoßen Diese Skripting-Erweiterung bleibt im Rahmen einer 2-Tier Architektur. Javascript erlaubt dynamische Effekte bei Darstellung der Webseiten. Java bzw. C- ähnliche Sprache prozedural und objektorientiert 3 Javascript-Minimalbeispiel <html> <head> <title>eine Seite mit Javascript</title> <script type= text/javascript > alert( Hier spricht das Javascript! ); </head> <body> </body> </html> 4
3 Javascript - Variablen <html> <head> <title>eine Seite mit Javascript</title> function fun() { var x; x=42; alert("die magische Zahl ist "+x); </head> <body > <form name="formular" action=""> <input type="button" value="action!" onclick="fun()"/> </form> </body> </html> Variablen sind mittels var zu deklarieren. keine Typ-Angabe nötig 5 Javascript - Variablen <html> <head> <title>eine Seite mit Javascript</title> function fun() { var x; x=42; var Nachricht = "Die magische Zahl"; ; alert( Nachricht+" ist "+x); </head> <body > <form name="formular" action=""> <input type="button" value="action!" onclick="fun()"/> </form> </body> </html> Zeichenketten können per + zusammengebaut werden 6
4 Javascript - Alternative function fun() { var x; x=eingabe.text; var Nachricht; if (x==42) { Nachricht = "Die magische Zahl"; else { Nachricht = Die gewoehnliche Zahl ; alert( Nachricht+" ist "+x); Alternativen mittels if (bedingung) else Bedingungen mit Relationen<,>,==,<=,>= Logische Verknüpfungen: && (UND), (ODER),! (NEGATION) 7 Javascript Zyklus (1) function fun() { var x; x=document.eingabe.value; var Nachricht; var i = 0; while (i <=x) { alert( Der + i + te Durchgang! ); i=i+1; Zyklen mittels while( ) { oder do { while( ); möglich. 8
5 Javascript Zyklus (2) function fun() { var x; x=document.eingabe.value; var Nachricht; var i = 0; for(i=0; i<=x; i++) { alert( Der + i + te Durchgang! ); For-Schleifen vorzugsweise dann, wenn vorab bekannt ist, wieviele Durchläufe erfolgen sollen. 9 Javascript Zyklus (3) Für while-, do-while- und for-schleifen kann per break vorzeitig aus der Wiederholung ausgetreten werden continue der aktuelle Schleifendurchlauf beendet werden und mit dem nächsten Durchlauf fortgesetzt werden. Beispiel: <script type= text/javascript > Es werden die var i=0; Listenpunkte von 1 bis 19 while(i<10000) erzeugt, mit Ausnahme { if (i==20) break; von 7 und 13 i++; if (i==7 i==13) continue; document.write( <li>listenpunkt +i+ </li><br/> ); 10
6 Javascript Funktionen Ohne Parameter und Rückgabewert: function fun() { // hier der Code Mit Parametern und Rückgabewert: function calculate(a, b) { var c = a * (1 + (b / 100)); return c; 11 Javascript Felder (1) Vereinbarung der Felder: var werte= new Array(100); var 3dpos = new Array(2);... for (i=0;i<=100;i++) { werte[i]=i*2; 3dpos[0]=x; 3dpos[1]=y; 3dpos[2]=z; Die Feldelemente werden beginnend mit 0 nummeriert. Wenn n Elemente vereinbart werden, dann besitzt das Feld n+1 Elemente (von Index 0 bis n). Das ist ein Unterschied gegenüber C. len = werte.length(); // gibt Anzahl Elemente zurueck, hier speziell
![.. for (i=0;i<=100;i++) { werte[i]=i*2; 3dpos[0]=x; 3dpos[1]=y; 3dpos[2]=z; Die Feldelemente werden beginnend mit 0 nummeriert.](/docs-images/43/9394256/images/page_6.jpg "Wenn n Elemente vereinbart werden, dann besitzt das Feld n+1 Elemente (von Index 0 bis n). Das ist ein Unterschied gegenüber C. len = werte.")
7 Mehrdimensionale Felder Javascript Felder (2) var 3dpositions = new Arrray(5); for (i=0;i<3dpositions.length;i++) 3dpositions[i] = new Array(2); for (i=0;i<=5;i++) { 3dpos[i][0]=x[i]; 3dpos[i][1]=y[i]; 3dpos[i][2]=z[i]; 13 Javascript Felder (3) Verschiedene Varianten zum Anlegen von Feldern: über die Anzahl der Elemente var 3dpos = new Array(2); über die Initialisierung der Elemente Objektname = new Array(Element0, Element1,..., element_n); MeineKinder = new Array( Max", Moritz", Hensel", Gretel"); Ohne Länge MeineVorlesungen = new Array(); //Elemente entstehen durch ihre Referenzierung meinevorlesungen[0]="internettechnologien"; meinevorlesungen[1]="parallele Programmierung"; meinevorlesungen[2]="informatik für Chemiker"; Peter Sobe Internettechnologien 14
8 Javascript Felder (4) Assoziative Felder Elemente können über ihren Inhalt referenziert werden Beispiel aus selfhtml.org: var Mitarbeiter = new Array(); Mitarbeiter[0] = new Object(); Mitarbeiter[0]["Name"] = "Müller"; Mitarbeiter[0]["Vorname"] = Fred"; Mitarbeiter[0]["Wohnort"] = "Dresden"; Mitarbeiter[1] = new Object(); Mitarbeiter[1]["Name"] = "Schulze"; Mitarbeiter[1]["Vorname"] = Maria"; Mitarbeiter[1]["Wohnort"] = "Berlin"; 15 Javascript Felder (5) Assoziative Felder (Fortsetzung) Beispiel aus selfhtml.org: for (var i = 0; i < Mitarbeiter.length; i++) { document.write("<dl><dt>mitarbeiter " + (i + 1) + "<\/dt>"); for (var Eigenschaft in Mitarbeiter[i]) document.write("<dd>" + Eigenschaft + ": " + Mitarbeiter[i][Eigenschaft] + "<\/dd>"); document.write("<\/dl>"); 16
![new Object(); Mitarbeiter[1]["Name"] = "Schulze"; Mitarbeiter[1]["Vorname"] = Maria"; Mitarbeiter[1]["Wohnort"] = "Berlin"; 15 Javascript Felder (5) Assoziative Felder (Fortsetzung) Beispiel aus](/docs-images/43/9394256/images/page_8.jpg "selfhtml.org: for (var i = 0; i < Mitarbeiter.length; i++) { document.write(\"<dl><dt>mitarbeiter \" + (i + 1) + \"<\/dt>\"); for (var Eigenschaft in Mitarbeiter[i]) document.")
9 Javascript Einbindung der Funktionen Im Javascript-Element werden eine oder mehrere Funktionen definiert. <script type= text/javascript > var z=0; // global variable function1() { alert( z= +z); function2() { z=z+1; Es können auch mehrere Javascript-Elemente in einem Dokument eingebunden werden. Das wird gern benutzt, wenn Skripte aus externen Quelldateien eingebunden werden. <script type="text/javascript" src="../jsclasses/myjsfunctions.js" > function test(){ 17 Javascript Aufruf der Funktionen (1) Als Beispiel wurden drei Funktionen definiert, die nun auf unterschiedliche Art aufgerufen werden. Bei Laden der Webseite: <body onload= test() > </body> Bei Button-Klick: <input type= button value= OK onclick= function1() > Bei Formular-Aktionen: <form id= Formular1 action= method= post onsubmit= function1() onreset= function2() > <input id= werteingabe type= text size= 5 > <input type= submit > value= Berechnen /> <input type= reset > value= Abbruch /> </form> 18
10 Javascript Aufruf der Funktionen (2) Zeitgesteuerter Aufruf (Zeitwert in Millisekunden): <body onload= settimeout(test(),1000) > </body> Aufruf der Funktionen untereinander: function1() { // do something function2(); Generelles Konzept: Ein Eventhandler reagiert auf Ereignisse, die von HTML-Elementen mit entsprechenden Attributen (onclick, onload usw.) ausgelöst werden. In den Ereignis-Attributen kann direkt Javascript-Code notiert werden, oder der Aufruf von Funktionen innerhalb eines Javascript-Elements ausgelöst werden. Attribute (Auswahl): onclick für button, onchange für text, textarea, onmouseover, onload/onunload für HTML-Seiten(body) 19 Javascript Aufruf der Funktionen (3) Inline-Skripte: Diese Skripte stehen innerhalb des Body und werden mit den Laden des HTML-Dokuments ausgeführt. Sie erzeugen oftmals Elemente der Webseite (auf automatisierte Art und Weise). * Listenpunkt 1 * Listenpunkt 2 * Listenpunkt 3 * Listenpunkt 4 * Listenpunkt 5 * Listenpunkt 6 * Listenpunkt 7 * Listenpunkt 8 * Listenpunkt 9 <html><head><title>test</title></head> <body> var i; document.write("<ul>"); for (i = 1; i!= 10; i++) document.write("<li> Listenpunkt " + i + "</li>"); document.write("</ul>"); 20
11 Javascript Aufruf der Funktionen (4) Inline-Skripte (Fortsetzung): Wenn document.write( "); nicht erlaubt ist, können bereits bestehende Elemente gefüllt oder erweitert werden. <div id="platzhalter1"></div> <div id="platzhalter2"></div> <div id="platzhalter3"></div> <div id="platzhalter4"></div> <div id="platzhalter5"></div> var i; for (i=1;i!=6;i++) { document.getelementbyid("platzhalter"+i).innerhtml="<p><font color='blue' size='4'>listenpunkt"+i+"</font></p>"; alert("platzhalter"+i); 21 Javascript in XHTML Das Javascript ist ein normales Element im DOM Vergleichsoperatoren <,>,<=,=> innerhalb des Skriptes werden als Tag-Kennzeichen gewertet (Problem!). Mit Kommentar: <script type= text/javascript > /*<![CDATA[*/ function calculate(a) { var c = 1; for (i=1;i<=a; i++) c= c*i; return c; /*]]>*/ Erklärung: Zeichen <,>,&, sind innerhalb Elementen nicht erlaubt. XML-Parser übergeht Bereiche, die durch <![CDATA[. ]]> eingefasst sind. 22
12 Javascript DOM-Referenzierung (1) Knoten Attribute Vater/Kind-Knoten Siblings (Geschwisterknoten) Vater Kinder Geschwister 23 Javascript DOM-Referenzierung (2) Werte über DOM-Referenz var z = document.formular1.eingabe.value; Funktioniert nur eingeschränkt! var e = document.getelementbyid( element-id ); Über e können Werte ausgelesen und gesetzt werden. eingabe = e.value; e.value= Standardwert ; 24
13 Javascript DOM-Referenzierung (3) Lesen und Setzten von Attributen: var e = document.getelementbyid( element-id ); Über e können Attribute ausgelesen und gesetzt werden. a = e.getattribute( attr-name ); e.setattribute( attr-name, attr-value ); Verkürzte Schreibweise: document.getelementbyid( element-id ).setattribute( attr-name, attr-value ); 25 Javascript DOM-Referenzierung (4) Javascript-Funktionen zum Zugriff auf Dokumenteigenschaften Zugriff aus Kind-Knoten: firstchild, lastchild Beispiel aus SelfHTML.org <body> <ul><li>erster Punkt</li> <li>zweiter Punkt</li> </ul> var ErsterPunkt = document.getelementsbytagname("ul")[0].firstchild; document.write(ersterpunkt.firstchild.data); </body> 26
14 Javascript DOM-Referenzierung (5) Zugriff auf Geschwister-Knoten: nextsibling (auch previoussibling) Beispiel aus SelfHTML.org <body> <ul><li>erster Punkt</li> <li>zweiter Punkt</li> </ul> document.write("das ul-element hat folgende Knoten unter sich:<br>"); var Knoten = document.getelementsbytagname("ul")[0].firstchild; while (Knoten!= null) { document.write("einen Knoten mit dem Namen <b>" + Knoten.nodeName + "<\/b><br>"); Knoten = Knoten.nextSibling; </body> 27 Javascript DOM-Referenzierung (6) Test, ob Kind-Knoten vorhanden: haschildnodes() gibt true oder false zurück, je nach dem ob das referenzierte Element Kindknoten besitzt oder nicht Element: nodename Knoten = document.getelementbyid("dasscript"); var Knoten = document.body.firstchild; document.write("dieses Script-Element hat folgende Knotennamen: <b>" + Knoten.nodeName + "</b>"); 28
15 Javascript DOM-Referenzierung (7) nodetype <html><head><title>test</title> </head><body> <p align="center">ein kleiner Text</p> var Element = document.getelementsbytagname("p")[0]; var Ausrichtung = Element.getAttributeNode("align"); alert(ausrichtung.nodetype); </body> </html> Knotentypen können Elementknoten (Kodierung 1), Attributknoten (2), Textknoten (3) und weitere sein 29 nodevalue Javascript DOM-Referenzierung (8) function TextAendern () { document.getelementbyid("dertext").firstchild.nodevalue = document.formular.neuertext.value; parentnode </head><body> <ul> <li>ein Punkt</li><li>ein zweiter</li></ul> alert(document.getelementsbytagname("li")[0].parentnode.parentnode.tagna me); </body> 30
16 Javascript Dynamische Effekte per DOM (1) InsertBefore <html><head><title>test</title></head> <body> <p id="dertext">text <i id="derkursivetext">und mit kursivem Text</i></p> var neub = document.createelement("b"); var neubtext = document.createtextnode("mit fettem Text "); neub.appendchild(neubtext); document.getelementbyid("dertext").insertbefore(neub, document.getelementbyid("derkursivetext")); </body></html> 31 Javascript Dynamische Effekte per DOM (2) Einfügen neuer Knoten per appendchild() <html><head><title>test</title></head> <body> <ol id="liste"> <li>element</li> </ol> document.getelementbyid("liste").removechild(document.getelementbyid("liste").firs tchild); for (var i = 0; i < 10; i++) { var newli = document.createelement("li"); var linr = i + 1; var newlitext = document.createtextnode("das ist Listeneintrag Nummer " + linr); document.getelementbyid("liste").appendchild(newli); document.getelementsbytagname("li")[i].appendchild(newlitext); </body></html> 32
17 Javascript Dynamische Effekte per DOM (3) zum Entfernen von DOM-Knoten: RemoveChild() innerhtml <html><head><title>test</title> var Neu = "neuer <b>fetter<\/b> Text"; function Aendern () { document.all.meinabsatz.innerhtml = Neu; </head><body> <p id="meinabsatz">text</p> <a href="javascript:aendern()">anderer Text</a> </body></html> 33 Javascript Objektorientiert Programmieren (1) Javascript kennt keine Klassen (im Gegensatz zu Java und C++); dennoch ist objektorientiertes Programmieren möglich Einige Aspekte: Variablen und Funktionen erzeugen intern Objekte z.b. erzeugen Funktionen s.g. Funktionsobjekte Javascript-Objekte sind assoziative Arrays mit Attributen und Methoden als Array-Elemente Man kann einem Javascript-Objekt zur Laufzeit neue Methoden zuweisen Vererbung über prototypische Objekte 34
18 Javascript Objektorientiert Programmieren (2) Beispiel einer Klasse mit zwei Instanzen function Klasse() { this.funktion1 = eingabe; this.funktion2 = ausgabe; function eingabe() { function ausgabe() { obj1 = new Klasse(); obj2 = new Klasse(); obj1.fuktion1(); obj2.funktion1(); obj1.funktion2(); Eine Klasse entsteht über ein Funktionsobjekt, dem man über this weitere Funktionen zuweist. 35 Javascript Objektorientiert Programmieren (3) Vererbung: function Basisklasse() { this.attribute = wert ; this.basisfunktion = b; function b() { function AbgeleiteteKlasse() { AbgeleiteteKlasse.prototyp = new Basisklasse(); obj1 = new AbgeleiteteKlasse(); obj1.basisfunktion(); Vererbung kann über das Attribut prototyp erzeugt werden. 36
19 Überleitung zu 3-Tier-Architekturen Bislang betrachtet: 2-Tier Architekturen 3-Tier Architekturen Webbrowser Javascript Webbrowser Javascript Javascript Javascript HTML, XML, +eingebettete Formate Webserver Webserver server-seitiges Scripting PHP 37
Multimediale 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)
Klausurteilnehmer. 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
Programmieren 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
DOM Document Object Model
DOM Document Object Model J. Schneeberger Das Document Object Model (DOM) W3C Spezifikation Benutzt die Baumstruktur des (XML/HTML) Dokuments Programmierschnittstelle (API) für HTML- und XML-Dokumente
BillSAFE 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
Multimedia 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
Web 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
Web-Programmierung (WPR)
Web-Programmierung (WPR) Vorlesung IV. JavaScript Manfred Gruner mailto:[email protected] Offene Fragen 1. Unterschied Link und Style Tag Link = HTML Syntax wird/kannl von anderen Programmen ausgewertet werden.
«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
Objektorientierte 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
Einfü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
Zugriff 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...
Modellierung 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; {
php 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.
1 Vom Problem zum Programm
Hintergrundinformationen zur Vorlesung GRUNDLAGEN DER INFORMATIK I Studiengang Elektrotechnik WS 02/03 AG Betriebssysteme FB3 Kirsten Berkenkötter 1 Vom Problem zum Programm Aufgabenstellung analysieren
IT-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,
Programmieren in Java
Programmieren in Java objektorientierte Programmierung 2 2 Zusammenhang Klasse-Datei In jeder *.java Datei kann es genau eine public-klasse geben wobei Klassen- und Dateiname übereinstimmen. Es können
Vorkurs 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:
E-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
Datenbanksysteme 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
Objektorientierte Programmierung für Anfänger am Beispiel PHP
Objektorientierte Programmierung für Anfänger am Beispiel PHP Johannes Mittendorfer http://jmittendorfer.hostingsociety.com 19. August 2012 Abstract Dieses Dokument soll die Vorteile der objektorientierten
PHP 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
Arrays. 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,
AJAX DRUPAL 7 AJAX FRAMEWORK. Was ist das Ajax Framework? Ein typischer Ablauf eines Ajax Requests Die Bestandteile des Ajax Frameworks.
DRUPAL 7 AJAX FRAMEWORK Was ist das Ajax Framework? Ein typischer Ablauf eines Ajax Requests Die Bestandteile des Ajax Frameworks AJAX Beispiele Fragen: Gibt es jemanden der noch gar keine Erfahrungen
Warten 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
BFV 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.
Grundlagen von Python
Einführung in Python Grundlagen von Python Felix Döring, Felix Wittwer November 17, 2015 Scriptcharakter Programmierparadigmen Imperatives Programmieren Das Scoping Problem Objektorientiertes Programmieren
Verhindert, dass eine Methode überschrieben wird. public final int holekontostand() {...} public final class Girokonto extends Konto {...
PIWIN I Kap. 8 Objektorientierte Programmierung - Vererbung 31 Schlüsselwort: final Verhindert, dass eine Methode überschrieben wird public final int holekontostand() {... Erben von einer Klasse verbieten:
Javascript kann nun auf die Objekte der Webseite über entsprechene Objektbezeichner zugreifen und deren Attribute auslesen oder verändern.
JavaScript-OO JavaScript bietet auf einfache Weise die Möglichkeit, verschiedenen Objekte einer HTML-Seite aktiv zu verbinden, sodass der Inhalt der Webseite aktiv auf Usereingaben reagiert. Jedes Objekt
Programmierkurs 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
Ü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
Dieses Dokument soll dem Administrator helfen, die ENiQ-Software als Client auf dem Zielrechner zu installieren und zu konfigurieren.
CLIENT INSTALLATION DES ENIQ ACCESSMANAGEMENTS Dieses Dokument soll dem Administrator helfen, die ENiQ-Software als Client auf dem Zielrechner zu installieren und zu konfigurieren. Ein Client kann in drei
HTML5. 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,
BFV 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
5. Tutorium zu Programmieren
5. Tutorium zu Programmieren Dennis Ewert Gruppe 6 Universität Karlsruhe Institut für Programmstrukturen und Datenorganisation (IPD) Lehrstuhl Programmierparadigmen WS 2008/2009 c 2008 by IPD Snelting
Multivariate Tests mit Google Analytics
Table of Contents 1. Einleitung 2. Ziele festlegen 3. Einrichtung eines Multivariate Tests in Google Analytics 4. Das JavaScript 5. Die Auswertung der Ergebnisse Multivariate Tests mit Google Analytics
2. Programmierung in C
2. Programmierung in C Inhalt: Überblick über Programmiersprachen, Allgemeines zur Sprache C C: Basisdatentypen, Variablen, Konstanten Operatoren, Ausdrücke und Anweisungen Kontrollstrukturen (Steuerfluss)
JavaScript in Drupal
JavaScript in Drupal JavaScript JavaScript ist nicht Java JavaScript ist keine reine Web-Sprache JavaScript ist benutzbar Web 1.0 Dreamweaver Mouseover-Scripts Dinge, die dem Cursor nachfliegen Schneeflocken
Wintersemester Maschinenbau und Kunststofftechnik. Informatik. Tobias Wolf http://informatik.swoke.de. Seite 1 von 22
Kapitel 19 Vererbung, UML Seite 1 von 22 Vererbung - Neben der Datenabstraktion und der Datenkapselung ist die Vererbung ein weiteres Merkmal der OOP. - Durch Vererbung werden die Methoden und die Eigenschaften
PHP Kurs Online Kurs Analysten Programmierer Web PHP
PHP Kurs Online Kurs Analysten Programmierer Web PHP Akademie Domani [email protected] Allgemeines Programm des Kurses PHP Modul 1 - Einführung und Installation PHP-Umgebung Erste Lerneinheit Introduzione
PHP JavaScript Kapitel 9. Java-Script-Objekte und das Event-Modell
Java-Script-Objekte und das Event-Modell 1 Interaktions-Methoden des Window-Objekts
Schiller-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
Einführung in die Java- Programmierung
Einführung in die Java- Programmierung Dr. Volker Riediger Tassilo Horn riediger [email protected] WiSe 2012/13 1 Wichtig... Mittags keine Pommes... Praktikum A 230 C 207 (Madeleine + Esma) F 112 F 113
teischl.com Software Design & Services e.u. [email protected] www.teischl.com/booknkeep www.facebook.com/booknkeep
teischl.com Software Design & Services e.u. [email protected] www.teischl.com/booknkeep www.facebook.com/booknkeep 1. Erstellen Sie ein neues Rechnungsformular Mit book n keep können Sie nun Ihre eigenen
Einrichtung Secure-FTP
Einrichtung Secure-FTP ONEGroup Hochriesstrasse 16 83101 Rohrdorf Steffen Prochnow Hochriesstrasse 16 83101 Rohrdorf Tel.: (08032) 989 492 Fax.: (01212) 568 596 498 [email protected] 1. Vorwort... 2 2. Einrichtung
Einfü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:
Programmieren. 10. Tutorium 4./ 5. Übungsblatt Referenzen
Programmieren 10. Tutorium 4./ 5. Übungsblatt Inhalt I. Übungsblatt 4 II. III. - Rückgabe und Besprechung - Vorbereitung auf Wiederholung/ Nachtrag - Operatorpräzedenzen IV. Übungsblatt 5 - Vorstellung
.NET Code schützen. Projekt.NET. Version 1.0
.NET Code schützen Projekt.NET Informationsmaterial zum Schützen des.net Codes Version 1.0 Autor: Status: Ablage: Empfänger: Seiten: D. Hoyer 1 / 6 Verteiler : Dokument1 Seite 1 von 1 Änderungsprotokoll
Aufgaben HTML Formulare. Prof. Dr. rer. nat. Claus Brell, http://claus-brell.de, [email protected], 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
Java: Vererbung. Teil 3: super() www.informatikzentrale.de
Java: Vererbung Teil 3: super() Konstruktor und Vererbung Kindklasse ruft SELBSTSTÄNDIG und IMMER zuerst den Konstruktor der Elternklasse auf! Konstruktor und Vererbung Kindklasse ruft SELBSTSTÄNDIG und
II. Grundlagen der Programmierung. 9. Datenstrukturen. Daten zusammenfassen. In Java (Forts.): In Java:
Technische Informatik für Ingenieure (TIfI) WS 2005/2006, Vorlesung 9 II. Grundlagen der Programmierung Ekkart Kindler Funktionen und Prozeduren Datenstrukturen 9. Datenstrukturen Daten zusammenfassen
Übersicht Programmablaufsteuerung
Übersicht Programmablaufsteuerung Konditionale Verzweigung: if - else switch-anweisung Schleifenkonstrukte: while, do - while for Schleife Sprung-Anweisungen: break, continue, goto, return Anweisungen
Dieses Tutorial gibt eine Übersicht der Form Klassen von Struts, welche Besonderheiten und Unterschiede diese aufweisen.
Übersicht Struts Forms Dieses Tutorial gibt eine Übersicht der Form Klassen von Struts, welche Besonderheiten und Unterschiede diese aufweisen. Allgemeines Autor: Sascha Wolski http://www.laliluna.de/tutorials.html
Überblick. Lineares Suchen
Komplexität Was ist das? Die Komplexität eines Algorithmus sei hierbei die Abschätzung des Aufwandes seiner Realisierung bzw. Berechnung auf einem Computer. Sie wird daher auch rechnerische Komplexität
Virtueller Seminarordner Anleitung für die Dozentinnen und Dozenten
Virtueller Seminarordner Anleitung für die Dozentinnen und Dozenten In dem Virtuellen Seminarordner werden für die Teilnehmerinnen und Teilnehmer des Seminars alle für das Seminar wichtigen Informationen,
Übungen zu Einführung in die Informatik: Programmierung und Software-Entwicklung: Lösungsvorschlag
Ludwig-Maximilians-Universität München WS 2015/16 Institut für Informatik Übungsblatt 9 Prof. Dr. R. Hennicker, A. Klarl Übungen zu Einführung in die Informatik: Programmierung und Software-Entwicklung:
Java Kurs für Anfänger Einheit 4 Klassen und Objekte
Java Kurs für Anfänger Einheit 4 Klassen und Ludwig-Maximilians-Universität München (Institut für Informatik: Programmierung und Softwaretechnik von Prof.Wirsing) 13. Juni 2009 Inhaltsverzeichnis klasse
> Mozilla Firefox 3.5
-- > Mozilla Firefox 3.5 Browsereinstellungen optimieren - Übersicht - Inhalt Seite 1. Cache und Cookies löschen 2 2. Sicherheits- und Datenschutzeinstellungen 3 Stand März 2010 - 1. Cache und Cookies
Online-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
Dynamik 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
Objektorientiertes JavaScript
Objektorientiertes JavaScript Christoph Fabritz [email protected] http://goo.gl/jzqxnw Inhalt JavaScript Objektorientierung OO in JavaScript Literatur JavaScript Interpretiert / gescriptet Dynamische
In dem unterem Feld können Sie Ihre E-Mail eintragen, wenn sie im System hinterlegt wurde. Dann wird Ihnen Ihr Passwort noch einmal zugeschickt.
Wyhdata Hilfe Login: www.n-21online.de (Login Formular) Ihr Login-Name: Hier tragen Sie Redak1 bis Redak6 ein, der Chefredakteur bekommt ein eigenes Login. Ihr Passwort: Eine Zahlenkombination, die vom
Java 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
Suchbäume. Annabelle Klarl. Einführung in die Informatik Programmierung und Softwareentwicklung
Suchbäume 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
NODELOCKED LIZENZ generieren (ab ST4)
NODELOCKED LIZENZ generieren () Besuchen Sie folgende Webseite support.ugs.com/global/de ( ohne www oder http:// ) Klicken Sie auf Lizenz Verwaltung und dann auf aktuelle Lizenz 1 1. Geben Sie Ihren Webkey
Prinzipien Objektorientierter Programmierung
Prinzipien Objektorientierter Programmierung Valerian Wintner Inhaltsverzeichnis 1 Vorwort 1 2 Kapselung 1 3 Polymorphie 2 3.1 Dynamische Polymorphie...................... 2 3.2 Statische Polymorphie........................
Lua Grundlagen Einführung in die Lua Programmiersprache
Lua Grundlagen Einführung in die Lua Programmiersprache 05.05.2014 Ingo Berg [email protected] Automatisierungstechnik Voigt GmbH Die Lua Programmiersprache Was ist Lua? freie Programmiersprache speziell
Binäre Bäume. 1. Allgemeines. 2. Funktionsweise. 2.1 Eintragen
Binäre Bäume 1. Allgemeines Binäre Bäume werden grundsätzlich verwendet, um Zahlen der Größe nach, oder Wörter dem Alphabet nach zu sortieren. Dem einfacheren Verständnis zu Liebe werde ich mich hier besonders
ESB - Elektronischer Service Bericht
Desk Software & Consulting GmbH ESB - Elektronischer Service Bericht Dokumentation des elektronischen Serviceberichts Matthias Hoffmann 25.04.2012 DESK Software und Consulting GmbH Im Heerfeld 2-4 35713
Erstellung botoptimierter Partnerlinks
Erstellung botoptimierter Partnerlinks Um bestimmte Aktionen und deren Rückläufer übersichtlich tracken zu können, bietet das RedSYS Partnerprogramm in Verbindung mit den botoptimierten RedSYS-Links, die
Erweiterung 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
Ein Projekt mit JavaFX erstellen
Ein Projekt mit JavaFX erstellen Das Projekt Es soll eine Umrechnung der Geschwindigkeit aus der Einheit m/s in die Einheit km/h erfolgen. Zu diesem Zweck wird ein einzeiliges Textfeld für die Eingabe
Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken.
Seite erstellen Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken. Es öffnet sich die Eingabe Seite um eine neue Seite zu erstellen. Seiten Titel festlegen Den neuen
Funktionen 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
Einfü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
3. Stored Procedures und PL/SQL
3. Stored Procedures und PL/SQL Wenn eine Anwendung auf einer Client-Maschine läuft, wird normalerweise jede SQL-Anweisung einzeln vom Client an den Server gesandt, und jedes Ergebnistupel wird einzeln
XSL Templates. Mit Templates arbeiten. XSL Templates
XSL Templates Mit Templates arbeiten Innerhalb von XSLT werden Templates verwendet. Ein Template ist eine Vorlage für die Transformation bestimmter Knoten. Diese Knoten können Elemente, Attribute oder
Allgemeines. Verschiedene Sprachkonzepte C-Sprachfamilie C-ähnliche Programmiersprachen Allgemeines zu C. #include <stdio.h>
Allgemeines Verschiedene Sprachkonzepte C-Sprachfamilie C-ähnliche Programmiersprachen Allgemeines zu C #include main() { printf( hello world\n ); } Peter Sobe 1 Die Großfamilie der C-Sprachen
Webseiten 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.
Erwin Grüner 09.02.2006
FB Psychologie Uni Marburg 09.02.2006 Themenübersicht Folgende Befehle stehen in R zur Verfügung: {}: Anweisungsblock if: Bedingte Anweisung switch: Fallunterscheidung repeat-schleife while-schleife for-schleife
188.154 Einführung in die Programmierung für Wirtschaftsinformatik
Beispiel 1 Vererbung (Liste) Gegeben sind die beiden Klassen ListNode und PersonNode. 188.154 Einführung in die Programmierung für Wirtschaftsinformatik Wiederholung, Prüfungsvorbereitung Monika Lanzenberger
Tutorium Rechnerorganisation
Woche 2 Tutorien 3 und 4 zur Vorlesung Rechnerorganisation 1 Christian A. Mandery: KIT Universität des Landes Baden-Württemberg und nationales Grossforschungszentrum in der Helmholtz-Gemeinschaft www.kit.edu
Einführung in die Programmierung
: Inhalt Einführung in die Programmierung Wintersemester 2008/09 Prof. Dr. Günter Rudolph Lehrstuhl für Algorithm Engineering Fakultät für Informatik TU Dortmund - mit / ohne Parameter - mit / ohne Rückgabewerte
Persönliches Adressbuch
Persönliches Adressbuch Persönliches Adressbuch Seite 1 Persönliches Adressbuch Seite 2 Inhaltsverzeichnis 1. WICHTIGE INFORMATIONEN ZUR BEDIENUNG VON CUMULUS 4 2. ALLGEMEINE INFORMATIONEN ZUM PERSÖNLICHEN
Gesicherte Prozeduren
Gesicherte Prozeduren Wenn eine Anwendung auf einer Client-Maschine läuft, wird normalerweise jede SQL-Anweisung einzeln vom Client an den Server gesandt, und jedes Ergebnistupel wird einzeln zurückgeliefert.
Programmieren in C. Felder, Schleifen und Fließkommaarithmetik. Prof. Dr. Nikolaus Wulff
Programmieren in C Felder, Schleifen und Fließkommaarithmetik Prof. Dr. Nikolaus Wulff Addition von Zahlen 1 2 3 4 5 #include int main() { int x,y,z,sum; x = 1; y = 2; z = 4; sum = x + y + z;
Internet Explorer Version 6
Internet Explorer Version 6 Java Runtime Ist Java Runtime nicht installiert, öffnet sich ein PopUp-Fenster, welches auf das benötigte Plugin aufmerksam macht. Nach Klicken auf die OK-Taste im PopUp-Fenster
Erstellen 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
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
Einführung in die Java- Programmierung
Einführung in die Java- Programmierung Dr. Volker Riediger Tassilo Horn riediger [email protected] WiSe 2012/13 1 Wichtig... Mittags Pommes... Praktikum A 230 C 207 (Madeleine) F 112 F 113 (Kevin) E
! " # $ " % & Nicki Wruck worldwidewruck 08.02.2006
!"# $ " %& Nicki Wruck worldwidewruck 08.02.2006 Wer kennt die Problematik nicht? Die.pst Datei von Outlook wird unübersichtlich groß, das Starten und Beenden dauert immer länger. Hat man dann noch die.pst
Anleitung BFV-Widget-Generator
Anleitung BFV-Widget-Generator Seite 1 von 6 Seit dem 1. Oktober 2014 hat der Bayerische Fußball-Verband e.v. neue Widgets und einen neuen Baukasten zur Erstellung dieser Widgets veröffentlicht. Im Folgenden
Constraint-Algorithmen in Kürze - Mit der Lösung zur Path-Consistency-Aufgabe 9
Constraint-Algorithmen in Kürze - Mit der Lösung zur Path-Consistency-Aufgabe 9 Prof. Dr. W. Conen Version 1.0c Januar 2009 Genereller Ablauf der Suche Gegeben: Variablen X, Domains D, Constraints R (explizit
Software Engineering Klassendiagramme Assoziationen
Software Engineering Klassendiagramme Assoziationen Prof. Adrian A. Müller, PMP, PSM 1, CSM Fachbereich Informatik und Mikrosystemtechnik 1 Lesen von Multiplizitäten (1) Multiplizitäten werden folgendermaßen
Einführung Internettechnologien. - Clientseitige Programmierung -
Einführung Internettechnologien - Clientseitige Programmierung - Client Client: Programm, das Daten von einem Server anfordert In einem Netzwerk können unterschiedliche Clients zum Einsatz kommen Im Folgenden:
Client-Server-Beziehungen
Client-Server-Beziehungen Server bietet Dienste an, Client nutzt Dienste Objekt ist gleichzeitig Client und Server Vertrag zwischen Client und Server: Client erfüllt Vorbedingungen eines Dienstes Server