-
Notifications
You must be signed in to change notification settings - Fork 3
/
example.html
101 lines (101 loc) · 4.47 KB
/
example.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<html>
<head>
<style>
.button, .furkot-widget-done {
display: inline-block;
color: white;
background: black;
cursor: pointer;
padding: .5em;
border: none;
font-size: 16px;
text-decoration: none;
}
.furkot-widget-done.furkot-widget-inactive {
display: none;
}
.furkot-widget-done.furkot-widget-active {
position: absolute;
left: 50%;
margin-left: 150px;
top: 50%;
margin-top: 200px;
}
.furkot-widget.furkot-widget-active {
position: fixed;
top: 0;
left: 0;
opacity: 1;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.75);
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
z-index: 500;
}
.furkot-widget-inactive iframe {
width: 0;
height: 0;
}
.furkot-widget-active iframe {
position: absolute;
width: 300px;
left: 50%;
margin-left: -150px;
height: 400px;
top: 50%;
margin-top: -200px;
}
</style>
<script src="build/furkot-trip-planner.js" defer></script>
<script>
setTimeout(function () {
document.getElementById('dynamic').insertAdjacentHTML('beforeend',
'<a class="button" href="https://trips.furkot.com/trip?stop[name]=Okemo%20Mountain&stop[address]=77%20Okemo%20Ridge%20Road%2C%20Ludlow%2C%20VT%2005149&stop[coordinates][lat]=43.4046&stop[coordinates][lon]=-72.7442&stop[notes]=Family%20Ski%20and%20Snowboard%20Resort%20in%20Ludlow%2C%20VT&stop[url]=http%3A%2F%2Fwww.okemo.com&stop[pin]=14" target="furkot">Visit Okemo Resort on your trip</a>');
furkotTripPlanner(document.body);
}, 1000);
</script>
</head>
<body>
<span>Plan with Furkot button <a> </span>
<a class="button"
href="https://trips.furkot.com/trip?stop[name]=Okemo%20Mountain&stop[address]=77%20Okemo%20Ridge%20Road%2C%20Ludlow%2C%20VT%2005149&stop[coordinates][lat]=43.4046&stop[coordinates][lon]=-72.7442&stop[notes]=Family%20Ski%20and%20Snowboard%20Resort%20in%20Ludlow%2C%20VT&stop[url]=http%3A%2F%2Fwww.okemo.com&stop[pin]=14&stop[duration]=300000"
target="furkot">Visit Okemo Resort on your trip</a>
<span>and dynamically added <a> </span>
<span id="dynamic"></span>
<form method="POST" class="plan-trip" id="plan-trip">
<input type="hidden" name="stop[name]" value="Mount Katahdin">
<input type="hidden" name="stop[coordinates][lon]" value="-68.921274">
<input type="hidden" name="stop[coordinates][lat]" value="45.904354">
<input type="hidden" name="stop[url]" value="http://blog.furkot.com/katahdin">
</form>
<span>Plan with Furkot button <form> </span>
<input class="button" type="submit" value="Plan trip to Mount Katahdin" form="plan-trip" formaction="https://trips.furkot.com/trip" >
<form id="microdata">
</form>
<span>Plan with Furkot button - microdata</span>
<input class="button furkot-plan" type="submit" value="Go to Bourbon House" form="microdata"/>
<div id="property-review" class="col-440 gutter" itemscope itemtype="http://schema.org/LocalBusiness">
<div itemscope itemtype="http://schema.org/FoodEstablishment">
<div itemscope itemtype="http://schema.org/Restaurant">
<b><span class="alt" itemprop="name">Bourbon House</span></b>
<meta itemprop="description" content=" On one of the French Quarter's busiest corners is Dickie Brennan's biggest and flashiest restaurant yet (he also owns Palace Café and Dickie Brennan's Steakhouse), and it's a solid hit with seafood aficionados. The raw bar is prime real estate, with its ...">
<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">144 Bourbon St., </span>
<span itemprop="addressLocality">French Quarter, New Orleans</span>,
<span itemprop="addressRegion">LA</span>
<span itemprop="postalCode">70130</span>
</span>
<span>
<a href="#google-map" class="map-link" itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">
Map It
<meta itemprop="latitude" content="29.954136">
<meta itemprop="longitude" content="-90.069447">
</a>
</span>
</div>
</div>
</div>
<div class="furkot-widget" data-source="microdata"></div>
</body>
</html>