Saya harus memelihara sejumlah besar halaman ASP klasik, banyak di antaranya memiliki data tabular tanpa kemampuan menyortir sama sekali. Urutan apa pun yang digunakan pengembang asli dalam permintaan basis data adalah apa yang Anda lakukan.

Saya ingin memakukan penyortiran dasar ke banyak halaman ini, dan saya melakukan semua sisi klien dengan javascript. Saya sudah memiliki skrip dasar yang dilakukan untuk mengurutkan tabel yang diberikan pada kolom yang diberikan dalam arah tertentu, dan itu berfungsi dengan baik selama tabel dibatasi oleh konvensi tertentu yang kita ikuti di sini.

Apa yang ingin saya lakukan untuk UI hanya menunjukkan arah pengurutan dengan karakter tanda sisipan (^) dan ... apa? Apakah ada karakter khusus yang merupakan kebalikan langsung dari tanda sisipan? Surat vitu tidak akan cukup memotongnya. Atau, apakah ada pasangan karakter lain yang bisa saya gunakan?

Ada ▲: & # 9650; dan ▼: & # 9660;

Jangan lupa karakter ∧(logis dan) dan ∨(logis atau), itulah yang saya gunakan untuk menunjukkan arah pengurutan: Entitas HTML ∧& ∨masing-masing.

Selalu ada huruf kecil "v". Tapi serius, selain dari Unicode, yang bisa saya temukan hanyalah &darr, yang terlihat seperti ↓.

Sebuah sirkumfleksi terbalik disebut caron , atau háček.

Ia memiliki entitas HTML dalam ekstensi TADS Latin-2 ke HTML: ˇdan terlihat seperti ini: unfortunately yang sayangnya tidak ditampilkan dalam ukuran / proporsi yang sama dengan ^ caret.

Atau Anda dapat menggunakan unicode U+30C.

˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅

 ˅˅˅  Hǝɹǝ, s ɐ ɯɐʇɔɥᴉuƃ sǝʇ˙  ˅˅˅
 Berikut  cocok set.  ˄˄˄

˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄

"Ukuran sebenarnya": ˅˄˅˄  
_{(info lebih lanjut)}

Edit: Opsi Lain ...

⋁⋁⋁⋁⋁⋁⋁⋁⋁⋁ _{^{Unicode # 8897 / U + 22C1 ( info )}} bernama N-ARY LOGICAL OR

⋀⋀⋀⋀⋀⋀⋀⋀⋀⋀ _{^{Unicode # 8896 / U + 22C0 ( info )}} bernama N-ARY LOGICAL AND

"Ukuran sebenarnya": ⋁⋀⋁⋀

Opsi yang kuat - dan yang juga meningkatkan kreativitas - adalah merancang karakter Anda sendiri menggunakan karakter menggambar kotak .

Ingin menunjuk "caret" ke bawah? Ini satu: ╲╱

Saya baru saja menemukan mereka - dan saya senang menggunakan karakter yang dirancang khusus untuk pelabelan hal-hal di sekitar :).

Anda mungkin dapat menggunakan segitiga hitam, nilai Unicode U + 25b2 dan U + 25bc. Atau panah, U + 2191 dan U + 2193.

kode c #

int i = 0;
char c = '↑';
i = (int)c;
Console.WriteLine(i); // prints 8593

int j = 0;
char d = '↓';
j = (int)d;
Console.WriteLine(j); // prints 8595

Anda mungkin mempertimbangkan untuk menggunakan Font Awesome daripada menggunakan unicode atau ikon lainnya

Kode dapat sesederhana (a) termasuk font-mengagumkan misalnya <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">(b) membuat tombol seperti<button><i class="fa fa-arrow-down"></i></button>

Saya akan menggunakan beberapa gambar kecil. Akan terlihat lebih baik juga.

Atau, Anda dapat mencoba utilitas Character Map yang disertakan dengan Windows atau coba cari di sini .

Solusi lain yang saya lihat adalah menggunakan font Wingdings untuk simbol. Itu memiliki banyak panah.

Saya melakukan subscript capital & bolded V. Ini berfungsi dengan baik (meskipun butuh usaha, jika perlu dilakukan berulang-ulang)

Sintaksis:

<sub><strong>v</strong></sub>

Output:
_v

The ^(Caret - atau Ascii Circumflex), diproduksi dengan menekan shift+ 6, tampaknya tidak memiliki Ascii yang berlawanan, yaitu Ascii Inverted Circumflex.

Tetapi untuk pasangan karakter alternatif Anda yang juga memiliki kombinasi keyboard, Anda dapat menggunakan:

ˆ (Circumflex) shift+ alt+ idan
ˇ (Caron) shift+ alt+t

Sumber: fileformat.info

Tidak ada karakter tanda sisipan terbalik, tetapi Anda dapat dengan mudah memutar tanda sisipan dengan CSS. Ini adalah solusi sederhana yang terlihat sempurna. Tekan 'Jalankan cuplikan kode' untuk melihatnya beraksi:

.upsidedown {
transform:rotate(180deg); 
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
}
.upsidedown.caret {
display: inline-block; 
position:relative; 
bottom: 0.15em;
}

more items <span class="upsidedown caret">^</span>

Harap perhatikan hal berikut ...

• Saya melakukan sedikit koreksi untuk posisi tanda sisipan, karena biasanya tinggi (sehingga rendah dalam versi yang diputar). Anda ingin memindahkannya sedikit ke atas. 'Sedikit' ini relatif terhadap ukuran font, karenanya 'mereka'. Tergantung pada pilihan font Anda, Anda mungkin ingin mengutak-atik ini agar terlihat bagus.
• Solusi ini tidak berfungsi di IE8. Anda harus menggunakan filter jika Anda ingin dukungan IE8. Dukungan IE8 sebenarnya tidak diperlukan atau biasa pada tahun 2018.
• Jika Anda ingin menggunakan ini bersama dengan Bootstrap Twitter, silakan ubah nama kelas 'caret' menjadi sesuatu yang lain, seperti 'caret_down' (karena bertabrakan dengan nama kelas dari Twitter Bootstrap).

U + 2304 BAWAH ARROWHEAD , dalam HTML sebagai & # 8964;

Bisakah Anda menggambar jalur svg di dalam rentang menggunakan document.write? Rentang ini tidak diperlukan untuk svg agar dapat bekerja, ia hanya memastikan bahwa svg tetap sejalan dengan teks apa pun yang ada di sebelahnya. Saya menggunakan margin-bottom untuk memusatkan secara vertikal dengan teks, mungkin ada cara lain untuk melakukannya. Inilah yang saya lakukan di sisi blog saya nav (minus js). Jika Anda tidak memiliki teks di sebelahnya, Anda tidak perlu span atau margin-bottom offset.

<div id="ID"></div>

<script type="text/javascript">
var x = document.getElementById('ID');

// your "margin-bottom" is the negative of 1/2 of the font size (in this example the font size is 16px)
// change the "stroke=" to whatever color your font is too
x.innerHTML = document.write = '<span><svg style="margin-bottom: -8px; height: 30px; width: 25px;" viewBox="0,0,100,50"><path fill="transparent" stroke-width="4" stroke="black" d="M20 10 L50 40 L80 10"/></svg></span>';
</script>

Jadi saya ingin tanda sisir persis seperti dalam OWA, jadi saya unduh office365icons.woffdari https://owa.example.com/owa/prem/15.1.1913.10/resources/styles/fonts/office365icons.woff(harus masuk untuk melakukannya, begitu juga melalui browser) dan kemudian, menyalin gaya rebus-turun dari situs web:

  @font-face {
      font-family: 'Office365Icons';
      src: url('/fonts/office365icons.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }

  span.o-icon {
      font-family: 'Office365Icons';
      font-size: 14pt;
      line-height: 21px;
      color: #666;
  }

Dan akhirnya:

<span class="o-icon">&#xe088;</span>

Jika Anda membutuhkan font-mengagumkan untuk Bereaksi Aplikasi maka Bereaksi Ikon adalah sumber yang sangat bagus dan sangat mudah untuk diterapkan. Ini mencakup banyak perpustakaan lebih dari sekedar font-mengagumkan.