Skip to content

Commit 89e9b35

Browse files
xescoderxescoder
committed
Merge pull request #6 from xescoder/master
examples edit
2 parents 0c153b9 + a94f7af commit 89e9b35

File tree

5 files changed

+209
-191
lines changed

5 files changed

+209
-191
lines changed

‎README.md‎

Lines changed: 16 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ jQuery виджет "КЛАДР в облаке"
88
Опции виджета
99
-------------
1010

11+
* **token** - токен для доступа к сервису [kladr-api.ru] [1], по умолчанию равен *null*
1112
* **key** – ключ для доступа к сервису [kladr-api.ru] [1], по умолчанию равен *null*
1213
* **type** – тип объектов для подстановки, по умолчанию *$.ui.kladrObjectType.REGION*
1314
* **parentType** – тип родительского объекта для ограничения области поиска, по умолчанию *$.ui.kladrObjectType.REGION*
@@ -58,6 +59,7 @@ jQuery виджет "КЛАДР в облаке"
5859
Функция **$.kladrapi( options, callback )** делает запрос к сервису [kladr-api.ru] [1], результат возвращает в функцию *callback*. В качестве options принимает объект с параметрами запроса.
5960

6061
Список возможных параметров:
62+
* **token** - токен для доступа к сервису
6163
* **key** – ключ для доступа к сервису
6264
* **regionId** – код региона
6365
* **districtId** – код района
@@ -77,19 +79,21 @@ jQuery виджет "КЛАДР в облаке"
7779

7880
`````javascript
7981
$( "input" ).kladr({
80-
key: 'demo',
81-
type: $.ui.kladrObjectType.CITY
82+
token: '51dfe5d42fb2b43e3300006e',
83+
key: '86a2c2a06f1b2451a87d05512cc2c3edfdf41969',
84+
type: $.ui.kladrObjectType.CITY
8285
});
8386
`````
8487

8588
Автодополнение городами из Архангельской области (код КЛАДР 2900000000000)
8689

8790
`````javascript
8891
$( "input" ).kladr({
89-
key: 'demo',
90-
type: $.ui.kladrObjectType.CITY,
91-
parentType: $.ui.kladrObjectType.REGION,
92-
parentId: "2900000000000"
92+
token: '51dfe5d42fb2b43e3300006e',
93+
key: '86a2c2a06f1b2451a87d05512cc2c3edfdf41969',
94+
type: $.ui.kladrObjectType.CITY,
95+
parentType: $.ui.kladrObjectType.REGION,
96+
parentId: "2900000000000"
9397
});
9498
`````
9599

@@ -98,11 +102,12 @@ $( "input" ).kladr({
98102

99103
`````javascript
100104
$( "input" ).kladr({
101-
key: 'demo',
102-
type: $.ui.kladrObjectType.CITY,
103-
select: function( event, ui ) {
104-
$( "label" ).text( ui.item.obj.type );
105-
}
105+
token: '51dfe5d42fb2b43e3300006e',
106+
key: '86a2c2a06f1b2451a87d05512cc2c3edfdf41969',
107+
type: $.ui.kladrObjectType.CITY,
108+
select: function( event, ui ) {
109+
$( "label" ).text( ui.item.obj.type );
110+
}
106111
});
107112
`````
108113

‎example1.html‎

Lines changed: 25 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -85,10 +85,10 @@
8585
/* JS */
8686
.scme-js, .scme-js pre
8787
{
88-
font-size: small;
89-
color: black;
90-
font-family: Consolas, "Courier New", Courier, Monospace;
91-
background-color: #ffffff;
88+
font-size: small;
89+
color: black;
90+
font-family: Consolas, "Courier New", Courier, Monospace;
91+
background-color: #ffffff;
9292
}
9393
.scme-js pre { margin: 0em; }
9494
.scme-js .rem { color: #008000; }
@@ -102,10 +102,10 @@
102102
.scme-js .html { color: #800000; }
103103
.scme-js .attr { color: #ff0000; }
104104
.scme-js .obj { color: #2b91af; }
105-
.scme-js .alt
105+
.scme-js .alt
106106
{
107-
background-color: #f4f4f4;
108-
margin: 0em;
107+
background-color: #f4f4f4;
108+
margin: 0em;
109109
}
110110
.scme-js .lnum { color: #606060; }
111111
</style>
@@ -206,21 +206,24 @@
206206
<div class="scme-js">
207207
<a href="js/example1.js">Source</a>
208208
<ol><pre class="alt"><span class="lnum"> 1: </span>(<span class="kwrd">function</span>($){</pre>
209-
<pre><span class="lnum"> 2: </span> $(<span class="kwrd">function</span>() {</pre>
210-
<pre class="alt"><span class="lnum"> 3: </span> $( <span class="str">'[name="location"]'</span> ).kladr({</pre>
211-
<pre><span class="lnum"> 4: </span> key: <span class="str">'demo'</span>,</pre>
212-
<pre class="alt"><span class="lnum"> 5: </span> type: $.ui.kladrObjectType.CITY,</pre>
213-
<pre><span class="lnum"> 6: </span> select: <span class="kwrd">function</span>( <span class="kwrd">event</span>, ui ) {</pre>
214-
<pre class="alt"><span class="lnum"> 7: </span> $( <span class="str">'[name="street"]'</span> ).kladr( <span class="str">'option'</span>, { parentType: $.ui.kladrObjectType.CITY, parentId: ui.item.obj.id } );</pre>
215-
<pre><span class="lnum"> 8: </span> }</pre>
216-
<pre class="alt"><span class="lnum"> 9: </span> });</pre>
217-
<pre><span class="lnum"> 10: </span>&nbsp;</pre>
218-
<pre class="alt"><span class="lnum"> 11: </span> $( <span class="str">'[name="street"]'</span> ).kladr({</pre>
219-
<pre><span class="lnum"> 12: </span> key: <span class="str">'demo'</span>,</pre>
220-
<pre class="alt"><span class="lnum"> 13: </span> type: $.ui.kladrObjectType.STREET</pre>
221-
<pre><span class="lnum"> 14: </span> });</pre>
222-
<pre class="alt"><span class="lnum"> 15: </span> });</pre>
223-
<pre><span class="lnum"> 16: </span>})(jQuery); </pre></ol>
209+
<pre><span class="lnum"> 2: </span> $(<span class="kwrd">function</span>() {</pre>
210+
<pre class="alt"><span class="lnum"> 3: </span> $( <span class="str">'[name="location"]'</span> ).kladr({</pre>
211+
<pre><span class="lnum"> 4: </span> token: <span class="str">'51dfe5d42fb2b43e3300006e'</span>,</pre>
212+
<pre class="alt"><span class="lnum"> 5: </span> key: <span class="str">'86a2c2a06f1b2451a87d05512cc2c3edfdf41969'</span>,</pre>
213+
<pre><span class="lnum"> 6: </span> type: $.ui.kladrObjectType.CITY,</pre>
214+
<pre class="alt"><span class="lnum"> 7: </span> select: <span class="kwrd">function</span>( <span class="kwrd">event</span>, ui ) {</pre>
215+
<pre><span class="lnum"> 8: </span> $( <span class="str">'[name="street"]'</span> ).kladr( <span class="str">'option'</span>, { parentType: $.ui.kladrObjectType.CITY, parentId: ui.item.obj.id } );</pre>
216+
<pre class="alt"><span class="lnum"> 9: </span> }</pre>
217+
<pre><span class="lnum"> 10: </span> });</pre>
218+
<pre class="alt"><span class="lnum"> 11: </span>&nbsp;</pre>
219+
<pre><span class="lnum"> 12: </span> $( <span class="str">'[name="street"]'</span> ).kladr({</pre>
220+
<pre class="alt"><span class="lnum"> 13: </span> token: <span class="str">'51dfe5d42fb2b43e3300006e'</span>,</pre>
221+
<pre><span class="lnum"> 14: </span> key: <span class="str">'86a2c2a06f1b2451a87d05512cc2c3edfdf41969'</span>,</pre>
222+
<pre class="alt"><span class="lnum"> 15: </span> type: $.ui.kladrObjectType.STREET</pre>
223+
<pre><span class="lnum"> 16: </span> });</pre>
224+
<pre class="alt"><span class="lnum"> 17: </span> });</pre>
225+
<pre><span class="lnum"> 18: </span>})(jQuery); </pre>
226+
</ol>
224227
</div>
225228
</div>
226229
</div>

0 commit comments

Comments
 (0)