| ... |
... |
@@ -738,6
+738,83 @@ |
| 738 |
738 |
|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
| 739 |
739 |
|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
| 740 |
740 |
|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
741 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
742 |
+))) |
|
743 |
+ |
|
744 |
+ |
|
745 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
746 |
+((( |
|
747 |
+|=Dateiname|=Inhalt |
|
748 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
749 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
750 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
751 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
752 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
753 |
+))) |
|
754 |
+ |
|
755 |
+ |
|
756 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
757 |
+((( |
|
758 |
+|=Dateiname|=Inhalt |
|
759 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
760 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
761 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
762 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
763 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
764 |
+))) |
|
765 |
+ |
|
766 |
+ |
|
767 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
768 |
+((( |
|
769 |
+|=Dateiname|=Inhalt |
|
770 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
771 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
772 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
773 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
774 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
775 |
+))) |
|
776 |
+ |
|
777 |
+ |
|
778 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
779 |
+((( |
|
780 |
+|=Dateiname|=Inhalt |
|
781 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
782 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
783 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
784 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
785 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
786 |
+))) |
|
787 |
+ |
|
788 |
+ |
|
789 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
790 |
+((( |
|
791 |
+|=Dateiname|=Inhalt |
|
792 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
793 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
794 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
795 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
796 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
797 |
+))) |
|
798 |
+ |
|
799 |
+ |
|
800 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
801 |
+((( |
|
802 |
+|=Dateiname|=Inhalt |
|
803 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
804 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
805 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
806 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
807 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
808 |
+))) |
|
809 |
+ |
|
810 |
+ |
|
811 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
812 |
+((( |
|
813 |
+|=Dateiname|=Inhalt |
|
814 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
815 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
816 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
817 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
| 741 |
741 |
|contest-portal.title.html|((( |
| 742 |
742 |
Titel der Gewinnspiel-Portalseite |
| 743 |
743 |
))) |
| ... |
... |
@@ -849,7
+849,7 @@ |
| 849 |
849 |
|
| 850 |
850 |
== Einbinden als Microsite == |
| 851 |
851 |
|
| 852 |
|
-Für die Integration einer Gewinnspiel-Microsite als IFrame stehen berschiedene Hilfsmethoden für das Anpassen der Fenstergröße sowie das Scrolling der Site zur Verfügung. Diese sind hierbei folgende: |
|
929 |
+Für die Integration einer Gewinnspiel-Microsite als IFrame stehen verschiedene Hilfsmethoden für das Anpassen der Fenstergröße sowie das Scrolling der Site zur Verfügung. Diese sind hierbei folgende: |
| 853 |
853 |
|
| 854 |
854 |
==== Resizing der IFrame anhand ihres Inhaltes ==== |
| 855 |
855 |
|
| ... |
... |
@@ -861,7
+861,7 @@ |
| 861 |
861 |
|
| 862 |
862 |
==== Scrolling zu gewünschten Stellen auf der Microsite ==== |
| 863 |
863 |
|
| 864 |
|
-Für diese Funktionalität werden an die Zielseite durch die Microsite entsprechende postMessages gesendet. Diese können dann beispielsweise wie folgt ausgewertet werden: |
|
941 |
+Für diese Funktionalität werden an die Zielseite durch die Microsite entsprechende postMessages gesendet. Unter der Verwendung von [[jQuery>>https://jquery.com/||rel="noopener noreferrer" target="_blank"]] kann dessen Auswertung wie folgt stattfinden: |
| 865 |
865 |
|
| 866 |
866 |
{{code language="none"}} |
| 867 |
867 |
// Behandelt Messages der Microsite |
| ... |
... |
@@ -869,15
+869,16 @@ |
| 869 |
869 |
|
| 870 |
870 |
// Prüfung ob es sich um eine Scroll-Message handelt |
| 871 |
871 |
if(event.data.scrollTarget || event.data.scrollOffset){ |
| 872 |
|
- Berechnung des Offsets der iFrame zum Seitenanfang |
| 873 |
|
- var frameOffset = (event.data.scrollTarget == 'top') ? 0 : $('<<CSS-Selektor der iFrame>').offset().top; |
|
949 |
+ |
|
950 |
+ // Berechnung des Offsets der iFrame zum Seitenanfang. als scrollTarget sind die Werte "top", "terms" und "privacy" möglich. |
|
951 |
+ var frameOffset = (event.data.scrollTarget == 'top') ? 0 : $('<CSS-Selektor der iFrame>').offset().top; |
| 874 |
874 |
|
| 875 |
|
- // Animiertes Scrolling zur zum Ziel. Dieses ergibt sich aus dem Offset der iFrame und dem Offset der Position innerhalb der iFrame |
|
953 |
+ // Animiertes Scrolling zum Ziel. Dieses ergibt sich aus dem Offset der iFrame und dem Offset der Position innerhalb der iFrame |
| 876 |
876 |
$('html, body').animate({ |
| 877 |
877 |
scrollTop : event.data.scrollOffset + frameOffset |
| 878 |
878 |
}, 'slow'); |
| 879 |
879 |
|
| 880 |
|
- // Weiterleitung aller postMessages an die iFrame |
|
958 |
+ // Weiterleitung aller weiteren postMessages an die Microsite |
| 881 |
881 |
}else{ |
| 882 |
882 |
$('<CSS-Selektor der iFrame>').each(function(){ |
| 883 |
883 |
var iframewindow= this.contentWindow ? this.contentWindow : this.contentDocument.defaultView; |