Ich muss eine große Anzahl klassischer ASP - Seiten verwalten, von denen viele Tabellendaten ohne Sortiermöglichkeiten haben. In welcher Reihenfolge der ursprüngliche Entwickler in der Datenbankabfrage verwendet wird, hängt von Ihnen ab.
Ich möchte einige grundsätzliche Sortierungen zu einer Reihe dieser Seiten anpacken, und ich mache das alles auf der Client-Seite mit Javascript. Ich habe bereits das grundlegende Skript erstellt, um eine gegebene Tabelle nach einer bestimmten Spalte in einer bestimmten Richtung zu sortieren, und es funktioniert gut, solange die Tabelle durch bestimmte Konventionen begrenzt ist, die wir hier befolgen.
Was ich für die Benutzeroberfläche tun möchte, ist lediglich die Sortierrichtung mit dem Caret-Zeichen (^) anzugeben und ... was? Gibt es einen speziellen Charakter, der das direkte Gegenteil eines Caret ist? Der Brief v
wird es nicht ganz schneiden. Gibt es alternativ eine andere Zeichenpaarung, die ich verwenden kann?
Es gibt immer ein Kleinbuchstabe "v". Aber im Ernst, abgesehen von Unicode könnte ich nur &darr
finden, was ↓ aussieht.
Ein umgekehrter Zirkumflex wird als caron oder háček bezeichnet.
Es hat eine HTML-Entität in der TADS Latin-2-Erweiterung für HTML: ˇ
und sieht folgendermaßen aus: ˇ die leider nicht in derselben Größe/Proportion wie das Caret ^ angezeigt wird.
Oder Sie können den Unicode U+30C
verwenden.
Eine leistungsfähige Option - und eine, die auch die Kreativität fördert - ist das Entwerfen eigener Charaktere mithilfe von Box-Zeichenzeichen .
Willst du ein nach unten zeigendes "Caret"? Hier ist eins: ╲╱
Ich habe sie kürzlich entdeckt - und es macht mir große Freude, solche individuell gestalteten Zeichen für die Kennzeichnung von Dingen zu verwenden :).
Sie können möglicherweise die schwarzen Dreiecke, die Unicode-Werte U + 25b2 und U + 25bc verwenden. Oder die Pfeile U + 2191 und U + 2193.
c # -Code
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
Hǝɹǝ, s ɐ ɯɐʇɔɥᴉuƃ sǝʇ˙ ˅˅˅
˄˄˄ Hier ist ein passender Satz. ˄˄˄
"Aktuelle Größe": ˅˄˅˄
(Mehr Info)
"Tatsächliche Größe": ⋁⋀⋁⋀
Ich habe den Index groß und fett geschrieben. Er funktioniert einwandfrei (obwohl es einige Mühe erfordert, wenn es wiederholt werden muss).
Syntax:
<sub><strong>v</strong></sub>
Ausgabe:
v
Ich würde ein paar winzige Bilder verwenden. Würde auch besser aussehen.
Alternativ können Sie das mit Windows gelieferte Zeichentabelle-Dienstprogramm ausprobieren oder hier suchen.
Eine andere Lösung, die ich gesehen habe, ist die Verwendung der Wingdings-Schriftart für Symbole. Das hat viele Pfeile.
Verwenden Sie Font Awesome , anstatt den Unicode oder andere Symbole zu verwenden
Der Code kann so einfach sein wie (a) einschließlich font-awesome, z. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
(b) Erstellen einer Schaltfläche wie <button><i class="fa fa-arrow-down"></i></button>
Der durch Drücken von shift
+ ^
erzeugte 6
(Caret- oder Ascii Circumflex) scheint kein Ascii-Gegenteil zu haben, nämlich ein Ascii Inverted Circumflex.
Für Ihre alternative Zeichenpaarung, die auch Tastenkombinationen enthält, können Sie Folgendes verwenden:
Circ (Circumflex) shift
+ alt
+ i
und
Car (Caron) shift
+ alt
+ t
Quelle: fileformat.info
Es gibt keinen umgekehrten Einfügemarke, aber Sie können den Einfügemarke mit CSS leicht drehen. Dies ist eine einfache Lösung, die perfekt aussieht. Klicken Sie auf "Code-Snippet ausführen", um es in Aktion zu sehen:
.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>
Bitte beachten Sie folgendes ...
U + 2304 NACH-UNTEN-PFEIL , in HTML als ⌄
Könnten Sie einfach einen svg-Pfad mit document.write innerhalb eines Abschnitts zeichnen? Die Zeitspanne ist nicht erforderlich, damit das SVG funktioniert. Es stellt lediglich sicher, dass das SVG mit dem Text, der neben dem Text steht, inline bleibt. Ich habe den unteren Rand benutzt, um ihn vertikal mit dem Text zu zentrieren. Es gibt jedoch eine andere Möglichkeit, dies zu tun. Dies ist das, was ich auf der Seite nav meines Blogs (minus den js) gemacht habe. Wenn Sie keinen Text daneben haben, benötigen Sie weder den Abstand noch den Randabstand.
<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>