Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
software:tim:javascriptquickstart [2017/06/29 16:09] semen.bortnik |
software:tim:javascriptquickstart [2021/07/01 09:52] (aktuell) |
||
---|---|---|---|
Zeile 7: | Zeile 7: | ||
Im Gegensatz zu herkömmlichen Web-Design MUSS bei TIM Script und HTML Code getrennt werden. HTML Code wird im Prozessmodell hinterlegt, der JavaScript Code wird in der custom.js Datei abgelegt. | Im Gegensatz zu herkömmlichen Web-Design MUSS bei TIM Script und HTML Code getrennt werden. HTML Code wird im Prozessmodell hinterlegt, der JavaScript Code wird in der custom.js Datei abgelegt. | ||
Wenn man nun sein Code hinterlegen will, muss man in dem "Administrations-client" in dem "Resources"- Tab die JavaScript-Datei hochladen, mit dem Namen: "custom.js". \\ | Wenn man nun sein Code hinterlegen will, muss man in dem "Administrations-client" in dem "Resources"- Tab die JavaScript-Datei hochladen, mit dem Namen: "custom.js". \\ | ||
- | Diese gilt allerdings für den gesammten Mandanten, um JavaScript in einen bestimmten Prozess einzubinden, muss in der Smartform eine "initMethod" hinterlegen, diese muss einzigartig benannt werden. Dies geschieht in der ersten | + | Diese gilt allerdings für den gesammten Mandanten, um JavaScript in einen bestimmten Prozess einzubinden, muss in der Smartform eine "initMethod" hinterlegt werden, diese muss einzigartig benannt werden. Dies geschieht in der ersten |
Zeile der Smartform (also des HTML-Codes) wie folgt: ''%%<form class="example-process" initMethod="REPLACEME" > [...] </form>%%'' \\ | Zeile der Smartform (also des HTML-Codes) wie folgt: ''%%<form class="example-process" initMethod="REPLACEME" > [...] </form>%%'' \\ | ||
Zeile 20: | Zeile 20: | ||
==2.1.1. JQuery beziehen== | ==2.1.1. JQuery beziehen== | ||
- | Eine Smartform in TIM ist etwas anders aufgebaut als eine herkömmliche Internetseite, ergibt eine ''%%document.getElementById("ID");%%'' Suche nicht das gewünschte Ergebnis. Um mit diesem Ansatz ein richtiges Ergebnis zu bekommen, muss man mit dem this-Pointer arbeiten, dies kann allerdings schnell zu Verwirrung führen. Um trotzdem z.B. Felder in der Smartform nach der ID suchen zu können, wird JQuery empfohlen. Um dieses zu benutzen müssen wir es allerdings erst einbinden, dies geschieht so: \\ | + | Eine Smartform in TIM ist etwas anders aufgebaut als eine herkömmliche Internetseite, deshalb ergibt eine ''%%document.getElementById("ID");%%'' Suche nicht das gewünschte Ergebnis. Um mit diesem Ansatz ein richtiges Ergebnis zu bekommen, muss man mit dem this-Pointer arbeiten, dies kann allerdings schnell zu Verwirrung führen. Um trotzdem z.B. Felder in der Smartform nach der ID suchen zu können, wird JQuery empfohlen. Um dieses zu benutzen müssen wir es allerdings erst einbinden, dies geschieht so: \\ |
An den Anfang der Init-Methode muss folgende Zeile: <code javascript> jq = (this.form.ownerDocument.defaultView!=null) ? this.form.ownerDocument.defaultView.jQuery : this.form.ownerDocument.parentWindow.jQuery; </code> | An den Anfang der Init-Methode muss folgende Zeile: <code javascript> jq = (this.form.ownerDocument.defaultView!=null) ? this.form.ownerDocument.defaultView.jQuery : this.form.ownerDocument.parentWindow.jQuery; </code> | ||