it-swarm.com.ru

Есть ли перевернутый каретный персонаж?

Мне нужно поддерживать большое количество классических ASP страниц, многие из которых имеют табличные данные без каких-либо возможностей сортировки. Какой бы порядок не использовал исходный разработчик в запросе к базе данных, это то, с чем вы застряли.

Я хочу использовать некоторые базовые функции сортировки для нескольких страниц, и я делаю все это на стороне клиента с помощью JavaScript. У меня уже есть базовый скрипт, выполненный для сортировки заданной таблицы по заданному столбцу в заданном направлении, и он работает хорошо, пока таблица ограничена определенными соглашениями, которым мы следуем здесь. 

Что я хочу сделать для пользовательского интерфейса, это просто указать направление сортировки с помощью символа вставки (^) и ... что? Есть ли специальный персонаж, который прямо противоположен карету? Письмо v не совсем разрезать его. В качестве альтернативы, можно ли использовать другое сочетание символов?

217
Joel Coehoorn

Есть ▲: и ▼:

379
sblundy

Не забывайте  (логично и) и  (логические или) символы, это то, что я использую для указания направления сортировки: HTML-сущности ∧ & ∨ соответственно.

206
Josh Bodily

Всегда есть строчная буква "v". А если серьезно, кроме Unicode, все, что я могу найти, это &darr, который выглядит как ↓.

52
Max Lybbert

Перевернутый перевернутый круг называется caron или хачек.

Он имеет HTML-сущность в расширении TADS Latin-2 для HTML: ˇ и выглядит следующим образом: ˇ который, к сожалению, не отображается в том же размере/пропорции, что и символ ^.

Или вы можете использовать Unicode U+30C.

36
Bill Karwin

Мощная опция - и та, которая также повышает креативность - это создание ваших собственных персонажей с использованием рисование рамок символов .

Хотите "карету", указывающую вниз? Вот один из них: ╲╱

Я недавно обнаружил их - и я с большим удовольствием использую такие специально разработанные символы для маркировки вещей вокруг :).

15
tomekwi

Возможно, вы сможете использовать черные треугольники, значения Unicode U + 25b2 и U + 25bc. Или стрелки U + 2191 и U + 2193.

9
Mark Ransom

код 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
8
shahkalpesh

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

˅˅˅ Hǝɹǝ, s ɐ ɯɐʇɔɥᴉuƃ sǝʇ˙ ˅˅˅
˄˄˄ Вот соответствующий набор.

«Фактический размер»: ˅˄˅˄
(больше информации)


Правка: Другой вариант ...

⋁⋁⋁⋁⋁⋁⋁⋁⋁⋁ Unicode # 8897/U + 22C1 ( info )</ SUP> по имени N-ARY ЛОГИЧЕСКИЙ ИЛИ

⋀⋀⋀⋀⋀⋀⋀⋀⋀⋀ Unicode # 8896/U + 22C0 ( info )</ SUP> им. Н-АРИ ЛОГИЧЕСКОГО И

«Фактический размер»: ⋁⋀⋁⋀

7
ashleedawg

Я сделал подстрочный и выделенный жирным шрифтом V. Это работает отлично (хотя это требует определенных усилий, если это нужно делать многократно)

Синтаксис: 

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

Результат:
v

4
BCLaw15

Я бы использовал пару крошечных изображений. Будет выглядеть лучше.

В качестве альтернативы вы можете попробовать утилиту Character Map, которая поставляется с Windows, или попробуйте поискать здесь .

Другое решение, которое я видел, - это использование шрифта Wingdings для символов. Это имеет много для стрел.

4
Vilx-

Вы можете рассмотреть возможность использования Font Awesome вместо юникода или других значков

Код может быть таким простым, как (a), включая font-awesome, например <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> (b) создание кнопки, такой как <button><i class="fa fa-arrow-down"></i></button>

3
Colin D

^ (Caret - или Ascii Circumflex), созданный нажатием shift + 6, похоже, не имеет противоположности Ascii, а именно Ascii Inverted Circumflex.

Но для альтернативного сочетания символов, в котором также есть комбинации клавиш, вы можете использовать:

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

Источник: fileformat.info

2
nic

В ней нет перевернутого символа каретки, но вы можете легко вращать каретку с помощью CSS. Это простое решение, которое выглядит идеально. Нажмите «Выполнить фрагмент кода», чтобы увидеть его в действии:

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

Пожалуйста, обратите внимание на следующее ...

  • Я сделал небольшую коррекцию для положения каретки, так как она обычно высокая (таким образом, низкая в повернутой версии). Вы хотите переместить это немного вверх. Это «маленький» относится к размеру шрифта, следовательно, «их». В зависимости от вашего выбора шрифта, вы можете захотеть поиграть с этим, чтобы он выглядел хорошо. 
  • Это решение не работает в IE8. Вы должны использовать фильтр, если вы хотите поддержку IE8. Поддержка IE8 на самом деле не требуется и не распространена в 2018 году.
  • Если вы хотите использовать это в сочетании с Twitter Bootstrap, переименуйте класс 'caret' во что-то еще, например 'caret_down' (так как он сталкивается с именем класса из Twitter Bootstrap).
2
JoostS

Не могли бы вы просто нарисовать путь SVG внутри span, используя document.write? Промежуток не требуется для работы svg, он просто гарантирует, что svg остается встроенным в любой текст, рядом с которым находится карат. Я использовал margin-bottom для вертикального центрирования текста, возможно, есть и другой способ сделать это. Это то, что я сделал на боковая навигация моего блога (минус js). Если у вас нет текста рядом с ним, вам не понадобится диапазон или смещение по краям. 

<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
Stu Coston
0
msh210