Dateien per Drag & Drop in Apex Applikationen ablegen
|
|
- Adolf Beckenbauer
- vor 7 Jahren
- Abrufe
Transkript
1 Dateien per Drag & Drop in Apex Applikationen ablegen Schlüsselworte Franziska Höcker MT AG Ratingen Apex, Dropzone.js, JQuery, JavaScript, Drag & Drop Einleitung Drag & Drop Fileupload ist ein Feature, welches in Apex nativ nicht gegeben ist. Mit Hilfe der freien Dropzone.js Bibliothek ist es in Apex möglich Dateien per Drag & Drop hochzuladen. Auch das gleichzeitige Hochladen von mehreren Dateien ist möglich. Das Hochladen der Dateien erfolgt direkt nach dem Loslassen der Datei und es ist sichtbar wenn die Datei vollständig hochgeladen wurde. In nachfolgenden wird der komplette Prozess erläutert, welcher von der Einbindung der Dropzone.js Bibliothek, über die Nutzung in Kombination mit den bisherigen File-Browse-Item bis hin zur Verarbeitung der Dateien in der Datenbank funktioniert. Weiter werden Gestaltungsmöglichkeiten der Dropzone dargestellt, sowie Probleme erläutert. Datei Upload Möglichkeiten in Apex In Apex ist es bisher nur möglich eine Datei über ein File-Browse-Item hochzuladen. Dies bietet keine Möglichkeiten Dateien hereinzuziehen oder auch mehrere Dateien gleichzeitig hochzuladen. Die Datei muss über ein Button Klick vom Desktop ausgewählt werden. Abbildung 1: Nativer File Upload mit File Browse Item Die JavaScript Bibliothek Dropzone.js bietet die Möglichkeit Dateien per Drag & Drop in einen definierten Bereich hereinzuziehen. Die Bibliothek ist open Source. Um es zu ermöglichen Dateien per Drag & Drop in eine Apex Applikation hereinzuziehen, kann die dropzone.js in Apex eingebunden werden.
2 Folgende Tabelle stellt nochmal die beiden Varianten gegenüber: Upload Nativ (File Browse Item) Dropzone.js Dateien per Klick auswählen Ja Ja Dateien per Drag & Drop hereinziehen Nein Ja Mehrere Dateien gleichzeitig auswählen Nein Ja Tabelle 1: Vergleich Dropzone Upload mit File Browse Item Die drozone.js Bibliothek beinhaltet kein Upload der Dateien. Dies muss Server-seitig selbst implementiert werden. Dafür wird das File Browse Item als Basis genutzt. Innerhalb dieses Items wird der Speicherort für die Dateien festgelegt. Über das Festlegen der Action der Dropzone bei hereinziehen einer Datei, wird der normale Apex Submit genutzt und somit erfolgt der Upload der Datei nativ, über das File Browse Item in den festgelegten Speicherort. Einbindung der Dropzone.js Bibliothek in Apex Die Bibliothek kann direkt auf der Seite heruntergeladen werden. Anschließend muss sie als Static File unter Shared Components in Apex hochgeladen werden. Abbildung 2: dropzone.js als Static File in Apex Anschließend muss die Bibliothek referenziert werden, dies kann über verschiedene Wege passieren. Ich habe den Aufruf der Bibliothek direkt im HTML Header der entsprechenden Seite (wo später die Dropzone erstellt wird) eingebunden. <script type="text/javascript" src="#app_images#dropzone.js"></script>
3 Erstellen einer Dropzone in Apex Nach Einbindung der Bibliothek kann nun eine Dropzone erstellt werden. Als erstes wird ein File Browse Item benötigt. Dieses wird in einer Region erstellt die nicht angezeigt wird. Im File Browse Item kann nun gewählt werden wo die Datei abgespeichert werden soll. Es muss hier die Tabelle wwv_flow_files (apex_application_files) gewählt werden. Die Dateien können dann später über einen Pl/SQL Prozess in eine individuelle Tabelle auf der Datenbank abgespeichert werden. Als zweites wird eine neue Region benötigt (HTML Region). Innerhalb dieser Region wird dann ein DIV erstellt. Abbildung 3: Div für Dropzone Das DIV bekommt eine ID und ein paar Style Eigenschaften zugewiesen. Anhand der ID des DIV s wird dann über JavaScript im Seiten Header eine Dropzone programmatisch erstellt durch die Instanziierung der Dropzone Klasse. Hier scheint es allerdings einen Bug zu geben, denn die Dropzone erhält nicht die CSS Klasse dropzone. Um dies zu beheben siehe Kapitel Layout anpassen.
4 //Create programmatically a Dropzone-Object & assign some properties fdzs = new Dropzone('div#dropzone', { "url": "wwv_flow.accept", //"Normal" page submit url of APEX "params": { "p_instance":$('#pinstance').val(), "p_flow_id":$('#pflowid').val(), "p_flow_step_id":$('#pflowstepid').val(), "p_page_checksum":$('#ppagechecksum').val(), "p_page_submission_id":$('#ppagesubmissionid').val() } }); fdzs.options.paramname = vargname; //Necessary submit-item "upload item name" In diesem Beispiel wird die Dropzone erstellt für das DIV mit der ID dropzone und es wird auch eine URL (Action) übergeben. Hier wird der normale Seiten Submit von Apex genutzt. Außerdem werden noch weitere Parameter (Meta Daten) übergeben die bei einem normalen Apex Post auch notwendig sind. Diese werden alle aus versteckten Variablen der Form der Seite ausgelesen. Zusätzlich muss der ParamName noch gesetzt werden mit dem Namen des Input Items (File Browse Item). Nach diesen Einstellungen sollte die Dropzone als solche schon funktionieren und es können schon Dateien hereingezogen werden. Allerdings werden diese noch nicht abgespeichert. Serverseitige Implementierung zum Abspeichern der Daten Damit die Dateien auch ohne Probleme in die Tabelle wwv_flow_files abgespeichert werden können braucht der Post Prozess noch einige Daten. Ein Post Prozess von einer Seite mit einem File Browse Item mit Save Button sieht wie folgt aus.
5 Abbildung 4: Post Prozess für ein File Browse Item Unter dem Bereich Quelle kann eingesehen werden welche Daten der Post benötigt um eine Submit der Seite auszuführen. Die ersten vier sind versteckte Variablen innerhalb der Form auf der jeweiligen Apex Seite. Diese können über JQuery abgefragt werden. Beim programmatischen erstellen der Dropzone werden die Werte der ersten vier Variablen übergeben (siehe Abbildung 2). Zusätzlich wird noch der Wert der Variable p_page_checksum mit übergeben, welche sich im Footer der Form befindet und auch über JQuery abgefragt werden kann.
6 Abbildung 5: Apex Post eines File Browse Items Die Variablen 5. und 6. stammen von dem Button Save den es auf dieser Seite gab. Diese Werte sind also in dem Falle für die Dropzone nicht vorhanden. Als letzte Variable wird der Name des File Browse Items und p_arg_names des Items (Submission ID des Items) übergeben. Im Seiten Header werden per JQuery die verschiedenen Variablen ausgelesen und die Werte gespeichert und nach dem programmatischen Erstellen einer Dropzone werden die Werte mit der Funktion on über das Event sending übergeben. Das Auslesen der noch benötigten Werte findet vor programmatischen Erstellen Dropzone statt: //Get the name of the FileUpload field var vargname = $('#P4_FILEUPLOAD').attr('name'); //Get the "encoded" p_arg_names parameter of this item var vargnameenc = $('#P4_FILEUPLOAD').prev('input[type="hidden"][name="p_arg_names"]').val(); Übergeben der ausgelesenen Werte: //The onsending eventhandler is necessary to adding "p_arg_names" entries to the //FormData object fdz.on('sending',function(file, xhr, formdata) { formdata.append("p_arg_names",vargnameenc); }); Der vargname wurde bereits bei der Erstellung der Dropzone als ParamName mit übergeben (siehe oben). Die Dateien werden nun in der Tabelle wwv_flow_files abgespeichert. Der Post Prozess für den Upload einer Datei über die Dropzone sieht dann wie folgt aus:
7 Abbildung 6: Apex Post für Dropzone Upload Allerdings wird es in den meisten Fällen notwendig sein die Dateien in eine eigene Tabelle auf der Datenbank abzulegen. PL/SQL Prozess zum Speichern der Daten in eine individuelle Tabelle Um die einzelnen Dateien später aus der Tabelle wwv_flow_files auszulesen werden die Dateinamen benötigt. Das File Browse Item beinhaltet lediglich den Namen der letzten hereingezogenen Datei. Daher wurde ein weiteres Item vom Typ Hidden angelegt. Befüllt wird dieses über die Funktion getfilenames, welches per JQuery die DIV s mit den Dateinamen selektiert und die Namen anschließend konkateniert und in das Item schreibt. function getfilenames() { names_string=""; $('#dropzone div').find('div.dz-filename').each(function(){ if (names_string) {names_string = names_string + ':' + $(this).text();} else{names_string = $(this).text();} }); $('#P4_FILENAMES').val(names_string); } Über die Funktion On und das Event Success wird die Funktion getfilenames aufgerufen und anschließend erfolgt ein AJAX Call der das Item mit den Filenames übergibt.
8 fdzs.on('success',function(a,response){ getfilenames(); var ajaxcall = new htmldb_get(null, &APP_ID., 'APPLICATION_PROCESS=PROCESS_UPLOADED_FILES', &APP_PAGE_ID.); ajaxcall.add('p4_filenames', $(P4_FILENAMES).val()); vres = ajaxcall.get().trim(); console.log(vres); }); Der Ajax Call ist in PL/SQL auf der Seite definiert und nutzt die Funktion apex_util.string_to_table um über das Item mit den Filnenames zu iterieren und anschließend pro Filename die Datei aus wwv_flow_files in eine vordefinierte Tabelle auf der Datenbank zu speichern, sofern der Dateiname in der wwv_flow_files Tabelle vorhanden ist. Nach Abspeichern der Datei in eine individuelle Tabelle wird die Datei aus wwv_flow_files gelöscht. Layout anpassen Beim programmatischen Erstellen der Dropzone bekommt die Dropzone nicht die CSS Klasse dropzone zugeordnet. Die Dropzone sieht daher noch recht nackt aus. Abbildung 7: Dropzone ohne CSS Klassenzuordnung Um dafür zu sorgen das die Dropzone die entsprechende Klasse dropzone erhält und am Ende so aussieht wie auf der Homepage von Dropzone muss die CSS Datei dropzone.css und jeweils die beiden
9 vorhandenen Images (spritemap.png, heruntergeladen werden und anschließend in Apex unter Shared Components hochgeladen werden. Anschließend kann in der Region wo das DIV erstellt wird die CSS Klasse direkt mit gesetzt werden. Abbildung 8: Div für Dropzone mit CSS Klasse Das hat allerdings zur Folge das es einen Fehler gibt ( Dropzone schon vorhanden ) beim Erstellen der Dropzone im Seitenheader. Dies kann verhindert werden mit folgendem Aufruf: Dropzone.options.dropzone2 = false; Durch den Aufruf wird die Dropzone nicht weiter betrachtet bei der Ausführung des Javascript Codes im Seitenheader. Es wird die Dropzone programmatisch erstellt und kein Fehler mehr geliefert und die Dropzone hat die Klasse dropzone. Nachdem diese Einstellungen getroffen wurden sieht die Dropzone so aus wie in der Demo auf der Seite von Dropzone.js. Abbildung 9: Dropzone mit CSS Klasse dropzone
10 Abbildung 10: Dropzone mit hochgeladener Datei Am Layout können jederzeit noch Anpassungen durchgeführt werden. Dies kann direkt über die CSS Datei erfolgen. Somit ist die Dropzone noch individualisierbar. Zum Beispiel sind für diese Dropzone die Thumbnails eingestellt wenn eine Textdatei oder ein PDF hochgeladen wird, wird ein entsprechendes Bild angezeigt. Weiter Möglichkeiten der Individualiserung Des Weiteren ist die Dropzone sehr anpassbar. Es gibt viele Einstellungen die getroffen werden können. Einige Beispiele davon sind hier aufgelistet: Löschen der Dateien aus Dropzone nach direktem Upload Löschen der Datei aus Dropzone bei Klick auf die Datei maximale Größe für Dateien - mydropzone.options.maxfilesize = 2; maximale Anzahl an Dateien - mydropzone.option.maxfiles = 10; gleichzeitiger Upload von Dateien oder nacheinander - mydropzone.options.uploadmultiple = true; Remove Link anzeigen zum entfernen der Datei aus Dropzone - mydropzone.options.addremovelinks = true; Thumbnail Anzeige für verschiedene Dateitypen
11 Quellen [1] Kontaktadresse: Franziska Höcker11 MT AG Balcke-Dürr-Allee, 9 D Ratingen Internet: franziska.hoecker@mt-ag.com
Dateien per Drag & Drop in Apex Applikationen ablegen
Dateien per Drag & Drop in Apex Applikationen ablegen DOAG Konferenz 2014 (Nürnberg) 1 Franziska Höcker Nürnberg, 20.11.2014 Agenda 1. Vorstellung MT AG 2. Das Ergebnis Live Demo 3. Die Umsetzung 4. Individualisierungsmöglichkeiten
MehrMehr Dynamik in Apex mit Javascript und JQuery
Mehr Dynamik in Apex mit Javascript und JQuery Alexander Scholz its-people Frankfurt am Main Schlüsselworte: Javascript und JQuery in Apex einbinden, Elemente dynamisch anzeigen, Selectlisten aktualisieren,
MehrDynamisches Anzeigen von Informationen in APEX mit jquery UI Dialogs und Tabs
Dynamisches Anzeigen von Informationen in APEX mit jquery UI Dialogs und Tabs Dr. Gudrun Pabst Trivadis GmbH München Schlüsselworte: APEX, jquery UI, Dialogs, Tabs Einleitung Die von Apex erstellten HTML-Seiten
MehrAPEX Datenverwaltung Wo sind die Daten gerade?
APEX Datenverwaltung Wo sind die Daten gerade? Dr. Gudrun Pabst Trivadis GmbH München Schlüsselworte: APEX, Sessionverwaltung, Dynamic Actions Einleitung Eine APEX-Anwendung wird erst durch zusätzliche
MehrCode Beispiel: /* path element */ var el = rc.path("m l 0-50 l l 0-50 l l 0 50 l l 0 50 z");
SVG in APEX: Best Practices an Live Beispielen Tobias Arnhold Tobias Arnhold IT Consulting Heppenheim Schlüsselworte APEX, Raphaël, RaphaelJS, Visualisierung, Javascript, HTML5, SVG, UX, Design, APEX-AT-WORK
MehrErweiterte Interaktion mit Trees und Charts in APEX
Erweiterte Interaktion mit Trees und Charts in APEX Dr. Gudrun Pabst Trivadis Gmbh Lehrer-Wirth-Straße 4 81829 München gudrun.pabst@trivadis.com BASEL BERN LAUSANNE ZÜRICH DÜSSELDORF FRANKFURT A.M. FREIBURG
MehrAPEX verbessern mit Browser-Extensions
APEX verbessern mit Browser-Extensions Schlüsselworte APEX, JavaScript, JQuery, HTML5 Einleitung Till Albert MT AG Ratingen Wer kennt das nicht, beim Entwickeln mit APEX im Page Designer; irgendein kleineres
MehrAPEX Datenverwaltung Wo sind die Daten gerade? Dr. Gudrun Pabst
APEX Datenverwaltung Wo sind die Daten gerade? Dr. Gudrun Pabst Basel Bern Lausanne Zürich Düsseldorf Frankfurt/M. Freiburg i. Br. Hamburg München Stuttgart Wien Voraussetzungen Alles hier gezeigte benötigt
MehrReact in Apex Mit React zu noch besseren Apex Apps
React in Apex Mit React zu noch besseren Apex Apps Martin Schumacher, Apex Connect 2018 VERBUND AG, www.verbund.com Intro Demo 1: React Komponente in IG Report Column 24.4.2018 Seite 2 Intro Demo 1: React
MehrMul$media im Netz Wintersemester 2012/13. Übung 06
Mul$media im Netz Wintersemester 2012/13 Übung 06 Ludwig- Maximilians- Universität München Mul6media im Netz WS 2012/13 - Übung 6-1 Lösung zu Übungsbla5 04 Ludwig- Maximilians- Universität München Mul6media
MehrSeit der FireStart Version 4.0 gibt es ein lang ersehntes Feature in den Formularen: den FilePicker!
Der lang ersehnte FilePicker in FireStart ist da! Seit der FireStart Version 4.0 gibt es ein lang ersehntes Feature in den Formularen: den FilePicker! Mit diesem Element ist es nun möglich beliebige Files
MehrDynamisches Anzeigen von Informationen mit jqueryui Dialogs und Tabs
Dynamisches Anzeigen von Informationen mit jqueryui Dialogs und Tabs Dr. Gudrun Pabst BASEL BERN LAUSANNE ZÜRICH DÜSSELDORF FRANKFURT A.M. FREIBURG I.BR. HAMBURG MÜNCHEN STUTTGART WIEN 1 AGENDA Bitte warten
MehrWorkflows in APEX mit Camunda
Workflows in APEX mit Camunda Maximilian Stahl MT AG Ratingen Schlüsselworte Oracle Applicaton Expres, APEX, Workflow, Arbeitsprozess, Open Source Workflow Engine, Camunda, BPMN Einleitung Vom Urlaubsantrag
Mehr2
1 2 3 4 5 6 Die Themes wurden auf 20 Vorlagen erweitert. Das Look & Feel wurde modernisiert. Die neuen Themes halten sich an XHTML und CSS Standards. Zudem werden mehr Div-Tags anstelle der früheren Tabellen
Mehrjquery Einstieg 2 CSS manipulieren; toggle, hide und show
jquery Einstieg 2 CSS manipulieren; toggle, hide und show Inhalt: 1. CSS-Eigenschaften manipulieren 2. Beispiel 2: Elemente ein- oder ausblenden - Animationen 3. Theorie - Methode.toggle() bzw. hide()
MehrNode.js der Alleskönner. Kai Donato MT AG Ratingen
Node.js der Alleskönner Kai Donato MT AG Ratingen Schlüsselworte JavaScript, Node.js, NPM, Express, Webserver, oracledb Einleitung Node.js ist nach seiner Veröffentlichung im Jahre 2009 in aller Munde
MehrFive Fingers Death Punch
Five Fingers Death Punch Oliver Lemm MT-AG Ratingen Schlüsselworte APEX 5.0,Page Designer, Universal Theme, Syntax Highlighting, Supporting Objects Einleitung Mit der fünften Version von APEX steigert
MehrDOKUMENTATION. CaptchaAd als Werbevariante. Einbindung in Ihrer Webseite. Die Schritte zur Integration des CaptchaAds im Einzelnen
CaptchaAd als Werbevariante Stand: 21. November 2016 Damit die Integration von CaptchaAd Ihnen noch leichter fällt, haben wir die notwendigen Schritte in diesem Leitfaden zusammen gefasst. Mit etwas Programmierkenntnissen
MehrMultimedia im Netz. Übung zur Vorlesung. Ludwig-Maximilians-Universität Wintersemester 2010/2011
Übung zur Vorlesung Multimedia im Netz Ludwig-Maximilians-Universität Wintersemester 2010/2011 Ludwig-Maximilians-Universität München Multimedia im Netz - Übung - 3-1 Übungsblatt - 3 Thema: JavaScript
MehrExcel-ähnliche Spreadsheets in Apex Innovation aus einer IT-Abteilung
Excel-ähnliche Spreadsheets in Apex Innovation aus einer IT-Abteilung Weinberger, Wien 14.11.2016 Michael.Weinberger@verbund.com * APEX 5.x oder APEX 4.x Das Unternehmen - VERBUND auf einen Blick 95 %
MehrAPEX 5.0: neue & überarbeitete Komponenten. Oliver Lemm Berlin,
APEX 5.0: neue & überarbeitete Komponenten Oliver Lemm Berlin, 16.09.2015 Agenda 1. Modale Dialoge 2. mobile Komponenten 3. Aktualisierte Komponenten 2 Modale Dialoge 3 Modaler Dialog (Page) Page Modal
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
MehrAPEX 5.1 Design Crashkurs. Steven Grzbielok: APEX connect 2017
APEX 5.1 Design Crashkurs Steven Grzbielok: 09.05.2017 APEX connect 2017 Facts & Figures Mittelständischer IT-Dienstleister Technologie-orientiert Branchen-unabhängig Managing Technology Hauptsitz Ratingen
MehrPresseBox Presseticker
PresseBox Presseticker Version 1.0 letzte Aktualisierung: 09.04.2013 2013 unn UNITED NEWS NETWORK GmbH, Karlsruhe Inhaltsverzeichnis Einführung... 3 Standard-Ticker... 3 Flying-Ticker... 3 Extended-Ticker...
MehrJavaScript clientseitige Programmiersprache zur Dynamisierung von Internetseiten
Einführung in JavaScript anhand von Beispielen JavaScript clientseitige Programmiersprache zur Dynamisierung von Internetseiten Grundbedingungen die Einbindung erfolgt über ein Objektmodell (Objekte mit
MehrApparo Fast Edit. File Up&Download 1 / 9
Apparo Fast Edit File Up&Download 1 / 9 Inhaltsverzeichnis 1 Definition 3 2 Eigenschaften des Widgets File Up&Download 4 2.1 Die Eigenschaften von Zuordnung & Datenwerte 4 2.1.1 Sortieren nach 5 2.1.2
MehrAPEX Deployment u.a. mit Hudson business by integration. Oliver Lemm
APEX Deployment u.a. mit Hudson business by integration Oliver Lemm Berlin, 10.04.2013 Agenda Einleitung Ziel Prozesse - Entwicklung - Objekte & Livedemo - Hudson & Livedemo Ausblick Fazit 2 APEX Deployment
MehrVisualisierung von Geodaten in APEX Interactive Grid und OpenLayers
Foto: Volker Emersleben Visualisierung von Geodaten in APEX Interactive Grid und OpenLayers DB Systel GmbH Alessandro Fondacaro T.IPI 33 Düsseldorf 24.04.2018 Referent Alessandro Fondacaro Business Engineer
MehrGrundlagen Internet-Technologien INF3171
Fachbereich Informatik Informationsdienste Grundlagen Internet-Technologien INF3171 Cookies & Sessions Version 1.0 20.06.2016 aktuelles 2 Erweiterungen wir betrachten zwei Erweiterungen: Personalisierung
MehrJSP Usereingabe. Inhalt. 1 Zielsetzung. SEW(3.Jg) Unterlagen zu Java Server-Pages Teil 2
JSP Usereingabe SEW(3.Jg) Unterlagen zu Java Server-Pages Teil 2 Inhalt 1 Zielsetzung... 1 2 Formulardaten bei dynamischen Webseiten... 2 2.1 Formulare mit HTML kreieren... 2 Formulare können einfach mit
MehrInternet-Technologien
Internet-Technologien PHP Workshop Bau eines Gästebuches Bisher: Heute: Clientseitiges Skripting (Bsp.: JavaScript) Ausführung von Programm-Code auf dem Client-Rechner Entlastung des Server-Rechners ++
MehrAPEX 5. Mit 6 Klicks kostenfrei zur APEX Webapplikation. Robotron Datenbank-Software GmbH Schulungszentrum Heilbronner Straße Dresden
APEX 5 Mit 6 Klicks kostenfrei zur APEX Webapplikation Robotron Datenbank-Software GmbH Schulungszentrum Heilbronner Straße 21 01189 Dresden Agenda Wie können Sie in nur 6 Schritten zu einer Oracle Application
MehrAutocomplete Mutiple http://www.smarttutorials.net/jquery-autocomplete-multiple-fields-using-ajax-php-mysql-example/ Datenbank: Importiere die SQL-Datei mit phpmyadmin. Diese beinhaltet die Länder (countries)
MehrMigration Assistent Forms nach APEX
Migration Assistent Forms nach APEX Dr. Gudrun Pabst Trivadis GmbH München Schlüsselworte: Forms, APEX, Migration Einleitung Vielfach wird die Frage gestellt, welche Alternativen es zu Forms gibt. Mit
MehrApEx effektiv. Lösungen für Standardanforderungen. Stephan Engel OPITZ CONSULTING Bad Homburg GmbH. Nürnberg,
Lösungen für Standardanforderungen mit Köpfchen Stephan Engel OPITZ CONSULTING Bad Homburg GmbH Nürnberg, 17.11.2010 OPITZ CONSULTING GmbH 2009 Seite 1 Vorgestellte Lösungen Fachliche Fehlermeldungen aus
MehrFunktionen in JavaScript
Funktionen in JavaScript Eine Funktion enthält gebündelten Code, der sich in dieser Form wiederverwenden lässt. Mithilfe von Funktionen kann man denselben Code von mehreren Stellen des Programms aus aufrufen.
MehrES Review System Bedienungsanleitung. Version 1.0 Bsc. Winf. Felix Hofmann
ES Review System Bedienungsanleitung Version 1.0 Bsc. Winf. Felix Hofmann ES Review System Bedienungsanleitung Version 1.0 Verantwortlicher: Bsc. Winf. Felix Hofmann Betreuer: Dipl. Inform. Sebastian Oster
MehrMit wenigen Klicks zum eigenen WebQuest
1. Neues WebQuest erstellen Um ein eigenes WebQuest erstellen zu können, müssen Sie zunächst einmal ein neues WebQuest eröffnen. Geben Sie in Ihrem Browser folgende Adresse ein: http://www.easywebquest.ch
MehrMultimedia im Netz. Wintersemester 2011/12. Übung 12. Betreuer: Verantwortlicher Professor: Sebastian Löhmann. Prof. Dr.
Multimedia im Netz Wintersemester 2011/12 Übung 12 Betreuer: Verantwortlicher Professor: Sebastian Löhmann Prof. Dr. Heinrich Hussmann Organisatorisches 2 Klausuranmeldung! Bitte bei der Klausur anmelden
MehrJavaScript-Erweiterungen für UI und UX
JavaScript-Erweiterungen für UI und UX Schlüsselworte JavaScript, Pace, UX, UI, CSS, Einleitung Kai Donato MT AG Ratingen Wir als Entwickler stehen regelmäßig vor der Aufgabe, Geschäftsprozesse in APEX
MehrObjekte haben eine eigene Notation, also Schreibweise, beim Aufruf:
JavaScript - Inhalt 1. Objekte 2. Arrays 3. Callbacks 1)JavaScript Objekte Objekte haben eine eigene Notation, also Schreibweise, beim Aufruf: Eine Methode wird immer mit dem Namen des Objekts, einem Punkt
MehrPowermail Formularbaukasten
Powermail Formularbaukasten Ein Powermail-Formular erstellen Modul "Seite" > gewünschte Seite 1. Klicken Sie auf der Seite das 'Inhalt +'-Symbol an, um ein neues Inhaltselement zu erstellen. 2. Wählen
MehrMehr Dynamik in Apex mit Javascript und JQuery. Alexander Scholz its-people
Vortrag zur DOAG Konferenz 2011 Mehr Dynamik in Apex mit und Alexander Scholz its-people 1 Ablauf Thema des Vortragsthemas Motivation Besonderheit des Referenten Alexander Scholz its-people Wie kann in
MehrGraphen in Apex von Thomas Hernando. www.syntegris.de
Graphen in Apex von Thomas Hernando www.syntegris.de Einleitung FIRMENINFOS Gründung im Jahre 2000 mit Sitz in Neu-Isenburg bei Frankfurt am Main Mehr als 30 Berater Oracle Gold Partner Schwerpunkte liegen
MehrPHP, Ajax und JavaScript
PHP, Ajax und JavaScript Was ist AJAX? AJAX = Asynchronous JavaScript and XML. AJAX ist eine Technik für die schnelle und dynamische Web-Seiten zu erstellen. Wenn ein Browser auf ein -tag stößt,
MehrMit PL/SQL auf s ipad
DOAG 2012 Konferenz 20. November 2012, 16:00 Uhr NCC NürnbergConvention Center Ost Mit PL/SQL auf s ipad Martin Friemel mfriemel@webag.com 1 Mit PL/SQL auf s ipad Wie entwickelt man PL/SQL-Webanwendungen
MehrMit PL/SQL auf s ipad
DOAG 2012 Konferenz 20. November 2012, 15:00 Uhr NCC NürnbergConvention Center Ost Mit PL/SQL auf s ipad Martin Friemel mfriemel@webag.com 1 Mit PL/SQL auf s ipad Wie entwickelt man PL/SQL-Webanwendungen
MehrIntegration von Geoinformationen mit here-karten in APEX
Integration von Geoinformationen mit here-karten in APEX Schlüsselworte APEX, Geodaten, here, Kartendarstellung Einleitung Dr. Gudrun Pabst Trivadis GmbH München Durch die Globalisierung können Probleme
MehrEs wird eine MySQL Datenbank benötigt, es wird die Tabelle SB_Musikmanager erstellt.
Anleitung zum Musikmanager, von Stephan Baukrowitz. Installation: Es wird eine MySQL Datenbank benötigt, es wird die Tabelle SB_Musikmanager erstellt. 1. Datenbank erstellen. 2. Daten auf den Server Kopieren
MehrLernen vom Page Designer. Auf den Spuren von Jules Verne
Lernen vom Page Designer Auf den Spuren von Jules Verne 1 Lernen vom Page Designer Agenda 1 Einführung 2 Application Builder als Anwendung importieren 3 4 5 Page Designer im Detail (javascript stack, MVC,
MehrAPEX und JavaSript Pattern und Best Practices
APEX und JavaSript Pattern und Best Practices Hendrik Gossens OPITZ CONSULTING Gummersbach Schlüsselworte Apex, JavaScript, jquery Einleitung APEX-Anwendungen können durch JavaScript eine Aufwertung erfahren.
Mehraixstorage Ihr sicherer Datenspeicher in der privaten Cloud Benutzerhandbuch
aixstorage Ihr sicherer Datenspeicher in der privaten Cloud Benutzerhandbuch Stand 22.10.2018 Login... 3 Persönliche Einstellungen... 4 Ordner anlegen... 6 Textdateien anlegen... 7 Ordner/Dateien löschen...
MehrGoogle Gears Offline Web?
Google Gears ist eine Browsererweiterung, die es in sich hat. Dem Webanwendungsentwickler werden Dienste bereitgestellt, die es ermöglichen, Webanwendungen so zu schreiben, dass eine Offline-Arbeit möglich
MehrWebengineering. jquery
Webengineering jquery Marcel Vilas 1 DHBW - Stuttgart jquery - Allgemein jquery ist eine JavaScript-Bibliothek (API) jquery ist eine Funktion (Funktionen sind Objekte) Vorteile: einfacher als vanilla JavaScript
MehrAPEX 5.0: Page Designer. Tobias Strohmeyer Berlin,
APEX 5.0: Page Designer Tobias Strohmeyer Berlin, 16.09.2015 Agenda 1. Übersicht 2. Shortcuts 3. Treeview 4. Properties 5. Grid Layout 6. Gallery 7. Toolbar 8. Code Editor 2 Übersicht 3 Übersicht Page
MehrOracle Forms und APEX
Oracle Forms und APEX Gerd Volberg + Jan Winkels OPITZ CONSULTING Deutschland GmbH Gummersbach Schlüsselworte Oracle Forms, Oracle Application Express, APEX, PL/SQL, JavaScript-API Einleitung APEX wird
MehrÜberblick über APEX Carolin Hagemann
Carolin Hagemann BASEL BERN BRUGG DÜSSELDORF FRANKFURT A.M. FREIBURG I.BR. GENF HAMBURG KOPENHAGEN LAUSANNE MÜNCHEN STUTTGART WIEN ZÜRICH Vorstellung Oracle APEX PL/SQL-Entwicklung Carolin Hagemann Applikationsmodernisierung
MehrPimp my APEX. Clientseitige APEX-Entwicklung mit JavaScript-Frameworks am Beispiel von jquery. Andreas Wismann, MT AG
Pimp my APEX Clientseitige APEX-Entwicklung mit JavaScript-Frameworks am Beispiel von jquery Andreas Wismann, MT AG Warum JavaScript-Frameworks? 07.10.2010 Clientseitige APEX-Entwicklung mit JavaScript-Frameworks
MehrEigene Seiten erstellen Eigene Inhalte / CMS
Eigene Seiten erstellen Eigene Inhalte / CMS Datum 19. Oktober 2016 Version 3.1 Inhaltsverzeichnis Anleitung zur Erstellung von eigenen Inhalten/Links...3 1.Anmeldung in Shop Administration...3 2.Box Inhalte
Mehr1 Zugriff auf die Startseite. 2 Erstellen von Inhalten auf der Startseite
1 Zugriff auf die Startseite Rufe Sie das Redaktionssystem über https://www.uniwuerzburg.de/typo3/ auf und melden Sie sich mit Ihrer Nutzerkennung an. Vergewissern Sie sich, dass das Modul Page auf der
MehrMail: Web: juergen-schuster-it.de
Mail: j_schuster@me.com Twitter: @JuergenSchuster Web: juergen-schuster-it.de APEX Podcast: apex.press/talkshow Dynamic Actions Examples: dynamic-actions.com APEX-Meetups: apexmeetups.com APEX D-A-CH Facebook
MehrTopPlusOpen. Einbindung des Dienstes
Einbindung des Dienstes Inhaltsverzeichnis 1 Grundlegendes... 3 1.1 Kurzbeschreibung... 3 1.2 Web-Adressen... 3 2 Einbindung in Geoinformationssysteme... 4 2.1 Einbindung des WM(T)S in QGIS... 4 2.2 Einbindung
MehrKURZANLEITUNG CLOUD OBJECT STORAGE
KURZANLEITUNG CLOUD OBJECT STORAGE Version 1.12 01.07.2014 SEITE _ 2 INHALTSVERZEICHNIS 1. Einleitung... Seite 03 2. Anmelden am Cloud&Heat Dashboard... Seite 04 3. Anlegen eines Containers... Seite 05
MehrVorteil. Einfach zu realisieren performant. Übersichtlich performant. "Vererbung" von Änderungen an vererbender Tabelle
O/R Mapping: Abbildung von Vererbungsbeziehungen Strategie Vorteil Nachteil 1- Tabelle Einfach zu realisieren performant Leere Felder kein not-null Beschränkungen Identifikation der Klasse über eignes
MehrSesam (APEX) Öffne Dich
Sesam (APEX) Öffne Dich Oliver Lemm MT AG Ratingen Schlüsselworte Oracle Application Express (APEX), Oracle HTTP Server, embedded PL/SQL Gateway, APEX Listener Einleitung In dem Vortrag werden die drei
MehrSpreed Call Video. Kurzanleitung. 1 Übersicht Bereitstellen eines Videos Konfiguration des Spreed Call Video...3
Kurzanleitung Spreed Call Video Konfiguration und Integration in Ihre Webseite 1 Übersicht...3 2 Bereitstellen eines Videos...3 3 Konfiguration des Spreed Call Video...3 3.1 Grundkonfiguration für Spreed
MehrErweiterung InfoVis:Wiki
Erweiterung InfoVis:Wiki Projektpraktikum aus Projekt- und Qualitätsmanagement 188.235 (im Ausmaß von 4 SWS) Betreuer: Dipl. Ing. Dr. Wolfgang Aigner Florian Mayrhuber e0105668@student.tuwien.ac.at Oktober
MehrEinbindung in Gambio GX3
Einbindung in Gambio GX3 Einbindung Das Vertrauenssiegel von Trustami lässt sich sehr einfach in Gambio GX3 einbinden. Sie erhalten Ihren personalisierten Quellcode, indem Sie in Ihrem Trustami-Profil
MehrW7 Projekt im Zusammenhang Gästebuch
7 Projekt im Zusammenhang Gästebuch ES-7.1 Aufgabe: eb-seite mit einem kleinen Gästebuch; fordert eb-surfer auf, etwas einzutragen; speichert die Einträge und zeigt alle an, die bisher gemacht wurden.
MehrErstellen von Web-Inhalten
Erstellen von Web-Inhalten In diesem Kapitel geht es um das Anlegen, Bearbeiten und Verschieben von neuen oder bestehenden Seiten, um das Strukturieren von Seiten für die Navigation der Webseite und um
Mehr<form name= test action= test.php method= get autocomplete= on > </form> <form name= test action= test.php method= post autocomplete= on > </form>
WEBFORMULARE Nutzung von Formularen Suchbegriffe eingeben Benutzerdaten übertragen (Anschrift, Bankverbindung) Waren in Webshop bestellen Kommunikation über Gästebücher, Blogs, Chats Was wird benötigt?
MehrSchnellstart. Willkommen bei HiDrive. Erste Schritte in die Wolke! Dateien hochladen. Mailupload nutzen. Freigabelinks erzeugen. Gemeinsam zugreifen
Schnellstart Willkommen bei HiDrive Erste Schritte in die Wolke! Dateien hochladen Mailupload nutzen Freigabelinks erzeugen Gemeinsam zugreifen Uploads freigeben Als Festplatte einbinden Bitte mit Benutzernamen
MehrAufbau und Bestandteile von Formularen. Oracle Forms. Erstellen eines neuen Blocks (1) Starten von Oracle Forms
Oracle Forms Oracle Forms ist eine Applikation für den Entwurf und die Erstellung Forms-basierender Anwendungen. Diese Forms umfassen Dateneingabe-Formulare Datenabfrage-Formulare Browser-Formulare Oracle
Mehraibrowser Ausgabe
aibrowser Ausgabe 17.01.2018 Inhalt 1 Start und Menü-Balken...2 Einstellungen...3 General...3 Autologin...4 Info...5 Übergabe der Scan-Daten an den aibrowser...6 Methode 1: JavaScript Function Call...6
MehrSAP-Daten per HTML anzeigen
SAP-Daten per HTML anzeigen Oftmals besteht die Notwendigkeit einfach nur bestimmte Daten eines SAP-Systems anzuzeigen. Die Installation des SAPGUI für Windows, mit mehreren hundert Megabytes, scheint
MehrEntwicklung einer Webseite zur Verwaltung von Prüfungsterminen
Staatliche Fachschule für Mechatronik- und Elektrotechnik Entwicklung einer Webseite zur Verwaltung von Prüfungsterminen von Voit Alexander 3. Januar 2018 Entwicklungsarbeit Staatliche Fachschule für Mechatronik-
MehrProgrammdokumentation. VBSkript zum Erstellen eines Verzeichnislistings als HTML Datei
Programmdokumentation VBSkript zum Erstellen eines Verzeichnislistings als HTML Datei Michael Puff Version : 1.0 erstellt : 2007-02-26 zuletzt geändert : 2007-02-26 Homepage : http://www.michael-puff.de
MehrMultivariate 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
MehrEreignisse Auf Benutzereingaben reagieren
Ereignisse Auf Benutzereingaben reagieren JavaScript ermöglicht es dem Entwickler auf Ereignisse (engl.: events) im Browser zu reagieren. Auf diese Weise kann der Benutzer mit den Anwendungen interagieren,
MehrInfoRAUM Windows Client
InfoRAUM Windows Client InfoRAUM-Windows Client Der InfoRAUM Windows Client ist das optimale Werkzeug für all jene, die häufig Dokumente mit InfoRAUM austauschen. Der Windows Client wird lokal auf Ihrem
MehrModell Bahn Verwaltung. Tutorial. Links. Min. Programm Version 0.65, März w w w. r f n e t. c h 1 / 11
Modell Bahn Verwaltung Tutorial Links Min. Programm Version 0.65, März 2015 Tutorial Version 04.01.2017 rfnet Software w w w. r f n e t. c h 1 / 11 Vorwort... 3 1 Links... 4 1.1 Einführung... 4 1.2 Link
MehrTask Force - Profound UI Suite Newsletter für die Version (Stand )
Task Force - Profound UI Suite Newsletter für die Version 5.10.0 (Stand 05.07.2017) Version 5.10.0-1 - Inhalt Allgemeine Informationen... - 3 - Die Profound UI Produkt Suite... - 3 - Atrium (Menu/Navigation
MehrBSCW-Benutzung Kurze Einführung
BSCW-Benutzung Kurze Einführung 1. Technische Voraussetzungen 2 2. Log-In 2 3. Passwort ändern 4 4. Ordnersystem 4 5. Dokumente 5 6. Mehrere Dokumente gleichzeitig einstellen 6 7. Dokumente Öffnen 7 8.
Mehr1 Zugriff auf die Inhaltsseiten. 2 Anlegen von Inhaltsseiten. 3 Erstellen von Inhalten. Erstellen und Konfigurieren von Inhaltsseiten in Typo3
Erstellen und Konfigurieren von Inhaltsseiten in Typo3 1 Zugriff auf die Inhaltsseiten Rufen Sie das Redaktionssystem über https://www.uniwuerzburg.de/typo3/ auf und melden Sie sich mit Ihrer Nutzerkennung
MehrProjektdokumentation
Projektdokumentation Schachspiel mit JavaScript Daniel Mockenhaupt Klasse 10b Projektdokumentation: Schachspiel mit JavaScript Seite 1 Einführung Ziel dieser Projektarbeit soll die Erstellung eines Schachspiels
MehrFunktionen nur wenn dann
Funktionen nur wenn dann Funktionen können auch nur in bestimmten Fällen angewendet werden. Code wird nur in einem bestimmten Fall ausgeführt Code Ja Code Block wahr if wahr? Nein else Code Block Alternative
MehrEinsatz von APEX 2.2 / 3.0. codework Software GmbH. Sabine Drescher-Gude. bei der DOAG. DOAG SIG Development Kassel
Einsatz von APEX 2.2 / 3.0 bei der DOAG Sabine Drescher-Gude codework Software GmbH DOAG SIG Development Kassel 31.05.2007-1 about codework Kleines SW-Haus Gegründet 1984 Ursprünglich tätig im IBM MVS
MehrAPEX Office Print - Einfach Druck machen! Daniel Hochleitner Freelance APEX Developer, FOEX GmbH
APEX Office Print - Einfach Druck machen! Daniel Hochleitner Freelance APEX Developer, FOEX GmbH APEX Connect 2018 Call for Papers bis 08.11.2017!! Agenda About APEX Office Print Lizenz / Architektur /
MehrBILD-, AUDIO- UND VIDEODATEIEN BEREITSTELLEN. von CiL-Support-Team Stand: September 2015
BILD-, AUDIO- UND VIDEODATEIEN BEREITSTELLEN von CiL-Support-Team Stand: September 2015 Inhalt 1. Allgemeines... 2 2. Ordner erstellen... 2 3. Bilddatei hochladen... 3 4. Audiodatei hochladen... 4 5. Videodatei
MehrV by WBR1/BFH-TI 2011 by MOU2/BFH-TI
Java-Applets Unterlagen zum Modul OOP mit Java V 3.0 2007 by WBR1/BFH-TI 2011 by MOU2/BFH-TI Java-Applets V3.0 2011 by WBR1&MOU2/BFH- TI Lernziele Die Kursteilnehmer sind in der Lage: Möglichkeiten und
MehrNeue Features in UliCMS 9.8.4
Neue Features in UliCMS 9.8.4 www.ulicms.de Stand: 28.06.2016 Inhaltsverzeichnis Über dieses Dokument...1 Zielgruppe...1 Was ist UliCMS?...1 Zusammenfassung der Änderungen...2 Übersicht der neuen Features...2
MehrPartner-ID in eigenen Seiten verwenden
Partner-ID in eigenen Seiten verwenden Partner-ID in einer HTML-Seite anzeigen lassen Schreibt die Partner-ID mit Hilfe des Javascript-Befehls document.write() an der Stelle des Skriptaufrufes in ihr HTML-Dokument.
MehrHandbuch ky2help Version 4. Grundlagen und Administration. Version 1.7 KYBERNA AG T F
Handbuch ky2help Version 4 Grundlagen und Administration Version 1.7 KYBERNA AG T +423-238 22 22. F +423-238 22 21 Fürst-Franz-Josef-Str.5. FL-9490 Vaduz info@kyberna.com. www.kyberna.com 2 Grundlagen
MehrEntwicklerCamp inotes und XPages. Matthias Schneider
EntwicklerCamp 2014 inotes und XPages Matthias Schneider Leading Technical Sales Professional - IBM Social Business and Collaboration Solutions IBM Deutschland GmbH Agenda Embedded Experiences: XPages
MehrInhalt Einleitung Anmelden Registrieren Ein Konto erstellen Ihr Konto aktivieren Login...
Inhalt Einleitung... 2 1. Anmelden... 2 1.1. Registrieren... 2 1.1.1. Ein Konto erstellen... 2 1.1.2. Ihr Konto aktivieren... 4 1.2. Login... 4 2. Große Dateien online versenden.... 5 2.1. Einstellen weiterer
MehrDOAG München Layout und dynamische Elemente für APEX Anwendungen
DOAG München 2012 Layout und dynamische Elemente für APEX Anwendungen MuniQSoft GmbH Gegründet: 1998 Tätigkeitsbereiche: Oracle Datenbanken IT Consulting & Services Oracle Schulungen (SQL, PL/SQL, DBA,
MehrRich-Internet-Applications mit jquery und dem APEX-Listener. Klaus Friemelt MT AG, Ratingen
Rich-Internet-Applications mit jquery und dem APEX-Listener Klaus Friemelt MT AG, Ratingen Nürnberg, 18. November 2010 MT AG MT AG MANAGING TECHNOLOGY ENABLING THE ADAPTIVE ENTERPRISE Gründung 1994 Inhabergeführte
MehrMein eigenes Wörterbuch Lehrerhandbuch. Verwaltung von Wörterbüchern. Hinzufügen eines Wörterbuches. Verändern der generellen Daten des Wörterbuchs
Mein eigenes Wörterbuch Lehrerhandbuch Innerhalb Ihrer Schule können Sie als Lehrer die Bereiche Wörterbücher, Schulverwaltung, Mein Profil bearbeiten und haben Zugang zu bestimmten Benutzerstatistiken
MehrHandbuch Erste Schritte mit dirico.io
Handbuch Erste Schritte mit dirico.io Inhaltsverzeichnis 1. Was ist dirico.io?... 1 2. Wie logge ich mich ein?... 2 3. Wie richte ich dirico.io ein?... 3 4. Veröffentlichungskanäle und benutzerdefinierte
Mehr