Custom-Action SOCv3 - Versionsgeschichte

Dirkg am 22. April 2016 um 14:51 Uhr

2016-04-22T14:51:09Z

← Nächstältere Version		Version vom 22. April 2016, 16:51 Uhr
Zeile 2:		Zeile 2:

	==Custom-Action==		==Custom-Action==
	Mit einem ~~benutzerdefiniertem~~ Knoten besteht die Möglichkeit, Skripte nach dem Laden der Webseite auszuführen.		Mit einem benutzerdefinierten Knoten besteht die Möglichkeit, Skripte nach dem Laden der Webseite auszuführen.

	An diesem Beispiel wird erklärt, wie dieses für das Securepoint Reseller-Portal gemacht wird.		An diesem Beispiel wird erklärt, wie dieses für das Securepoint Reseller-Portal gemacht wird.
Zeile 8:		Zeile 8:
	===Anlegen des Knotens===		===Anlegen des Knotens===
	[[Datei:SOC3_Bendevknothinz.png\|200px\|thumb\|right\|Benutzerdefinierten Knoten hinzufügen]]		[[Datei:SOC3_Bendevknothinz.png\|200px\|thumb\|right\|Benutzerdefinierten Knoten hinzufügen]]
	Das ~~anlegen~~ eines neuen Knoten geschieht per Rechtsklick auf eine Organisationseinheit und anschließend ein ~~klick~~ auf ''Neuen Knoten hinzufügen''. <br>		Das Anlegen eines neuen Knoten geschieht per Rechtsklick auf eine Organisationseinheit und anschließend ein Klick auf ''Neuen Knoten hinzufügen''. <br>
	In diesem Fall wird dann ''Neuen benutzerdefinierten Knoten hinzufügen'' ausgewählt.		In diesem Fall wird dann ''Neuen benutzerdefinierten Knoten hinzufügen'' ausgewählt.

Zeile 65:		Zeile 65:

	===Script erstellen===		===Script erstellen===
	Nach einem Rechtsklick auf den neuen Knoten um diesen zu bearbeiten, öffnet sich nach dem ~~klick~~ auf die Schaltfläche ~~Script:~~ ''Setzen'' in den Aktions Einstellungen ein Fenster in das ~~die Kommandos~~ eingetragen ~~werden~~.		Nach einem Rechtsklick auf den neuen Knoten um diesen zu bearbeiten, öffnet sich nach dem Klick auf die Schaltfläche ''Setzen'' in den Aktions Einstellungen ein Fenster, in das das Script eingetragen wird.

	[[Datei:SOC3_login_script.png\|200px\|thumb\|right\|Script]]		[[Datei:SOC3_login_script.png\|200px\|thumb\|right\|Script]]
	~~Mit~~ ''document.ready'' ~~wird~~ sichergestellt, dass alles geladen wird und über die ermittelten Selektoren werden die Werte gesetzt bzw. das Event ausgelöst.		Wird auf der Webseite JQuery benutzt, wird mit ''document.ready'' sichergestellt, dass alles geladen wird und über die ermittelten Selektoren werden die Werte gesetzt bzw. das Event ausgelöst.

	$( document ).ready(function() {		$( document ).ready(function() {

Dirkg am 22. April 2016 um 14:31 Uhr

2016-04-22T14:31:18Z

← Nächstältere Version		Version vom 22. April 2016, 16:31 Uhr
Zeile 7:		Zeile 7:

	===Anlegen des Knotens===		===Anlegen des Knotens===
	[[Datei:SOC3_Bendevknothinz.png\|200px\|right\|Benutzerdefinierten Knoten hinzufügen]]		[[Datei:SOC3_Bendevknothinz.png\|200px\|thumb\|right\|Benutzerdefinierten Knoten hinzufügen]]
	Das anlegen eines neuen Knoten geschieht per Rechtsklick auf eine Organisationseinheit und anschließend ein klick auf ''Neuen Knoten hinzufügen''. <br>		Das anlegen eines neuen Knoten geschieht per Rechtsklick auf eine Organisationseinheit und anschließend ein klick auf ''Neuen Knoten hinzufügen''. <br>
	In diesem Fall wird dann ''Neuen benutzerdefinierten Knoten hinzufügen'' ausgewählt.		In diesem Fall wird dann ''Neuen benutzerdefinierten Knoten hinzufügen'' ausgewählt.
Zeile 21:		Zeile 21:


	[[Datei:SOC3_Bendefknotenurl.png\|200px\|right\|Benutzerdefinierten Knoten definieren]]		[[Datei:SOC3_Bendefknotenurl.png\|200px\|thumb\|right\|Benutzerdefinierten Knoten definieren]]
	Beim Anlegen des Knotens werden folgende Werte verwendet.		Beim Anlegen des Knotens werden folgende Werte verwendet.

Zeile 58:		Zeile 58:

	Dafür wird auf die Untersuchen-Schaltfläche geklickt und bei der Fahrt mit dem Mauszeiger über die gewünschten Input-Felder erscheinen dann darunter der Name bzw. die Klasse des Feldes.		Dafür wird auf die Untersuchen-Schaltfläche geklickt und bei der Fahrt mit dem Mauszeiger über die gewünschten Input-Felder erscheinen dann darunter der Name bzw. die Klasse des Feldes.
	[[Datei:FF_FB_getFieldnames.png\|500px\|center\|Firebug Feldnamen herausfinden]]		[[Datei:FF_FB_getFieldnames.png\|500px\|thumb\|center\|Firebug Feldnamen herausfinden]]















Zeile 80:		Zeile 67:
	Nach einem Rechtsklick auf den neuen Knoten um diesen zu bearbeiten, öffnet sich nach dem klick auf die Schaltfläche Script: ''Setzen'' in den Aktions Einstellungen ein Fenster in das die Kommandos eingetragen werden.		Nach einem Rechtsklick auf den neuen Knoten um diesen zu bearbeiten, öffnet sich nach dem klick auf die Schaltfläche Script: ''Setzen'' in den Aktions Einstellungen ein Fenster in das die Kommandos eingetragen werden.

	[[Datei:SOC3_login_script.png\|200px\|right\|Script]]		[[Datei:SOC3_login_script.png\|200px\|thumb\|right\|Script]]
	Mit ''document.ready'' wird sichergestellt, dass alles geladen wird und über die ermittelten Selektoren werden die Werte gesetzt bzw. das Event ausgelöst.		Mit ''document.ready'' wird sichergestellt, dass alles geladen wird und über die ermittelten Selektoren werden die Werte gesetzt bzw. das Event ausgelöst.

Zeile 94:		Zeile 81:
	Nach dem Setzen des Skriptes, kann nun das Reseller-Portal über einen Doppelklick auf dem Knoten geöffnet werden.		Nach dem Setzen des Skriptes, kann nun das Reseller-Portal über einen Doppelklick auf dem Knoten geöffnet werden.

	[[Datei:SOC3_rsplogin.png\|500px\|center\|Automatischer Login]]		[[Datei:SOC3_rsplogin.png\|500px\|thumb\|center\|Automatischer Login]]

Dirkg am 22. April 2016 um 14:22 Uhr

2016-04-22T14:22:58Z

← Nächstältere Version		Version vom 22. April 2016, 16:22 Uhr
Zeile 88:		Zeile 88:
	$(".btn.btn-primary").click();		$(".btn.btn-primary").click();
	});		});


			In dem Skript werden die Platzhalter ''$user'' und ''$password'' benutzt, welche beim Ausführen durch die im Knoten festgelegten Werte ersetzt werden. Das das Reseller-Portal jQuery benutzt, ist das Setzen der Werte sehr einfach. Falls ein anderes Framework bzw. auch keins benutzt wird, sollte in der jeweiligen Dokumentation das Setzen nachgeschlagen werden.

			Nach dem Setzen des Skriptes, kann nun das Reseller-Portal über einen Doppelklick auf dem Knoten geöffnet werden.

			[[Datei:SOC3_rsplogin.png\|500px\|center\|Automatischer Login]]

Dirkg am 22. April 2016 um 14:16 Uhr

2016-04-22T14:16:39Z

← Nächstältere Version		Version vom 22. April 2016, 16:16 Uhr
Zeile 7:		Zeile 7:

	===Anlegen des Knotens===		===Anlegen des Knotens===
	[[Datei:SOC3_Bendevknothinz.png\|200px\|right\|Benutzerdefinierten Knoten ~~anlegen~~]]		[[Datei:SOC3_Bendevknothinz.png\|200px\|right\|Benutzerdefinierten Knoten hinzufügen]]
	Das anlegen eines neuen Knoten geschieht per Rechtsklick auf eine Organisationseinheit und anschließend ein klick auf ''Neuen Knoten hinzufügen''. <br>		Das anlegen eines neuen Knoten geschieht per Rechtsklick auf eine Organisationseinheit und anschließend ein klick auf ''Neuen Knoten hinzufügen''. <br>
	In diesem Fall wird dann ''Neuen benutzerdefinierten Knoten hinzufügen'' ausgewählt.		In diesem Fall wird dann ''Neuen benutzerdefinierten Knoten hinzufügen'' ausgewählt.
Zeile 21:		Zeile 21:


	[[Datei:SOC3_Bendefknotenurl.png\|200px\|right\|~~Benutzerdefinierter~~ Knoten]]		[[Datei:SOC3_Bendefknotenurl.png\|200px\|right\|Benutzerdefinierten Knoten definieren]]
	Beim Anlegen des Knotens werden folgende Werte verwendet.		Beim Anlegen des Knotens werden folgende Werte verwendet.

Dirkg am 22. April 2016 um 14:14 Uhr

2016-04-22T14:14:14Z

← Nächstältere Version		Version vom 22. April 2016, 16:14 Uhr
Zeile 10:		Zeile 10:
	Das anlegen eines neuen Knoten geschieht per Rechtsklick auf eine Organisationseinheit und anschließend ein klick auf ''Neuen Knoten hinzufügen''. <br>		Das anlegen eines neuen Knoten geschieht per Rechtsklick auf eine Organisationseinheit und anschließend ein klick auf ''Neuen Knoten hinzufügen''. <br>
	In diesem Fall wird dann ''Neuen benutzerdefinierten Knoten hinzufügen'' ausgewählt.		In diesem Fall wird dann ''Neuen benutzerdefinierten Knoten hinzufügen'' ausgewählt.











	[[Datei:SOC3_Bendefknotenurl.png\|200px\|right\|Benutzerdefinierter Knoten]]		[[Datei:SOC3_Bendefknotenurl.png\|200px\|right\|Benutzerdefinierter Knoten]]
Zeile 67:		Zeile 77:
	Damit kann nun das Skript erstellt werden.		Damit kann nun das Skript erstellt werden.

	~~dafür stellen wir sicher~~, ~~dass mit "~~document.ready" alles geladen und ~~und setzen dann~~ über die ermittelten Selektoren die Werte bzw. ~~lösen~~ das Event ~~aus~~.		===Script erstellen===
	~~[[Datei:SOC3_Custom-Settings.png\|500px\|center\|Benutzerdefinierter Knoten]]~~		Nach einem Rechtsklick auf den neuen Knoten um diesen zu bearbeiten, öffnet sich nach dem klick auf die Schaltfläche Script: ''Setzen'' in den Aktions Einstellungen ein Fenster in das die Kommandos eingetragen werden.

			[[Datei:SOC3_login_script.png\|200px\|right\|Script]]
			Mit ''document.ready'' wird sichergestellt, dass alles geladen wird und über die ermittelten Selektoren werden die Werte gesetzt bzw. das Event ausgelöst.

	$( document ).ready(function() {		$( document ).ready(function() {

Dirkg am 22. April 2016 um 13:48 Uhr

2016-04-22T13:48:45Z

← Nächstältere Version		Version vom 22. April 2016, 15:48 Uhr
Zeile 7:		Zeile 7:

	===Anlegen des Knotens===		===Anlegen des Knotens===
	[[Datei:~~SOC3_Knotenhinz~~.png\|200px\|right\|Benutzerdefinierten Knoten anlegen]]		[[Datei:SOC3_Bendevknothinz.png\|200px\|right\|Benutzerdefinierten Knoten anlegen]]
	Das anlegen eines neuen Knoten geschieht per Rechtsklick auf eine Organisationseinheit und anschließend ein klick auf ''Neuen Knoten hinzufügen''. <br>		Das anlegen eines neuen Knoten geschieht per Rechtsklick auf eine Organisationseinheit und anschließend ein klick auf ''Neuen Knoten hinzufügen''. <br>
	In diesem Fall wird dann ''Neuen benutzerdefinierten Knoten hinzufügen'' ausgewählt.		In diesem Fall wird dann ''Neuen benutzerdefinierten Knoten hinzufügen'' ausgewählt.

	[[Datei:~~SOC3_Custom-Settings~~.png\|200px\|right\|Benutzerdefinierter Knoten]]		[[Datei:SOC3_Bendefknotenurl.png\|200px\|right\|Benutzerdefinierter Knoten]]
	Beim Anlegen des Knotens werden folgende Werte verwendet.		Beim Anlegen des Knotens werden folgende Werte verwendet.

	{\|		{\|
	\|style="background:#FFCBCB" colspan="2"\| Beschreibung des Knoten		\|style="background:#FFCBCB" colspan="2"\| '''Beschreibung des Knoten'''
	\|-		\|-
	\|Name:\|\| my.securepoint.de		\|Name:\|\| my.securepoint.de
Zeile 24:		Zeile 25:
	\|Aktionen:\|\| Aktionen aktivieren		\|Aktionen:\|\| Aktionen aktivieren
	\|-		\|-
	\|style="background:#FFCBCB" colspan="2"\| Aktions Einstellungen:		\|colspan="2"\|
			\|-
			\|style="background:#FFCBCB" colspan="2"\| '''Aktions Einstellungen:'''
	\|-		\|-
	\|Aktionen:\|\| URL öffnen		\|Aktionen:\|\| URL öffnen
Zeile 32:		Zeile 35:
	\|Benutzer:\|\| Anmeldename am Resellerportal		\|Benutzer:\|\| Anmeldename am Resellerportal
	\|-		\|-
	\|Kennwort:\|\| Passwort ~~des Benutzer~~		\|Kennwort:\|\| Passwort für das Resellerportal
	\|-		\|-
	\|Beschreibung:\|\| Frei wählbar		\|Beschreibung:   \|\| Frei wählbar
	\|}		\|}


			Diese Eingaben werden mit einem Klick auf ''Hinzufügen'' gespeichert.


Zeile 43:		Zeile 48:

	Dafür wird auf die Untersuchen-Schaltfläche geklickt und bei der Fahrt mit dem Mauszeiger über die gewünschten Input-Felder erscheinen dann darunter der Name bzw. die Klasse des Feldes.		Dafür wird auf die Untersuchen-Schaltfläche geklickt und bei der Fahrt mit dem Mauszeiger über die gewünschten Input-Felder erscheinen dann darunter der Name bzw. die Klasse des Feldes.
	[[Datei:~~SOC3_Custom-Settings~~.png\|500px\|center\|~~Benutzerdefinierter Knoten~~]]		[[Datei:FF_FB_getFieldnames.png\|500px\|center\|Firebug Feldnamen herausfinden]]
















			Damit kann nun das Skript erstellt werden.

	~~Damit kann nun das Skript erstellt werden,~~ dafür stellen wir sicher, dass mit "document.ready" alles geladen und und setzen dann über die ermittelten Selektoren die Werte bzw. lösen das Event aus.		dafür stellen wir sicher, dass mit "document.ready" alles geladen und und setzen dann über die ermittelten Selektoren die Werte bzw. lösen das Event aus.
	[[Datei:SOC3_Custom-Settings.png\|500px\|center\|Benutzerdefinierter Knoten]]		[[Datei:SOC3_Custom-Settings.png\|500px\|center\|Benutzerdefinierter Knoten]]

Dirkg am 22. April 2016 um 13:19 Uhr

2016-04-22T13:19:48Z

← Nächstältere Version		Version vom 22. April 2016, 15:19 Uhr
Zeile 14:		Zeile 14:
	Beim Anlegen des Knotens werden folgende Werte verwendet.		Beim Anlegen des Knotens werden folgende Werte verwendet.
	{\|		{\|
			\|style="background:#FFCBCB" colspan="2"\| Beschreibung des Knoten
			\|-
	\|Name:\|\| my.securepoint.de		\|Name:\|\| my.securepoint.de
	\|-		\|-
Zeile 22:		Zeile 24:
	\|Aktionen:\|\| Aktionen aktivieren		\|Aktionen:\|\| Aktionen aktivieren
	\|-		\|-
	\|colspan="2"\| Aktions Einstellungen:		\|style="background:#FFCBCB" colspan="2"\| Aktions Einstellungen:
	\|-		\|-
	\|Aktionen:\|\| URL öffnen		\|Aktionen:\|\| URL öffnen

Dirkg am 22. April 2016 um 13:04 Uhr

2016-04-22T13:04:48Z

@@ Zeile 7: / Zeile 7: @@
 ===Anlegen des Knotens===
 Beim Anlegen des Knotens werden folgende Werte verwendet.
-[[Datei:SOC3_Custom-Settings.png|500px|center|Benutzerdefinierter Knoten]]
+{|

Dirkg am 22. April 2016 um 12:20 Uhr

2016-04-22T12:20:52Z

← Nächstältere Version		Version vom 22. April 2016, 14:20 Uhr
Zeile 16:		Zeile 16:
	Dafür wird auf die Untersuchen-Schaltfläche geklickt und bei der Fahrt mit dem Mauszeiger über die gewünschten Input-Felder erscheinen dann darunter der Name bzw. die Klasse des Feldes.		Dafür wird auf die Untersuchen-Schaltfläche geklickt und bei der Fahrt mit dem Mauszeiger über die gewünschten Input-Felder erscheinen dann darunter der Name bzw. die Klasse des Feldes.
	[[Datei:SOC3_Custom-Settings.png\|500px\|center\|Benutzerdefinierter Knoten]]		[[Datei:SOC3_Custom-Settings.png\|500px\|center\|Benutzerdefinierter Knoten]]


			Damit kann nun das Skript erstellt werden, dafür stellen wir sicher, dass mit "document.ready" alles geladen und und setzen dann über die ermittelten Selektoren die Werte bzw. lösen das Event aus.
			[[Datei:SOC3_Custom-Settings.png\|500px\|center\|Benutzerdefinierter Knoten]]

			$( document ).ready(function() {
			$("#user_name").val("$user");
			$("#user_pass").val("$password");
			$(".btn.btn-primary").click();
			});

Dirkg: Die Seite wurde neu angelegt: „Kategorie:SOCv3 ==Custom-Action== Mit einem benutzerdefiniertem Knoten besteht die Möglichkeit, Skripte nach dem Laden der Webseite auszuführen. An die…“

2016-04-22T08:32:52Z

Die Seite wurde neu angelegt: „Kategorie:SOCv3 ==Custom-Action== Mit einem benutzerdefiniertem Knoten besteht die Möglichkeit, Skripte nach dem Laden der Webseite auszuführen. An die…“

Neue Seite

[[Kategorie:SOCv3]]

==Custom-Action==
Mit einem benutzerdefiniertem Knoten besteht die Möglichkeit, Skripte nach dem Laden der Webseite auszuführen.

An diesem Beispiel wird erklärt, wie dieses für das Securepoint Reseller-Portal gemacht wird.

===Anlegen des Knotens===
Beim Anlegen des Knotens werden folgende Werte verwendet.
[[Datei:SOC3_Custom-Settings.png|500px|center|Benutzerdefinierter Knoten]]

Nachdem der Knoten gespeichert wurde, müssen die Feldnamen und der Button-Name ermittelt werden.
Dieses geht zum Beispiel gut im Firefox mit der Firebug-Erweiterung.

Dafür wird auf die Untersuchen-Schaltfläche geklickt und bei der Fahrt mit dem Mauszeiger über die gewünschten Input-Felder erscheinen dann darunter der Name bzw. die Klasse des Feldes.
[[Datei:SOC3_Custom-Settings.png|500px|center|Benutzerdefinierter Knoten]]