The main difference between the two pages is the method of sending messages. Recieving messages is the same in both.
Send messages to iframe using iframeEl.contentWindow.postMessage
Recieve messages using window.addEventListener('message')
Ming eldyvoon
awssimplified
/ gist:da49577fa48128e1da992dd6ec21085c
Created
August 27, 2020 02:19
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Commands | |
| ------------ | |
| 1. Build Docker Image | |
| docker build -t test . | |
| 2. Run container /w image | |
| docker run -d --publish 8888:5000 test | |
| 3. Login to ECR | |
| aws ecr get-login-password --region REGIONHERE!!!! | docker login --username AWS --password-stdin ACCOUNTIDHERE!!!!.dkr.ecr.REGIONHERE!!!.amazonaws.com |
tkh44
/ animated-check.js
Last active
March 28, 2020 22:33
Animated Checkmark Directive inspired by http://codepen.io/haniotis/pen/KwvYLO
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| angular.module('animated-checkmark', []).directive('animatedCheck', animatedCheck); | |
| function animatedCheck() { | |
| const svgTemplate = ` | |
| <div class="checkmark-container"> | |
| <svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52"> | |
| <g> | |
| <circle class="checkmark-outline" cx="26" cy="26" r="25" fill="none" /> | |
| <circle class="checkmark-circle" cx="26" cy="26" r="25" fill="none" /> | |
| <path class="checkmark-check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8" /> | |
| </g> |
pbojinov
/ README.md
Last active
November 5, 2025 23:10
Two way iframe communication- Check out working example here: http://pbojinov.github.io/iframe-communication/
attenzione
/ jquery.doubletap.js
Last active
January 1, 2023 21:45
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * jQuery Double Tap | |
| * Developer: Sergey Margaritov (github.com/attenzione) | |
| * License: MIT | |
| * Date: 22.10.2013 | |
| * Based on jquery documentation http://learn.jquery.com/events/event-extensions/ | |
| */ | |
| (function($){ |