¿Hay un personaje al revés?


Tengo que mantener un gran número de páginas ASP clásicas, muchas de las cuales tienen datos tabulares sin ninguna capacidad de ordenación. Cualquiera que sea el orden que el desarrollador original usó en la consulta de la base de datos es con lo que estás atascado.

Quiero añadir una clasificación básica a un montón de estas páginas, y lo estoy haciendo todo del lado del cliente con javascript. Ya tengo el script básico hecho para ordenar una tabla dada en una columna dada en una dirección dada, y funciona bien siempre que la tabla sea limitado por ciertas convenciones que seguimos aquí.

Lo que quiero hacer para la interfaz de usuario es simplemente indicar la dirección de ordenación con el carácter de comilla ( ^ ) y ... ¿Qué? ¿Hay un carácter especial que sea el opuesto directo de un cuadro? La letra v no es suficiente. Alternativamente, ¿hay otro emparejamiento de caracteres que pueda usar?

Author: Joel Coehoorn, 2008-12-04

15 answers

Hay ▲: y ▼:

 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/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-09-22 00:29:30

No se olvide de la (lógico y) y (caracteres lógicos o), eso es lo que uso para indicar la dirección de ordenación: Entidades HTML ∧ & ∨ respectivamente.

 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/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-04-22 11:24:00

Siempre hay una "v"minúscula. Pero en serio, aparte de Unicode, todo lo que puedo encontrar sería &darr, que se parece a ↓.

 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/ajaxhispano.com/template/agent.layouts/content.php on line 61
2009-12-23 08:53:38

Un circunflejo inverso se llama un caron, o un háček.

Tiene una entidad HTML en la extensión TADS Latin-2 a HTML: ˇ y se ve así: ˇ que desafortunadamente no se muestra en el mismo tamaño/proporción que el recuadro^.

O puede usar 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/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-07-10 02:42:36

Una opción poderosa – y que también aumenta la creatividad – es diseñar tus propios personajes usando caracteres de dibujo de caja.

¿Quieres un "caret" apuntando hacia abajo? Aquí hay uno: {

Los he descubierto recientemente, y me complace mucho usar estos personajes diseñados a medida para etiquetar cosas por todas partes :) .

 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/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-09-15 20:25:25

Es posible que pueda usar los triángulos negros, los valores Unicode U+25b2 y U+25bc. O las flechas, U + 2191 y 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/ajaxhispano.com/template/agent.layouts/content.php on line 61
2008-12-03 21:09:50

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
 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/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-11-15 15:55:16

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

H {, suu {s {
Aquí hay un conjunto coincidente. ˄˄˄

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

"tamaño Real": ˅˄˅˄
(más info)


Editar: Otra Opción...

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

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

"tamaño Real": ⋁⋀⋁⋀

 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/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-08-10 13:53:06

Usaría un par de imágenes diminutas. También se vería mejor.

Alternativamente, puede probar la utilidad de mapa de caracteres que viene con Windows o intente buscar aquí.

Otra solución que he visto es usar la fuente Wingdings para los símbolos. Eso tiene muchas flechas.

 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/ajaxhispano.com/template/agent.layouts/content.php on line 61
2008-12-03 21:06:24

Hice subíndice capital y V en negrita. Funciona perfectamente (aunque toma un poco de esfuerzo, si necesita hacerse repetitivamente)

Sintaxis:

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

Salida:
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/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-10-02 16:57:36

Podrías considerar usar Font Awesome en lugar de usar el unicode u otros iconos

El código puede ser tan simple como (a) incluir font-awesome, por ejemplo, <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> (b) hacer un botón como <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/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-09-28 18:04:57

El ^ (Circunflejo de Caret - o Ascii), producido por prensado shift + 6, no parece tener un opuesto Ascii, es decir, un Circunflejo Invertido Ascii.

Pero para tu emparejamiento alternativo de personajes que también tienen combinaciones de teclado, puedes usar:

ˆ (Circunflejo) shift + alt + i y
ˇ (Caron) shift + alt + t

Fuente: 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/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-06-27 18:07:24

No hay un carácter de caret al revés, pero puede rotar fácilmente el caret con CSS. Esta es una solución simple que se ve perfecta. Presione 'Run code snippet' para verlo en acción:

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

Tenga en cuenta lo siguiente...

  • Hice una pequeña corrección para el posicionamiento del cuadro, ya que normalmente es alto (por lo tanto bajo en la versión rotada). Quieres subirlo un poco. Este ' pequeño 'es relativo al tamaño de la fuente, de ahí los'em'. Depender en su elección de fuente, es posible que desee jugar con esto para que se vea bien.
  • Esta solución no funciona en IE8. Debe usar un filtro si desea soporte IE8. El soporte de IE8 no es realmente necesario ni común en 2018.
  • Si desea utilizar esto en combinación con Twitter Bootstrap, por favor cambie el nombre de la clase 'caret' a otra cosa, como 'caret_down' (ya que choca con un nombre de clase de 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/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-03-05 23:01:30

Podría dibujar una ruta svg dentro de un span usando document.escribir? El span no es necesario para que el svg funcione, solo asegura que el svg permanezca en línea con cualquier texto al que esté al lado el quilate. Utilicé margin-bottom para centrarlo verticalmente con el texto, aunque podría haber otra forma de hacerlo. Esto es lo que hice en navegación lateral de mi blog (menos el js). Si no tiene texto al lado, no necesitaría el intervalo o el desplazamiento de margen 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>
 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/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-04-26 20:45:51

Si necesita font-awesome para aplicaciones de React, entonces React Icons es un recurso muy bueno y muy fácil de implementar. Incluye muchas más bibliotecas que solo 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/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-01-09 19:15:58