From version < 14.1 >
edited by MKO
on 04.12.2020, 10:17
To version < 15.1 >
edited by MKO
on 04.12.2020, 13:11
< >
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -377,7 +377,10 @@
377 377  ; Fußbereich
378 378  : Unter Teilnahmebedingungen/Datenschutz angezeigter Inhalt.
379 379  
380 -; CSS
380 +; Abgelaufen-Overlay
381 +: Hier kann eine Grafik definiert werden welche über der Bannergrafik bei einem abgelaufenen Gewinnspiel angezeigt wird.
382 +
383 +; CSS (Portal)
381 381  : Innerhalb des Gewinnspiel-Portals zu verwendender CSS-Code.
382 382  
383 383  ; JavaScript (Portal)
... ... @@ -449,11 +449,453 @@
449 449  |contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite
450 450  |contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite
451 451  |contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite
455 +|contest-portal.title.html|Titel der Gewinnspiel-Portalseite
456 +)))
457 +
458 +
459 +(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %)
460 +(((
461 +|=Dateiname|=Inhalt
462 +|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird
463 +|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite
464 +|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite
465 +|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite
466 +|contest-portal.title.html|Titel der Gewinnspiel-Portalseite
467 +)))
468 +
469 +
470 +(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %)
471 +(((
472 +|=Dateiname|=Inhalt
473 +|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird
474 +|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite
475 +|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite
476 +|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite
477 +|contest-portal.title.html|Titel der Gewinnspiel-Portalseite
478 +)))
479 +
480 +
481 +(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %)
482 +(((
483 +|=Dateiname|=Inhalt
484 +|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird
485 +|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite
486 +|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite
487 +|contest-portal.separator.html|Inhalt des Trenners in der Mitte auf der Gewinnspiel-Portalseite
488 +|contest-portal.title.html|Titel der Gewinnspiel-Portalseite
489 +)))
490 +
491 +
492 +(% class="xm-table xm-fw-false xm-fl-none" data-xm-table-dta="0-1" data-xm-table-ps="0-asc" %)
493 +(((
494 +|=Dateiname|=Inhalt
495 +|contest-portal.css.txt|CSS-Code für das Gewinnspiel-Portal; Als txt-Datei hinterlegt, damit es nicht automatisch in alle Formulare eingebunden wird
496 +|contest-portal.footer.html|Inhalt des Fußbereiches der Gewinnspiel-Portalseite
497 +|contest-portal.header.html|Inhalt des Kopfbereiches der Gewinnspiel-Portalseite
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
452 452  |contest-portal.title.html|(((
453 453  Titel der Gewinnspiel-Portalseite
454 454  )))
455 455  )))
456 456  
746 +== JavaScript-Schnittstellen ==
747 +
748 +=== Allgemein ===
749 +
750 +Allgemein stehen den Gewinnspielen sowohl in Kontext der Microsite als auch innerhalb des Portals folgende Funktionen zur Verfügung:
751 +
752 +==== Scrollen zum Seitenanfang: ====
753 +
754 +{{code language="none"}}
755 +// Innerhalb des Kontextes
756 +Contest.scrollToTop();
757 +
758 +// Innerhalb des Formulares
759 +// - falls dies in der selben Domaine betrieben wird
760 +window.parent.Contest.scrollToTop();
761 +
762 +// - falls dies nicht in der selben Domaine betrieben wird
763 +window.parent.postMessage('scrollToTop', '*');
764 +
765 +// Allgemein ansprechbar über postMessage:
766 +<window>.postMessage('scrollToTop', '*');
767 +{{/code}}
768 +
769 +==== Scrollen zu den Teilnahmebedingungen: ====
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 +{{/code}}
785 +
786 +==== Scrollen zur Datenschutz-Erklärung: ====
787 +
788 +{{code language="none"}}
789 +// Innerhalb des Kontextes
790 +Contest.scrollToPrivacy();
791 +
792 +// Innerhalb des Formulares
793 +// - falls dies in der selben Domaine betrieben wird
794 +window.parent.Contest.scrollToPrivacy();
795 +
796 +// - falls dies nicht in der selben Domaine betrieben wird
797 +window.parent.postMessage('scrollToPrivacy', '*');
798 +
799 +// Allgemein ansprechbar über postMessage:
800 +<window>.postMessage('scrollToPrivacy', '*');
801 +
802 +{{/code}}
803 +
804 +=== Portal-spezifisch ===
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 +
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 +=== 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 +
850 +== Einbinden als Microsite ==
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 +
854 +==== Resizing der IFrame anhand ihres Inhaltes ====
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 +
457 457  == Versionshistorie ==
458 458  
459 459  === 1.3.2 ===
Copyright 2000-2025