Existe um caractere de intercalação invertido?


265

Eu tenho que manter um grande número de páginas ASP clássicas, muitas das quais com dados tabulares sem nenhum recurso de classificação. Qualquer que seja a ordem que o desenvolvedor original usou na consulta ao banco de dados, você está preso.

Quero abordar algumas classificações básicas em várias dessas páginas, e estou fazendo tudo do lado do cliente com javascript. Eu já tenho o script básico feito para classificar uma determinada tabela em uma determinada coluna em uma determinada direção e funciona bem desde que a tabela seja limitada por certas convenções que seguimos aqui.

O que eu quero fazer para a interface do usuário é apenas indicar a direção da classificação com o caractere de sinal de intercalação (^) e ... o quê? Existe um caractere especial que é o oposto direto de um sinal de intercalação? A carta vnão será suficiente. Como alternativa, existe outro par de caracteres que posso usar?


10
Existem alguns que funcionariam: amp-what.com/#q=triangle
ndp


Respostas:


435

Há ▲: & # 9650; e ▼: & # 9660;


12
Agradável. Mesma resposta que a minha, mas melhor redação.
Mark Ransom

2
Gosto dessas setas de cursor, quais são os códigos de caracteres HTML para a versão esquerda / direita dessas setas, se existir?
David

3
+1 para lembrar seus pontos e vírgulas em entidades HTML. Os navegadores aceitam sem (exceto se houver ambiguidade) e isso deixa meus colegas de trabalho preguiçosos.
Jpsimons 25/10/12

13
Para quem procura esquerda e direita: & # 9656; e & # 9666;
Horus Preto

2
Se você está procurando uma melhor aparência deste seta adicionar uma transformação (escala (1, 0,5); a ele
Matthew Harwood

226

Não se esqueça dos caracteres (lógico e) e (lógico ou), é isso que eu uso para indicar a direção da classificação: entidades HTML ∧e ∨respectivamente.


Perfeito para o link "Leia mais". Obrigado!
ShayneStatzell

5
Se eu fosse o OP, acho que essa deveria ser a resposta. As setas e os pontos de intercalação são diferentes e você realmente respondeu com uma solução inteligente.
JCD

1
Eu acho que isso faz mais sentido, exatamente o que eu estava procurando também!
Bestfriendsforever

60

Sempre há um "v" minúsculo. Mas, falando sério, além do Unicode, tudo o que posso encontrar seria &darr, que se parece com ↓.


43

Um circunflexo de cabeça para baixo é chamado de caron ou háček.

Ele tem uma entidade HTML na extensão TADS Latin-2 para HTML: ˇe se parece com isto: ˇ que infelizmente não é exibido no mesmo tamanho / proporção que o ^ acento circunflexo.

Ou você pode usar o unicode U+30C.


19

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

 ˅˅˅  Hǝɹǝ, s ɐ ɯɐʇɔɥᴉuƃ sǝʇ˙  ˅˅˅
 Aqui  está um conjunto de correspondência.  ˄˄˄

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

"Tamanho real": ˅˄˅˄
(mais informações)


Editar: Outra opção ...

⋁⋁⋁⋁⋁⋁⋁⋁⋁⋁ Unicode # 8897 / U + 22C1 ( informações ) chamado N-ARY LOGICAL OR

⋀⋀⋀⋀⋀⋀⋀⋀⋀⋀ Unicode # 8896 / U + 22C0 ( informações ) chamado N-ARY LOGICAL AND

"Tamanho atual": ⋁⋀⋁⋀


3
Melhor resposta correta | U + 02C4, ˄, CARTA ATÉ SETA | U + 02C5, ˅, LETRA ABAIXO DA SETA
TaterJuice

17

Uma opção poderosa - e que também aumenta a criatividade - é criar seus próprios personagens usando caracteres de desenho de caixa .

Deseja um sinal de intercalação? Aqui está um: ╲╱

Eu os descobri recentemente - e tenho muito prazer em usar esses caracteres personalizados para rotular as coisas por toda a parte :).


12

Você pode usar os triângulos pretos, os valores Unicode U + 25b2 e U + 25bc. Ou as setas, U + 2191 e U + 2193.


8

código 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

5

Você pode considerar usar o Font Awesome em vez de usar o unicode ou outros ícones

O código pode ser tão simples quanto (a) incluindo fontes impressionantes, por exemplo <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">(b) criar um botão como<button><i class="fa fa-arrow-down"></i></button>


2
Hoje, essa é definitivamente uma opção viável. Em 2008, quando fiz a pergunta, isso teria sido um desafio. Mas a capacidade de obter essas respostas tardias como mudanças de tecnologia é parte do que faz :) tão incrível
Joel Coehoorn

Bom ponto. Além disso, apenas para adicionar um motivo para usá-lo, um possível motivo para usar fontes incríveis em vez de unicode é que o unicode é copiável e colável, o que eu achei irritante no celular, ele tentaria selecionar quando alguém tocasse em um botão com o unicode, enquanto os ícones impressionantes de fontes não causam copiar e colar
Colin D

Incluir FontAwesome (que é bastante grande) para apenas alguns ícones parece um exagero. Eu aconselharia contra isso. Se a seleção de texto for o seu problema, considere usar o código HTML em um pseudo-elemento CSS.
PoeHaH 14/01/19

4

Eu usaria duas pequenas imagens. Ficaria melhor também.

Como alternativa, você pode experimentar o utilitário Mapa de Caracteres que acompanha o Windows ou procurar aqui .

Outra solução que eu vi é usar a fonte Wingdings para símbolos. Isso tem muitas flechas.


4

Subscrevi capital maiúsculo e negrito V. Funciona perfeitamente (embora seja necessário algum esforço, se for necessário repetidamente)

Sintaxe:

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

Saída:
v


Essa abordagem não é recomendada, pois não pareceria o que o OP deseja com outras fontes que não as fontes 'sans'.
Awol

2

O ^(Caret - ou Ascii Circumflex), produzido pressionando shift+6 , não parece ter um Ascii oposto, a saber, um Ascii Inverted Circumflex.

Mas, para o seu emparelhamento de caracteres alternativo que também possui combinações de teclado, você pode usar:

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

Fonte: fileformat.info


2

Não há um caractere de intercalação invertido, mas você pode facilmente girar o intercalação com CSS. Esta é uma solução simples que parece perfeita. Pressione 'Executar snippet de código' para vê-lo em ação:

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

Por favor observe o seguinte...

  • Fiz uma pequena correção para o posicionamento do cursor, pois ele é normalmente alto (portanto baixo na versão rotacionada). Você quer subir um pouco. Este 'pequeno' é relativo ao tamanho da fonte, daí o 'em'. Dependendo da sua escolha de fonte, convém mexer com isso para fazer com que pareça bom.
  • Esta solução não funciona no IE8. Você deve usar um filtro se desejar suporte ao IE8. O suporte ao IE8 não é realmente necessário nem comum em 2018.
  • Se você quiser usar isso em combinação com o Twitter Bootstrap, renomeie a classe 'caret' para outra coisa, como 'caret_down' (pois ela colide com um nome de classe do Twitter Bootstrap).


0

Você poderia simplesmente desenhar um caminho svg dentro de um intervalo usando document.write? A extensão não é necessária para o svg funcionar, apenas garante que o svg permaneça alinhado com o texto ao qual o quilate está próximo. Usei a margem inferior para centralizá-lo verticalmente com o texto, embora possa haver outra maneira de fazer isso. Foi o que fiz no navegador do lado do meu blog (menos os js). Se você não tiver texto ao lado, não precisará do intervalo ou do deslocamento da margem inferior.

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

Hoje, eu provavelmente poderia fazer isso. Em 2012, eu não teria confiado nessa opção. E agora que os tenho, gosto de usar os caracteres Unicode.
Joel Coehoorn

0

Então, eu queria o sinal de intercalação exatamente como no OWA, então baixei office365icons.woffde https://owa.example.com/owa/prem/15.1.1913.10/resources/styles/fonts/office365icons.woff(preciso fazer o login para fazê-lo, o fiz através do navegador) e, em seguida, copiei o estilo resumido do site:

  @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;
  }

E finalmente:

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

-1

Se você está precisando de fontes incríveis para o React Apps, o React Icons é um recurso muito bom e fácil de implementar. Inclui muito mais bibliotecas do que apenas incríveis fontes.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.