... |
... |
@@ -496,248
+496,6 @@ |
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 |
741 |
741 |
|contest-portal.title.html|((( |
742 |
742 |
Titel der Gewinnspiel-Portalseite |
743 |
743 |
))) |
... |
... |
@@ -749,9
+749,11 @@ |
749 |
749 |
|
750 |
750 |
Allgemein stehen den Gewinnspielen sowohl in Kontext der Microsite als auch innerhalb des Portals folgende Funktionen zur Verfügung: |
751 |
751 |
|
752 |
|
-==== Scrollen zum Seitenanfang: ==== |
|
510 |
+==== Scrollen zum Seitenanfang ==== |
753 |
753 |
|
754 |
|
-{{code language="none"}} |
|
512 |
+Scrollt das Fenster der Microsite oder des Portals zum Seitenanfang. Kann wie folgt benutzt werden: |
|
513 |
+ |
|
514 |
+{{code}} |
755 |
755 |
// Innerhalb des Kontextes |
756 |
756 |
Contest.scrollToTop(); |
757 |
757 |
|
... |
... |
@@ -758,147
+758,32 @@ |
758 |
758 |
// Innerhalb des Formulares |
759 |
759 |
// - falls dies in der selben Domaine betrieben wird |
760 |
760 |
window.parent.Contest.scrollToTop(); |
761 |
|
- |
762 |
762 |
// - falls dies nicht in der selben Domaine betrieben wird |
763 |
|
-window.parent.postMessage('scrollToTop', '*'); |
|
522 |
+window.parent.postMessage('scrollToTerms', '*') |
764 |
764 |
|
765 |
765 |
// Allgemein ansprechbar über postMessage: |
766 |
|
-<window>.postMessage('scrollToTop', '*'); |
767 |
|
-{{/code}} |
|
525 |
+<window>.postMessage('scrollToTerms', '*') |
768 |
768 |
|
769 |
|
-==== Scrollen zu den Teilnahmebedingungen: ==== |
770 |
770 |
|
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', '*'); |
784 |
784 |
{{/code}} |
785 |
785 |
|
786 |
|
-==== Scrollen zur Datenschutz-Erklärung: ==== |
|
530 |
+==== Scrollen zu den Teilnahmebedingungen ==== |
787 |
787 |
|
788 |
|
-{{code language="none"}} |
789 |
|
-// Innerhalb des Kontextes |
790 |
|
-Contest.scrollToPrivacy(); |
791 |
791 |
|
792 |
|
-// Innerhalb des Formulares |
793 |
|
-// - falls dies in der selben Domaine betrieben wird |
794 |
|
-window.parent.Contest.scrollToPrivacy(); |
|
533 |
+==== Scrollen zur Datenschutz-Erklärung ==== |
795 |
795 |
|
796 |
|
-// - falls dies nicht in der selben Domaine betrieben wird |
797 |
|
-window.parent.postMessage('scrollToPrivacy', '*'); |
798 |
798 |
|
799 |
|
-// Allgemein ansprechbar über postMessage: |
800 |
|
-<window>.postMessage('scrollToPrivacy', '*'); |
801 |
|
- |
802 |
|
-{{/code}} |
803 |
|
- |
804 |
804 |
=== Portal-spezifisch === |
805 |
805 |
|
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: |
807 |
807 |
|
808 |
|
-{{code language="none"}} |
809 |
|
-// Abholen des entsprechenden Carousel-Objekts |
810 |
|
-var carousel = $('.portal-carousel-images'); |
811 |
|
- |
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}} |
819 |
|
- |
820 |
|
-(% class="wikigeneratedid" id="HSelektioneinesbestimmtenGewinnspiels:" %) |
821 |
|
-Ferner lässt sich die wie folgt ein gewünschtes Gewinnspiel anhand der entsprechenden UUID selektieren: |
822 |
|
- |
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 |
846 |
=== Microsite-spezifisch === |
847 |
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 |
849 |
|
|
542 |
+ |
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: |
853 |
853 |
|
854 |
|
-==== Resizing der IFrame anhand ihres Inhaltes ==== |
855 |
855 |
|
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 |
|
- |
902 |
902 |
== Versionshistorie == |
903 |
903 |
|
904 |
904 |
=== 1.3.2 === |