Pergunta

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

Quero entrar em algumas classificações básicas em várias páginas, e estou fazendo tudo o que o cliente com JavaScript. Eu já tenho o script básico 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 pela interface do usuário é apenas indicar a direção de classificação com o caráter caret ( ^) e ... o que? Existe um personagem especial que é o oposto direto de um cuidador? A carta v Não vai cortar. Como alternativa, há outro emparelhamento de personagens que eu possa usar?

Foi útil?

Solução

Há ▲: ▲ e ▼: ▼

Outras dicas

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

Sempre há uma minúscula "V". Mas sério, além do unicode, tudo o que posso encontrar seria &darr, que se parece com ↓.

Um circunflex de cabeça para baixo é chamado de Caron, ou um háček.

Possui uma entidade HTML na extensão TADS Latin-2 para HTML: ˇ e parece o seguinte: ˇ que infelizmente não é exibido no mesmo tamanho/proporção que o caret.

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

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

Quer um "cuidador" apoiado para baixo? Aqui está um: ╲╱

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

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

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

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

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


Editar: Outra opção...

⋁⋁⋁⋁⋁⋁⋁⋁⋁⋁ Unicode #8897 / u+22c1 (Info) nomeado n-ary lógico ou

⋀⋀⋀⋀⋀⋀⋀⋀⋀⋀ Unicode #8896 / u+22c0 (Info) nomeado n-ary lógico e

"Tamanho atual": ⋁⋀⋁⋀

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

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

Eu usaria algumas imagens minúsculas. Ficaria melhor também.

Como alternativa, você pode experimentar o utilitário de mapas de personagens que vem com o Windows ou tente procurar aqui.

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

Eu fiz Capital subscrito e negrito V. Funciona perfeitamente (embora seja necessário algum esforço, se precisar ser feito repetidamente)

Sintaxe:

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

Resultado:
v

Você pode considerar usar Fonte incrível Em vez de usar o unicode ou outros ícones

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

o ^ (Caret - ou ASCII circunflex), produzido pressionando shift + 6, não parece ter um oposto ASCII, a saber, um circunflexo invertido ASCII.

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

ˆ (circunflex) shift + alt + i e
ˇ (Caron) shift + alt + t

Fonte: FileFormat.info

Não há caráter de de cabeça para baixo, mas você pode girar facilmente o caret com CSS. Esta é uma solução simples que parece perfeita. Pressione 'Run Code Snippet' 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 um pouco de correção para o posicionamento do cuidador, pois é normalmente alto (assim baixo na versão rotacionada). Você quer movê -lo um pouco. Este 'pouco' é relativo ao tamanho da fonte, daí o 'em'. Dependendo da sua opção 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 IE8. O suporte do IE8 não é realmente necessário nem comum em 2018.
  • Se você deseja usar isso em combinação com o Twitter Bootstrap, renomeie a classe 'Caret' para outra coisa, como 'Caret_down' (enquanto colide com um nome de classe do Twitter Bootstrap).

U+2304 para baixo de seta, em html como ⌄

Você poderia simplesmente desenhar um caminho SVG dentro de um span usando document.write? A extensão não é necessária para que o SVG funcione, apenas garante que o SVG permaneça em linha com qualquer texto em que o quilate esteja próximo. Eu usei o fundo da margem para centralizá-lo verticalmente com o texto, pode haver outra maneira de fazer isso. Isso é o que eu fiz em Nav lateral do meu blog (menos o JS). Se você não tiver texto ao lado, não precisaria do deslocamento ou do deslocamento da margem.

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

Se você precisar de fontes para os aplicativos react, então React ícones é um recurso muito bom e muito fácil de implementar. Inclui muito mais bibliotecas do que apenas uma fonte.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top