-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
128 lines (114 loc) · 3.98 KB
/
index.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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Micro-format Generator</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<link rel="shortcut icon" href="img/favicon.ico" />
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/additional-methods.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyB0uh-9nDGUt9ViDdyto4OA7NtFuLZJw8s&sensor=false"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var obj = {
rules: {
spaceName: {
required: true,
letterswithbasicpunc: true
},
address: {
required: true
},
url: {
url: true
},
email: {
email: true
},
pricingURL: {
url: true,
notEqual: "#url"
}
},
messages: {
address: "Please enter an address"
}
}
$("#inputFields").validate(obj);
});
jQuery(function($) {
var formTimer = 0,
currentField,
lastValue;
$('#url')
.focus(startWatching)
.blur(stopWatching)
.keypress(updateCurrentField);
function startWatching() {
stopWatching();
currentField = this;
lastValue = undefined;
formTimer = setInterval(updateCurrentField, 100);
}
function stopWatching() {
if (formTimer != 0) {
clearInterval(formTimer);
formTimer = 0;
}
currentField = undefined;
lastValue = undefined;
}
function updateCurrentField() {
var thisValue;
if (currentField && currentField.name) {
thisValue = currentField.value;
if (thisValue != lastValue) {
lastValue = thisValue;
$('#pricingURL').val(thisValue);
}
}
}
});
</script>
</head>
<body onload="initialize()">
<div>
<div style="float:Left;">
<script type="text/javascript"><!--
google_ad_client = "pub-1830327498013415";
/* 160x600, created 3/8/10 */
google_ad_slot = "7106425745";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div id="container">
<div id="leftCol">
<img src="img/logo.gif" />
<form id="inputFields">
<span>Space Name: </span><input type="text" id="spaceName" name="spaceName" /><br/>
<span>Address: </span><input type="text" id="inputTextAddress" name="address" class="required" /><br/>
<span>Contact Email: </span><input type="text" id="email" name="email" /><br/>
<span>URL: </span><input type="text" id="url" name="url" /><br/>
<span>Pricing URL: </span><input type="text" id="pricingURL" name="pricingURL" value="" /><br/>
<span>Facebook: </span><input type="text" id="facebook" name="facebook" value="http://facebook.com/" /><br/>
<span>Twitter: </span><input type="text" id="twitter" name="twitter" value="http://twitter.com/" /><br/>
<span>Flickr: </span><input type="text" id="flickr" name="flickr" value="http://flickr.com/" /><br/>
<span>Vimeo: </span><input type="text" id="vimeo" name="vimeo" value="http://vimeo.com/" /><br/>
<span>Youtube: </span><input type="text" id="youtube" name="youtube" value="http://youtube.com/" /><br/>
<span>Yelp: </span><input type="text" id="yelp" name="yelp" value="http://yelp.com/" /><br/>
<input type="button" name="" id="inputButtonGeocode" title="Geocode!" value="Geocode!" value="" class="css3button" onclick="codeAddress()"></input>
</form>
<pre></pre>
</div>
<div id="map_canvas"></div>
</div>
</div>
</body>
</html>