Widget Code

by Peter Scholz

Sie können unsere Kurse auf Ihrer eigenen Webseite verlinken.

Hierfür haben wir einen Widget-Code erstellt, der problemlos auf der eigenen Webseite engebunden werden kann.

Hierzu einfach der Anleitung folgen:

Den folgenen Code im Head-Bereich der Webseite hinzufügen:

				
					<script type="text/javascript" src="https://vademecum-academy.com/platform/vademecum-widget.php?lang=de"></script>
				
			

Über den Sprach-Parameter wird die Sprache des Widgets festgelegt. Mögliche Werte sind “de” oder “en”.

HTML-Code einfügen, wo das Widget angezeigt werden soll:

				
					<div id="[ID des Inhaltes]"></div>
				
			

Der Wert des Attributes id wird später noch benötigt. Es können mehrere Widgets pro Seite eingebunden werden. Die id des Bereiches muss mit einem Buchstaben beginnen und eindeutig sein, z.B. “vademecum1”, “kungFuFit”, usw.

Javascript-Code, irgendwo auf der Seite einfügen:

Den folgenden Javascript-Code irgendwo auf der Seite einfügen, z.B. unterhalb, oder sogar innerhalb des DIV-Elementes (siehe oben).

Bitte beachten:

Javascript-Code muss innerhalb eines Script-Tags eingebunden werden.

				
					box = new vademecum_widget();
box.build('[Layout]', '[Kurs]', '[ID des Inhaltes]','[Theme]');
				
			

Layout:

  • “large-1”, “large-2”, “large-3”
  • “small-1”, “small-2”, “small-3”

Wird das Feld Layout leer gelassen (“”), wird lediglich das Vade Mecum Logo angezeigt.

Kurs:

Unser Kursprogramm wird ständig erweitert. Beispiele:

  1. “Wing Chun Kyun Set 01”, “Wing Chun Kyun Set 02”, usw.
  2. “Kung Fu Fit”
  3. “Muk Jan Zong”
  4. usw.

ID des Inhaltes:

Dieser Wert muss identlisch mit dem verwendeten Wert des DIV-Elementes sein, z.B. “vademecum1”.

Theme:

Es stehen mehrere Erscheinungsbilder zur Auswahl, momentan:

  1. light
  2. dark

Beispiel 1:

				
					<html>
  <head>
    <script type="text/javascript" src="https://vademecum-academy.com/platform/vademecum-widget.php?lang=de"></script>
  </head>
  <body data-rsssl=1>

<!--This is the begin of the vademecum widget code -->
<div id="vmw_wck1">
  <script type="text/javascript">
    box = new vademecum_widget();
    box.build('small-1','Muk Jan Zong','vmw_wck1','light');
  </script>
</div>
<!-- This is the end of the vademecum widget code -->

  </body>
</html>
				
			

Ergebnis:

Theme light:

Theme dark:

Beispiel 2:

. . .
				
					<!--This is the begin of the vademecum widget code -->
<div id="vmw_mjz1">
<script type="text/javascript">
box = new vademecum_widget();
box.build('large-3','Muk Jan Zong','vmw_mjz1','light');
</script>
</div>
<!-- This is the end of the vademecum widget code -->
				
			
. . .

Ergebnis:

Wir nutzen Cookies zu unterschiedlichen Zwecken, unter anderem zur Analyse und für personalisierte Marketing-Mitteilungen. Durch die weitere Nutzung unseres Diensts stimmen sie der Nutzung von Cookies zu. Weitere Informationen finden sie auf der Seite Datenschutzerklärung. Weiter Zur Datenschutzerklärung