Czy istnieje odwrócona postać karetki?

Muszę utrzymywać dużą liczbę klasycznych stron ASP, z których wiele ma dane tabelaryczne bez możliwości sortowania. Niezależnie od kolejności oryginalnego programisty używanego w zapytaniu bazy danych, utknąłeś.

Chcę dodać podstawowe sortowanie do kilku tych stron i robię to po stronie klienta za pomocą javascript. Mam już zrobiony podstawowy skrypt do sortowania danej tabeli na danej kolumnie w danym kierunku i działa dobrze tak długo jak Tabela jest ograniczone pewnymi konwencjami, którymi się tu kierujemy.

To, co chcę zrobić dla interfejsu, to po prostu wskazać kierunek sortowania za pomocą znaku karetki ( ^ ) i ... co? Czy istnieje szczególny charakter, który jest bezpośrednim przeciwieństwem karetki? Literka v nie do końca się nada. Czy mogę użyć innego parowania postaci?

Author: Joel Coehoorn, 2008-12-04

15 answers

Jest ▲: oraz ▼:

 361
Author: sblundy,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-09-22 00:29:30

Nie zapomnij o (logiczne i) oraz (logiczne lub) znaki, to jest to, co używam do wskazania kierunku sortowania: encje HTML ∧ & ∨ odpowiednio.

 179
Author: Josh Bodily,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-04-22 11:24:00

Zawsze jest małe "v". Ale poważnie, poza Unicode, jedyne co mogę znaleźć to &darr, co wygląda jak ↓.

 47
Author: Max Lybbert,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-12-23 08:53:38

Odwrócony Obwód nazywa sięcaron , lub háček.

Posiada encję HTML w rozszerzeniu tad Latin-2 do HTML: ˇ i wygląda tak: & caron;, który niestety nie wyświetla się w takim samym rozmiarze/proporcji jak ^ caret.

Lub możesz użyć unicode U+30C.

 36
Author: Bill Karwin,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-07-10 02:42:36

Potężną opcją – i taką, która również zwiększa kreatywność-jest projektowanie własnych znaków za pomocą box rysowanie znaków .

Chcesz "karetka"w dół? Oto jeden: ╲ ╱

Niedawno je odkryłem - i z wielką przyjemnością używam tak zaprojektowanych znaków do znakowania rzeczy dookoła :) .

 14
Author: tomekwi,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-09-15 20:25:25

Możesz używać czarnych trójkątów, wartości Unicode U + 25b2 i U + 25bc. Lub strzałki, U + 2191 i U + 2193.

 9
Author: Mark Ransom,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2008-12-03 21:09:50

C# code

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
 8
Author: shahkalpesh,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-11-15 15:55:16

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

Hǝɹǝ, s ɐ ɯɐʇɔɥᴉuƃ sǝʇ
  Oto zestaw pasujący. ˄˄˄

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

"rzeczywisty rozmiar": ˅˄˅˄
(więcej informacji)


Edit: Inna Opcja...

⋁⋁⋁⋁⋁⋁⋁⋁⋁⋁ Unicode # 8897 / U + 22C1 (info)

⋀⋀⋀⋀⋀⋀⋀⋀⋀⋀ Unicode # 8896 / U+22C0 (info)

"rzeczywisty rozmiar": ⋁⋀⋁⋀

 5
Author: ashleedawg,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-08-10 13:53:06

Użyłbym kilku malutkich obrazków. Też wyglądałoby lepiej.

Alternatywnie, możesz wypróbować narzędzie mapy znaków, które jest dostarczane z systemem Windows lub spróbować poszukać TUTAJ .

Innym rozwiązaniem, jakie widziałem, jest użycie czcionki Wingdings dla symboli. Ma dużo strzałek.

 4
Author: Vilx-,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2008-12-03 21:06:24

Zrobiłem subscript capital & bolded V. działa idealnie (chociaż wymaga to trochę wysiłku, jeśli trzeba to robić powtarzalnie)

Składnia:

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

Wyjście:
v

 4
Author: BCLaw15,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-10-02 16:57:36

Możesz rozważyć użycie Font Awesome zamiast używania unicode lub innych ikon

Kod może być tak prosty jak (a) włączenie font-awesome np. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> (b) wykonanie przycisku np. <button><i class="fa fa-arrow-down"></i></button>

 3
Author: Colin D,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-09-28 18:04:57

^ (Caret-lub ASCII Circumflex), produkowane przez tłoczenie shift + 6, nie wydaje się mieć odwrotnego ASCII, a mianowicie odwróconego obwodu ASCII.

Ale do alternatywnego parowania postaci, które również mają kombinacje klawiatury, możesz użyć:

ˆ (Circumflex) shift + alt + i oraz
ˇ (Caron) shift + alt + t

Źródło: fileformat.info

 2
Author: nic,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-06-27 18:07:24

Nie ma odwróconego znaku karetki, ale możesz łatwo obracać karetkę za pomocą CSS. Jest to proste rozwiązanie, które wygląda idealnie. Naciśnij "Uruchom fragment kodu", aby zobaczyć go w akcji:

.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>

Uwaga:..

  • zrobiłem małą korektę położenia karetki, ponieważ jest ona zwykle wysoka (a więc niska w wersji obróconej). Przesuń to trochę w górę. Ten 'mały' jest w stosunku do rozmiaru czcionki, stąd 'em'. W zależności przy wyborze czcionki możesz chcieć to zrobić, aby wyglądało dobrze.
  • To rozwiązanie nie działa w IE8. Powinieneś użyć filtra, jeśli chcesz mieć obsługę IE8. Obsługa IE8 nie jest tak naprawdę wymagana ani powszechna w 2018 roku.
  • Jeśli chcesz użyć tego w połączeniu z Twitter Bootstrap, Zmień nazwę klasy 'caret' na coś innego, na przykład ' caret_down '(ponieważ koliduje z nazwą klasy z Twitter Bootstrap).
 2
Author: JoostS,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-03-05 23:01:30

Czy mógłbyś narysować ścieżkę svg wewnątrz zakresu za pomocą dokumentu.pisać? Zakres nie jest wymagany, aby svg działał, ale zapewnia, że svg pozostanie w wierszu z tekstem, który znajduje się obok carat. Użyłem margin-bottom, aby wyśrodkować go pionowo z tekstem, może być inny sposób, aby to zrobić. To właśnie zrobiłem na stronie mojego bloga (minus js). Jeśli nie masz tekstu obok, nie potrzebujesz span ani 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>
 0
Author: Stu Coston,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-04-26 20:45:51

Jeśli potrzebujesz font-awesome dla aplikacji Reactowych to React Icons jest bardzo dobrym zasobem i bardzo łatwym do wdrożenia. Zawiera o wiele więcej bibliotek niż tylko font-awesome.

 -1
Author: Isaac Pak,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-01-09 19:15:58