2008-12-03 12 views
193

Tengo que mantener un gran número de páginas ASP clásicas, muchas de las cuales tienen datos tabulares sin capacidades de clasificación. Cualquier orden que el desarrollador original usó en la consulta de la base de datos es a lo que está atascado.¿Hay un personaje de caridad al revés?

Quiero atacar algunas clasificaciones básicas a un montón de estas páginas, y lo estoy haciendo todo el lado del cliente con javascript. Ya tengo el script básico hecho para ordenar una tabla determinada en una columna dada en una dirección dada, y funciona bien siempre que la tabla esté limitada 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 intercalación (^) y ... ¿qué? ¿Hay un carácter especial que sea el opuesto directo de un caret? La letra v no lo cortará del todo. Alternativamente, ¿hay otro emparejamiento de personajes que pueda usar?

+9

Hay bastantes que funcionarían: http://amp-what.com/#q=triangle – ndp

+0

demasiado: D http://la.remifa.so/unicode/unicode.php?start = E000 & end = F8FF – Nithin

+0

https://en.wikipedia.org/wiki/Arrow_%28symbol%29#Arrows_in_Unicode –

Respuesta

332

Hay ▲: ▲ y ▼: ▼

+8

Agradable. La misma respuesta que la mía, pero mejor redacción. –

+2

Me gustan esas flechas de intercalación, ¿cuáles son los códigos de caracteres HTML para la versión izquierda/derecha de esas flechas, si existen? – David

+3

+1 para recordar sus puntos y comas en entidades HTML. Los navegadores aceptan sin (excepto si hay ambigüedad) y esto hace que mis compañeros de trabajo sean flojos. – jpsimons

4

Usaría un par de imágenes diminutas. Se vería mejor también.

Alternativamente, puede probar la utilidad de Mapa de caracteres que viene con Windows o intente buscar here.

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

35

Un circunflejo al revés se llama 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^^ caret.

O puede usar el Unicode U+30C.

9

Usted puede ser capaz de utilizar los triángulos negros, valores Unicode U + 25b2 y U + 25bC. O las flechas, U + 2191 y U + 2193.

46

Siempre hay una "v" minúscula. Pero en serio, aparte de Unicode, todo lo que puedo encontrar es &darr, que se ve como ↓.

9

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 
164

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

+0

Perfecta para el enlace "Leer más". Gracias ! – ShayneStatzell

+3

Si yo fuera el OP, creo que esta debería ser la respuesta. Las flechas y las referencias son diferentes, y en realidad lo respondiste con una solución inteligente. – jcd

+0

¡Creo que esto tiene más sentido, exactamente lo que estaba buscando también! – bestfriendsforever

11

Una poderosa opción, y que también aumenta la creatividad, es diseñar sus propios personajes usando box drawing characters.

¿Quieres un "cursor" hacia abajo? Aquí hay uno: ╲╱

Los descubrí recientemente, y me complace enormemente el uso de tales personajes diseñados a medida para etiquetar cosas por todas partes :).

4

hice de capital subíndice & V. negrita Funciona perfectamente (aunque toma un poco de esfuerzo, si es que hay que hacer de forma repetitiva)

Sintaxis:

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

Salida:
v

+0

Este enfoque no se recomienda, ya que no se parece a lo que OP quiere con fuentes que no sean 'sans' – Awol

0

¿Podría simplemente dibujar una ruta de acceso svg dentro de un lapso usando document.write? El span no es necesario para que svg funcione, solo garantiza que svg permanezca en línea con cualquier texto al que esté el quilate. Usé el margen inferior para centrarlo verticalmente con el texto, aunque podría haber otra manera de hacerlo. Esto es lo que hice en my blog's side nav (menos el js). Si no tiene texto al lado, no necesitaría el margen ni la compensación del 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

Hoy en día, probablemente podría hacer eso. En 2012, no habría confiado en esa opción. Y ahora que tengo ellos, me gusta usar los caracteres Unicode. –

3

Se podría considerar el uso de Font Awesome lugar de utilizar el Unicode u otros iconos

El código puede ser tan simple como (a) incluye, por ejemplo font-impresionante <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 tal como <button><i class="fa fa-arrow-down"></i></button>

+1

Hoy en día, esta es definitivamente una opción viable. En 2008, cuando hice la pregunta, eso hubiera sido un desafío. Pero la capacidad de obtener estas últimas respuestas como cambios tecnológicos es parte de lo que hace TAN increíble :) –

+0

Buen punto. Además, solo para agregar una razón por la cual usarlo, una posible razón para usar font-awesome en lugar de unicode es que el unicode es copy-and-pastable, el cual encontré molesto en el móvil, intentaba seleccionar cuando alguien tocaba un botón con el Unicode en él, mientras que los íconos increíbles de fuente no causaron copiar y pegar –

+0

Incluso el uso de FontAwesome (que es bastante grande) para unos pocos iconos parece exagerado. Yo aconsejaría en contra de eso. Si su problema es la selección de texto, considere usar el código HTML en un pseudo elemento CSS. – PoeHaH

2

El ^ (Caret - o ASCII circunfleja), producido por prensado shift + 6, no parecen tener un opuesto ASCII, es decir, un archivo ASCII Inverted circunfleja.

Pero para su emparejamiento de carácter alternativo que también tienen combinaciones de teclado, se puede utilizar:

(circunflejo) shift + + alti y
(Caron) shift + + altt

Fuente : fileformat.info

0

Si necesita font-awesome para Reaccionar aplicaciones, entonces React Icons es un muy buen recurso y muy fácil de implementar. Incluye muchas más bibliotecas que simplemente fuente-impresionante.

1

No hay un carácter de cursor al revés, pero puede rotar fácilmente el símbolo de intercalación con CSS. Esta es una solución simple que se ve perfecta. Pulse 'fragmento de código Run' para ver 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 cursor, ya que normalmente es alto (por lo tanto, bajo en la versión girada). Quieres moverlo un poco hacia arriba. Este 'pequeño' es relativo al tamaño de letra, de ahí el 'em'. Dependiendo de la elección de su fuente, es posible que desee jugar con esto para que se vea bien.
  • Esta solución no funciona en IE8. Deberías usar un filtro si quieres soporte IE8. El soporte IE8 no es realmente necesario ni común en 2018.
  • Si desea utilizar esto en combinación con Twitter Bootstrap, cambie el nombre de la clase 'caret' a otra cosa, como 'caret_down' (ya que colisiona con un nombre de clase de Twitter Bootstrap).
Cuestiones relacionadas