Hani Gamal hanigamal

Two way iframe communication

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')

Other people's projects:

My projects (tutorials are on my blog at http://maxoffsky.com):

	<div class="row">
	<div class="col-md-2 col-sm-2 col-xs-2">
	<p><button class="btn btn-primary btn-sm" id="get-location-btn"><span>Get Location</span></button></p>
	</div><!-- .col -->
	<div class="col-md-10 col-sm-10 col-xs-10">
	<div class="panel panel-default">
	<div class="panel-heading">Location Response</div>
	<div class="panel-body">
	<p>Lat/Long: <input id="location-lat-long" type="text" class="form-control"/></p>
	<p>Address: <input id="location-address" type="text" class="form-control"/</p>

	<?php

	use Illuminate\Console\Command;
	use Symfony\Component\Console\Input\InputOption;
	use Symfony\Component\Console\Input\InputArgument;

	use Symfony\Component\Process\Process;

	class DbTabledumpCommand extends Command {

	<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?language=fra&sensor=false"></script>
	<script type="text/javascript">
	var map;
	var Markers = {};
	var infowindow;
	var locations = [
	[
	'Samsung Store Madeleine',
	'<strong>Samsung Store Madeleine</strong><p>5 Boulevard Malesherbes, 75008 Paris<br>10h – 20h</p>',
	48.8701925,

	on run {input, parameters}
	-- This code comes from http://raduner.ch/blog/
	-- To be used with an Automator Service
	-- ------------------------------------------------
	set inputText to input as string

	tell application "Reminders"
	set newremin to make new reminder
	set name of newremin to inputText
	end tell

	#!/bin/bash

	## Check for versions compiled with ARM at http://nodejs.org/dist/
	## Inspired by http://oskarhane.com/raspberry-pi-install-node-js-and-npm/
	## Fill in the Node Version here:

	##########################################################################

	NODE_VERSION="v0.10.21"

	/*
	Version: 3.4.5 Timestamp: Mon Nov 4 08:22:42 PST 2013
	*/
	.select2-container {
	margin: 0 0 1rem 0;
	position: relative;
	vertical-align: middle;
	font-family: inherit;
	-webkit-appearance: none !important;
	font-size: 0.875rem;