Von Version < 15.1 >
bearbeitet von MKO
am 04.12.2020, 13:11
Auf Version < 14.2 >
bearbeitet von MKO
am 04.12.2020, 10:32
< >
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -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 ===
Copyright 2000-2025