Blame view

bower_components/select2/docs/_includes/examples/localization-rtl-diacritics.html 2.32 KB
f6e211e4   Administrator   finish work part 1
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
  <section>
  
    <h1 id="localization-rtl-diacritics" class="page-header">
      Localization, RTL and diacritics support
    </h1>
  
    <h2 id="language">Multiple languages</h2>
  
    <p>
      Select2 supports displaying the messages in different languages, as well
      as providing your own
      <a href="options.html#language">custom messages</a>
      that can be displayed.
    </p>
  
    <p>
      The language does not have to be defined when Select2 is being
      initialized, but instead can be defined in the <code>[lang]</code>
      attribute of any parent elements as <code>[lang="es"]</code>.
    </p>
  
    <div class="s2-example">
      <p>
        <select class="js-example-language js-states form-control">
        </select>
      </p>
    </div>
  
    <pre data-fill-from=".js-code-language"></pre>
  
  <script type="text/x-example-code" class="js-code-language">
  $(".js-example-language").select2({
    language: "es"
  });
  </script>
  
    <h2 id="rtl">RTL support</h2>
  
    <p>
      Select2 will work on RTL websites if the <code>dir</code> attribute is
      set on the <code>&lt;select&gt;</code> or any parents of it. You can also
      initialize Select2 with <code>dir: "rtl"</code> set.
    </p>
  
    <div class="s2-example">
      <p>
        <select class="js-example-rtl js-states form-control" dir="rtl"></select>
      </p>
    </div>
  
    <pre data-fill-from=".js-code-rtl"></pre>
  
  <script type="text/x-example-code" class="js-code-rtl">
  $(".js-example-rtl").select2({
    dir: "rtl"
  });
  </script>
  
    <h2 id="diacritics">Diacritics support</h2>
  
    <p>
      Select2's default matcher will ignore diacritics, making it easier for
      users to filter results in international selects. Type "aero" into the
      select below.
    </p>
  
    <div class="s2-example">
      <p>
        <select class="js-example-diacritics form-control">
          <option>Aeróbics</option>
          <option>Aeróbics en Agua</option>
          <option>Aerografía</option>
          <option>Aeromodelaje</option>
          <option>Águilas</option>
          <option>Ajedrez</option>
          <option>Ala Delta</option>
          <option>Álbumes de Música</option>
          <option>Alusivos</option>
          <option>Análisis de Escritura a Mano</option>
        </select>
      </p>
    </div>
  
    <pre data-fill-from=".js-code-diacritics"></pre>
  
  <script type="text/x-example-code" class="js-code-diacritics">
  $(".js-example-diacritics").select2();
  </script>
  
  </section>