forked from relev/ziptastic
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathziptastic_street.html
105 lines (89 loc) · 5.24 KB
/
ziptastic_street.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
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Ввод адреса с помощью ZIPtastic</title>
<link type="text/css" href="jquery/css/cupertino/jquery-ui-1.8.20.custom.css" rel="stylesheet" />
<link type="text/css" href="ziptastic.css" media="screen" rel="stylesheet" />
<script type="text/javascript" src="jquery/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery/js/jquery-ui-1.8.20.custom.min.js"></script>
<script type="text/javascript" src="jquery.ziptastic.js" ></script>
<script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-31653531-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>
</head>
<body>
<table border="0" height="320px" width="100%"><tr>
<td valign="top">
<pre>
Введите несколько первых букв
названия своей улицы
(на данный момент
поддерживается большинство улиц
крупных городов РФ)
или свой почтовый индекс (6 цифр).
<input type="text" id="ziptastic_street" value="Лени"> улица
<input type="text" id="ziptastic_zip" value=""> индекс
<hr width="270px" align="left">
<input type="text" id="ziptastic_building" value=""> дом, строение
<input type="text" id="ziptastic_city" value=""> город
<input type="text" id="ziptastic_area" value=""> район
<input type="text" id="ziptastic_region" value=""> область, край
<hr width="170px" align="left">
Powered by <a href="http://explore.to">Explore.To</a>
</pre>
</td>
<td valign="top" width="100%">
<div id="tabs">
<ul>
<li><a href="#tabs-1">НЕ знаю Javascript</a></li>
<li><a href="#tabs-2">Немного знаю JS</a></li>
<li><a href="#tabs-3">Advanced JS</a></li>
</ul>
<div id="tabs-1">
<ol>
<li> В блоке <HEAD>, перед самым его закрытием, указать<br>
<textarea rows="6" cols="60">
<link type="text/css" href="http://ziptastic.ru/ziptastic.css" media="screen" rel="stylesheet" />
<script type="text/javascript" src="http://ziptastic.ru/jquery/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://ziptastic.ru/jquery.ziptastic.js" ></script>
</textarea><br>
Замечание: Если jquery уже используется, то второй раз его загружать не надо,<br>
достаточно будет загрузить <i>ziptastic.css</i> и <i>jquery.ziptastic.js</i><br><br>
<li> Поля формы ввода адреса должны быть такими:
<table border="1" cellpadding="1" cellspacing="0">
<tr><td>Часть адреса</td><td>Поле ввода</td></tr>
<tr><td>Улица</td><td><code><input type="text" id="<b>ziptastic_street</b>"></code></td></tr>
<tr><td>Индекс</td><td><code><input type="text" id="<b>ziptastic_zip</b>"></code></td></tr>
<tr><td></td><td><code></code></td></tr>
<tr><td>Дом (строение, блок, ...)</td><td><code><input type="text" id="<b>ziptastic_building</b>"></code></td></tr>
<tr><td>Город</td><td><code><input type="text" id="<b>ziptastic_city</b>"></code></td></tr>
<tr><td>Район</td><td><code><input type="text" id="<b>ziptastic_area</b>"></code></td></tr>
<tr><td>Регион (область, край, ...)</td><td><code><input type="text" id="<b>ziptastic_region</b>"></code></td></tr>
<tr><td></td><td><code></code></td></tr>
</table>
<br>
<li> Пример: форма слева задаётся следующим образом:
<textarea rows="10" cols="60">
<pre>
<input type="text" id="ziptastic_street"> улица
<input type="text" id="ziptastic_zip" > индекс
<hr width="270px" align="left">
<input type="text" id="ziptastic_building" > дом, строение
<input type="text" id="ziptastic_city" > город
<input type="text" id="ziptastic_area" > район
<input type="text" id="ziptastic_region" > область, край
</pre>
</textarea>
</ol>
</div>
<div id="tabs-2">
<p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
</div>
<div id="tabs-3">
</div>
</div>
</td>
</tr></table>
<script>
$(function() { $( "#tabs" ).tabs(); });
</script>
</body>
</html>