Y a-t-il un personnage de caret à l'envers?
Je dois gérer un grand nombre de pages classiques ASP, dont beaucoup contiennent des données tabulaires sans aucune possibilité de tri. Quel que soit l'ordre dans lequel le développeur d'origine a utilisé la requête de base de données est ce avec quoi vous êtes coincé.
Je veux aborder un certain nombre de pages de base, et je le fais du côté client avec javascript. J'ai déjà le script de base pour trier une table donnée sur une colonne donnée dans une direction donnée, et cela fonctionne bien tant que la table est limitée par certaines conventions que nous suivons ici.
Ce que je veux faire pour l'interface utilisateur, c'est simplement indiquer la direction du tri avec le caractère de curseur (^) et ... quoi? Y at-il un caractère spécial qui est le contraire direct d'un caret? La lettre v ne suffira pas. Sinon, y a-t-il une autre paire de caractères que je peux utiliser?
Il y a toujours un "v" minuscule. Mais sérieusement, à part Unicode, tout ce que je peux trouver serait &darr, qui ressemble à.
Un circumflexe à l'envers est appelé un caron , ou un háček.
Il a une entité HTML dans l'extension TADS Latin-2 en HTML: ˇ et ressemble à ceci: ˇ qui, malheureusement, ne s'affiche pas dans la même taille/proportion que le carrefour.
Ou vous pouvez utiliser le code unicode U+30C.
Une option puissante - et qui stimule également la créativité - consiste à concevoir vos propres personnages à l’aide de caractères de dessin de boîte .
Vous voulez un "caret" pointant vers le bas? En voici un:
Je les ai récemment découvertes - et je prends beaucoup de plaisir à utiliser de tels caractères conçus sur mesure pour étiqueter des choses tout autour :).
Vous pourrez peut-être utiliser les triangles noirs, les valeurs Unicode U + 25b2 et U + 25bc. Ou les flèches, U + 2191 et 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ǝʇ˙ ˅˅˅
˄˄˄ Voici un ensemble assorti. ˄˄˄
"Taille réelle": ˅˄˅˄
(Plus d'informations)
Edit: Une autre option ...
⋁⋁⋁⋁⋁⋁⋁⋁⋁⋁ Unicode # 8897/U + 22C1 ( info )</ sup> nommé N-ARY LOGICAL OR
⋀⋀⋀⋀⋀⋀⋀⋀⋀⋀ Unicode # 8896/U + 22C0 ( info )</ sup> nommé N-ARY LOGICAL ET
"Taille réelle": ⋁⋀⋁⋀
Je suis en majuscule et en gras V. Cela fonctionne parfaitement (bien que cela demande un certain effort, si cela doit être fait de manière répétitive)
Syntaxe:
<sub><strong>v</strong></sub>
Sortie:
v
J'utiliserais quelques images minuscules. Serait mieux aussi.
Vous pouvez également essayer l'utilitaire de mappage de caractères fourni avec Windows ou essayer de regarder ici .
Une autre solution que j'ai vue consiste à utiliser la police Wingdings pour les symboles. Cela a beaucoup de flèches.
Vous pourriez envisager d'utiliser Font Awesome au lieu d'utiliser l'unicode ou d'autres icônes
Le code peut être aussi simple que (a), y compris font-awesome, par exemple. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> (b) créer un bouton tel que <button><i class="fa fa-arrow-down"></i></button>
Le ^ (cercle circulaire ou ascii), créé en appuyant sur shift + 6, ne semble pas avoir de vis-à-vis Ascii, à savoir un circonflexe inversé Ascii.
Mais pour vos combinaisons de caractères alternatives qui ont aussi des combinaisons de clavier, vous pouvez utiliser:
ˆ (Circumflex) shift + alt + i et
ˇ (Caron) shift + alt + t
Source: fileformat.info
Il n'y a pas de caractère de caret à l'envers, mais vous pouvez facilement faire pivoter le curseur avec CSS. C'est une solution simple qui semble parfaite. Appuyez sur 'exécuter l'extrait de code' pour le voir en action:
.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>Veuillez noter ce qui suit ...
- J'ai fait une petite correction pour le positionnement du curseur, car il est normalement élevé (donc faible dans la version tournée). Vous voulez le déplacer un peu. Ce "petit" est relatif à la taille de la police, d'où le "em". En fonction de votre choix de police, vous voudrez peut-être jouer avec cela pour lui donner une belle apparence.
- Cette solution ne fonctionne pas dans IE8. Vous devez utiliser un filtre si vous souhaitez utiliser IE8. Le support IE8 n'est pas vraiment requis ni commun en 2018.
- Si vous souhaitez utiliser ceci en combinaison avec Twitter Bootstrap, renommez la classe 'caret' en quelque chose d'autre, comme 'caret_down' (car elle se heurte à un nom de classe de Twitter Bootstrap).
U + 2304 DOWN ARROWHEAD , en HTML comme
Pourriez-vous simplement dessiner un chemin svg à l'intérieur d'une étendue en utilisant document.write? La durée n'est pas requise pour que le svg fonctionne, cela garantit simplement que le svg reste aligné avec le texte à côté duquel se trouve le carat. J'ai utilisé margin-bottom pour le centrer verticalement avec le texte, mais il pourrait y avoir un autre moyen de le faire. C'est ce que j'ai fait sur la navigation latérale de mon blog (moins le js). Si vous n'avez pas de texte à côté, vous n'avez pas besoin de l'intervalle ou du décalage de la marge inférieure.
<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>