| ... |
... |
@@ -496,6
+496,248 @@ |
| 496 |
496 |
|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
| 497 |
497 |
|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
| 498 |
498 |
|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
499 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
500 |
+))) |
|
501 |
+ |
|
502 |
+ |
|
503 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
504 |
+((( |
|
505 |
+|=Dateiname|=Inhalt |
|
506 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
507 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
508 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
509 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
510 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
511 |
+))) |
|
512 |
+ |
|
513 |
+ |
|
514 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
515 |
+((( |
|
516 |
+|=Dateiname|=Inhalt |
|
517 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
518 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
519 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
520 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
521 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
522 |
+))) |
|
523 |
+ |
|
524 |
+ |
|
525 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
526 |
+((( |
|
527 |
+|=Dateiname|=Inhalt |
|
528 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
529 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
530 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
531 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
532 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
533 |
+))) |
|
534 |
+ |
|
535 |
+ |
|
536 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
537 |
+((( |
|
538 |
+|=Dateiname|=Inhalt |
|
539 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
540 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
541 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
542 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
543 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
544 |
+))) |
|
545 |
+ |
|
546 |
+ |
|
547 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
548 |
+((( |
|
549 |
+|=Dateiname|=Inhalt |
|
550 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
551 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
552 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
553 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
554 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
555 |
+))) |
|
556 |
+ |
|
557 |
+ |
|
558 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
559 |
+((( |
|
560 |
+|=Dateiname|=Inhalt |
|
561 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
562 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
563 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
564 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
565 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
566 |
+))) |
|
567 |
+ |
|
568 |
+ |
|
569 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
570 |
+((( |
|
571 |
+|=Dateiname|=Inhalt |
|
572 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
573 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
574 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
575 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
576 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
577 |
+))) |
|
578 |
+ |
|
579 |
+ |
|
580 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
581 |
+((( |
|
582 |
+|=Dateiname|=Inhalt |
|
583 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
584 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
585 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
586 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
587 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
588 |
+))) |
|
589 |
+ |
|
590 |
+ |
|
591 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
592 |
+((( |
|
593 |
+|=Dateiname|=Inhalt |
|
594 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
595 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
596 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
597 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
598 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
599 |
+))) |
|
600 |
+ |
|
601 |
+ |
|
602 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
603 |
+((( |
|
604 |
+|=Dateiname|=Inhalt |
|
605 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
606 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
607 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
608 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
609 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
610 |
+))) |
|
611 |
+ |
|
612 |
+ |
|
613 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
614 |
+((( |
|
615 |
+|=Dateiname|=Inhalt |
|
616 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
617 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
618 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
619 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
620 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
621 |
+))) |
|
622 |
+ |
|
623 |
+ |
|
624 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
625 |
+((( |
|
626 |
+|=Dateiname|=Inhalt |
|
627 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
628 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
629 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
630 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
631 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
632 |
+))) |
|
633 |
+ |
|
634 |
+ |
|
635 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
636 |
+((( |
|
637 |
+|=Dateiname|=Inhalt |
|
638 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
639 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
640 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
641 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
642 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
643 |
+))) |
|
644 |
+ |
|
645 |
+ |
|
646 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
647 |
+((( |
|
648 |
+|=Dateiname|=Inhalt |
|
649 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
650 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
651 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
652 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
653 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
654 |
+))) |
|
655 |
+ |
|
656 |
+ |
|
657 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
658 |
+((( |
|
659 |
+|=Dateiname|=Inhalt |
|
660 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
661 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
662 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
663 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
664 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
665 |
+))) |
|
666 |
+ |
|
667 |
+ |
|
668 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
669 |
+((( |
|
670 |
+|=Dateiname|=Inhalt |
|
671 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
672 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
673 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
674 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
675 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
676 |
+))) |
|
677 |
+ |
|
678 |
+ |
|
679 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
680 |
+((( |
|
681 |
+|=Dateiname|=Inhalt |
|
682 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
683 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
684 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
685 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
686 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
687 |
+))) |
|
688 |
+ |
|
689 |
+ |
|
690 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
691 |
+((( |
|
692 |
+|=Dateiname|=Inhalt |
|
693 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
694 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
695 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
696 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
697 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
698 |
+))) |
|
699 |
+ |
|
700 |
+ |
|
701 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
702 |
+((( |
|
703 |
+|=Dateiname|=Inhalt |
|
704 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
705 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
706 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
707 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
708 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
709 |
+))) |
|
710 |
+ |
|
711 |
+ |
|
712 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
713 |
+((( |
|
714 |
+|=Dateiname|=Inhalt |
|
715 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
716 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
717 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
718 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
719 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
720 |
+))) |
|
721 |
+ |
|
722 |
+ |
|
723 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
724 |
+((( |
|
725 |
+|=Dateiname|=Inhalt |
|
726 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
727 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
728 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
729 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
|
730 |
+|contest-portal.title.html|Titel der Gewinnspiel-Portalseite |
|
731 |
+))) |
|
732 |
+ |
|
733 |
+ |
|
734 |
+(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %) |
|
735 |
+((( |
|
736 |
+|=Dateiname|=Inhalt |
|
737 |
+|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird |
|
738 |
+|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite |
|
739 |
+|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite |
|
740 |
+|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite |
| 499 |
499 |
|contest-portal.title.html|((( |
| 500 |
500 |
Titel der Gewinnspiel-Portalseite |
| 501 |
501 |
))) |
| ... |
... |
@@ -507,11
+507,9 @@ |
| 507 |
507 |
|
| 508 |
508 |
Allgemein stehen den Gewinnspielen sowohl in Kontext der Microsite als auch innerhalb des Portals folgende Funktionen zur Verfügung: |
| 509 |
509 |
|
| 510 |
|
-==== Scrollen zum Seitenanfang ==== |
|
752 |
+==== Scrollen zum Seitenanfang: ==== |
| 511 |
511 |
|
| 512 |
|
-Scrollt das Fenster der Microsite oder des Portals zum Seitenanfang. Kann wie folgt benutzt werden: |
| 513 |
|
- |
| 514 |
|
-{{code}} |
|
754 |
+{{code language="none"}} |
| 515 |
515 |
// Innerhalb des Kontextes |
| 516 |
516 |
Contest.scrollToTop(); |
| 517 |
517 |
|
| ... |
... |
@@ -518,32
+518,147 @@ |
| 518 |
518 |
// Innerhalb des Formulares |
| 519 |
519 |
// - falls dies in der selben Domaine betrieben wird |
| 520 |
520 |
window.parent.Contest.scrollToTop(); |
|
761 |
+ |
| 521 |
521 |
// - falls dies nicht in der selben Domaine betrieben wird |
| 522 |
|
-window.parent.postMessage('scrollToTerms', '*') |
|
763 |
+window.parent.postMessage('scrollToTop', '*'); |
| 523 |
523 |
|
| 524 |
524 |
// Allgemein ansprechbar über postMessage: |
| 525 |
|
-<window>.postMessage('scrollToTerms', '*') |
|
766 |
+<window>.postMessage('scrollToTop', '*'); |
|
767 |
+{{/code}} |
| 526 |
526 |
|
|
769 |
+==== Scrollen zu den Teilnahmebedingungen: ==== |
| 527 |
527 |
|
|
771 |
+{{code language="none"}} |
|
772 |
+// Innerhalb des Kontextes |
|
773 |
+Contest.scrollToTerms(); |
|
774 |
+ |
|
775 |
+// Innerhalb des Formulares |
|
776 |
+// - falls dies in der selben Domaine betrieben wird |
|
777 |
+window.parent.Contest.scrollToTerms(); |
|
778 |
+ |
|
779 |
+// - falls dies nicht in der selben Domaine betrieben wird |
|
780 |
+window.parent.postMessage('scrollToTerms', '*'); |
|
781 |
+ |
|
782 |
+// Allgemein ansprechbar über postMessage: |
|
783 |
+<window>.postMessage('scrollToTerms', '*'); |
| 528 |
528 |
{{/code}} |
| 529 |
529 |
|
| 530 |
|
-==== Scrollen zu den Teilnahmebedingungen ==== |
|
786 |
+==== Scrollen zur Datenschutz-Erklärung: ==== |
| 531 |
531 |
|
|
788 |
+{{code language="none"}} |
|
789 |
+// Innerhalb des Kontextes |
|
790 |
+Contest.scrollToPrivacy(); |
| 532 |
532 |
|
| 533 |
|
-==== Scrollen zur Datenschutz-Erklärung ==== |
|
792 |
+// Innerhalb des Formulares |
|
793 |
+// - falls dies in der selben Domaine betrieben wird |
|
794 |
+window.parent.Contest.scrollToPrivacy(); |
| 534 |
534 |
|
|
796 |
+// - falls dies nicht in der selben Domaine betrieben wird |
|
797 |
+window.parent.postMessage('scrollToPrivacy', '*'); |
| 535 |
535 |
|
|
799 |
+// Allgemein ansprechbar über postMessage: |
|
800 |
+<window>.postMessage('scrollToPrivacy', '*'); |
|
801 |
+ |
|
802 |
+{{/code}} |
|
803 |
+ |
| 536 |
536 |
=== Portal-spezifisch === |
| 537 |
537 |
|
|
806 |
+Innerhalb des Portals wird für die Carousel-Darstellung die Bibliothekt [[slick>>https://kenwheeler.github.io/slick/||rel="noopener noreferrer" target="_blank"]] verwendet. Dies lässt sich hierbei wie folgt ansprechen und umkonfigurieren: |
| 538 |
538 |
|
| 539 |
|
-=== Microsite-spezifisch === |
|
808 |
+{{code language="none"}} |
|
809 |
+// Abholen des entsprechenden Carousel-Objekts |
|
810 |
+var carousel = $('.portal-carousel-images'); |
| 540 |
540 |
|
|
812 |
+// Beispielhafte konfiguration des Autoplay-Features |
|
813 |
+if (carousel && carousel.length > 0) { |
|
814 |
+ carousel.slick('slickSetOption', 'speed', 1000) |
|
815 |
+ carousel.slick('slickSetOption', 'autoplaySpeed', 5000); |
|
816 |
+ carousel.slick('slickPlay'); |
|
817 |
+} |
|
818 |
+{{/code}} |
| 541 |
541 |
|
|
820 |
+(% class="wikigeneratedid" id="HSelektioneinesbestimmtenGewinnspiels:" %) |
|
821 |
+Ferner lässt sich die wie folgt ein gewünschtes Gewinnspiel anhand der entsprechenden UUID selektieren: |
| 542 |
542 |
|
|
823 |
+{{code language="none"}} |
|
824 |
+// Innerhalb des Kontextes |
|
825 |
+Portal.goToContest(<uuid>); |
|
826 |
+ |
|
827 |
+// Innerhalb des Formulares |
|
828 |
+// - falls dies in der selben Domaine betrieben wird |
|
829 |
+window.parent.Portal.goToContest(<uuid>); |
|
830 |
+ |
|
831 |
+// - falls dies nicht in der selben Domaine betrieben wird |
|
832 |
+var data = { |
|
833 |
+ msg: 'goToContest', |
|
834 |
+ uuid: <uuid> |
|
835 |
+}; |
|
836 |
+window.parent.postMessage(data, '*') |
|
837 |
+ |
|
838 |
+// Allgemein ansprechbar über postMessage: |
|
839 |
+var data = { |
|
840 |
+ msg: "goToContest", |
|
841 |
+ uuid: <uuid> |
|
842 |
+}; |
|
843 |
+<window>.postMessage(data , '*') |
|
844 |
+{{/code}} |
|
845 |
+ |
|
846 |
+=== Microsite-spezifisch === |
|
847 |
+ |
|
848 |
+Die Microsite besitzt neben den allgemeinen Funkationalitäten einen postMessage-Proxy welcher alle Nachrichten an das Formular-Fenster weiterreicht. Ferner wird die Bibliothek [[iFrame Resizer>>https://github.com/davidjbradshaw/iframe-resizer||rel="noopener noreferrer" target="_blank"]] bereitgestellt. |
|
849 |
+ |
| 543 |
543 |
== Einbinden als Microsite == |
| 544 |
544 |
|
|
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: |
| 545 |
545 |
|
|
854 |
+==== Resizing der IFrame anhand ihres Inhaltes ==== |
| 546 |
546 |
|
|
856 |
+Hier kommt die Bibliothekt [[iFrame Resizer>>https://github.com/davidjbradshaw/iframe-resizer||rel="noopener noreferrer" target="_blank"]] zum Einsatz. Es muss hierfür auf der Seite die die Microsite einbindet die Datei //iframeResizer.min.js// einbgebunden und der Resizer beispielsweise wie folgt initialisiert werden: |
|
857 |
+ |
|
858 |
+{{code language="none"}} |
|
859 |
+iFrameResize({log: false}, '<CSS-Selektor der iframe>'); |
|
860 |
+{{/code}} |
|
861 |
+ |
|
862 |
+==== Scrolling zu gewünschten Stellen auf der Microsite ==== |
|
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: |
|
865 |
+ |
|
866 |
+{{code language="none"}} |
|
867 |
+// Behandelt Messages der Microsite |
|
868 |
+function _handleMessage(event){ |
|
869 |
+ |
|
870 |
+ // Prüfung ob es sich um eine Scroll-Message handelt |
|
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; |
|
874 |
+ |
|
875 |
+ // Animiertes Scrolling zur zum Ziel. Dieses ergibt sich aus dem Offset der iFrame und dem Offset der Position innerhalb der iFrame |
|
876 |
+ $('html, body').animate({ |
|
877 |
+ scrollTop : event.data.scrollOffset + frameOffset |
|
878 |
+ }, 'slow'); |
|
879 |
+ |
|
880 |
+ // Weiterleitung aller postMessages an die iFrame |
|
881 |
+ }else{ |
|
882 |
+ $('<CSS-Selektor der iFrame>').each(function(){ |
|
883 |
+ var iframewindow= this.contentWindow ? this.contentWindow : this.contentDocument.defaultView; |
|
884 |
+ iframewindow.postMessage(event.data,location.origin); |
|
885 |
+ }); |
|
886 |
+ } |
|
887 |
+} |
|
888 |
+ |
|
889 |
+// Registireren der Message-Behandlung |
|
890 |
+if (window.addEventListener) { |
|
891 |
+ window.addEventListener('message', _handleMessage, false); |
|
892 |
+} else if (window.attachEvent) { // ie8 |
|
893 |
+ window.attachEvent('onmessage', _handleMessage); |
|
894 |
+} |
|
895 |
+ |
|
896 |
+{{/code}} |
|
897 |
+ |
|
898 |
+{{info}} |
|
899 |
+Wie in diesem Beispiel erkennbar werden alle nicht postMessage-Nachrichten der Zielseite an die Microsite weitergegeben. Dies ist wichtig um z.B. interne Resize-Nachrichten des Formulars bis in die Microsite zu geben! |
|
900 |
+{{/info}} |
|
901 |
+ |
| 547 |
547 |
== Versionshistorie == |
| 548 |
548 |
|
| 549 |
549 |
=== 1.3.2 === |