Modification de Discussion aide:Afficher et masquer du contenu/Archives
Ajouter un sujet |
Vous êtes sur le point de modifier une page de discussion. Restez courtois lors de vos prises de paroles. N'oubliez pas de signer votre message avec « ~~~~ » ou en cliquant sur le bouton «  » !
|
| Vous pouvez consulter cette page si vous souhaitez obtenir de l'aide concernant les discussions sur Poképédia. | |
La modification peut être annulée. Veuillez vérifier les différences ci-dessous pour voir si c’est bien ce que vous voulez faire, puis publier ces changements pour finaliser l’annulation de cette modification.
| Version actuelle | Votre texte | ||
| Ligne 99 : | Ligne 99 : | ||
:*La balise <code>a</code> est utilisée à la place de la balise <code>span</code>. Elle correspond habituellement à une '''action''' (aller sur une page différente ou quelque part sur la page en cours) et nous parlons ici d'une action. L'autre balise qui aurait pu convenir est <code>button</code> (mais elle a quelques manques). | :*La balise <code>a</code> est utilisée à la place de la balise <code>span</code>. Elle correspond habituellement à une '''action''' (aller sur une page différente ou quelque part sur la page en cours) et nous parlons ici d'une action. L'autre balise qui aurait pu convenir est <code>button</code> (mais elle a quelques manques). | ||
:*L'attribut <code>href</code> est utilisé pour préciser la '''cible de l'action'''. C'est là encore cohérent avec l'utilisation habituelle qui en est faite. | :*L'attribut <code>href</code> est utilisé pour préciser la '''cible de l'action'''. C'est là encore cohérent avec l'utilisation habituelle qui en est faite. | ||
:*L'attribut <code>rel</code> est là pour, comme l'a expliqué Mewtwo_Ex, indiquer à la partie javascript qu'elle a du boulot. Elle y '''attache la mécanique''' (j'aime bien l'expression) si elle contient « afficher » ou « masquer » (termes décidés plus haut). L'attribut <code>rel</code>, je cite, <cite lang="en">describes the relationship from the current document to the anchor specified by the href attribute</cite>. En se contorsionnant un peu et si on considère qu'on met « afficher » quand le clic doit démasquer des parties cachées et qu'on met « masquer » quand le clic doit cacher des parties visibles, alors on fait un plutôt bon usage de l'attribut. Pas de grimaces s'il vous plaît. {{ | :*L'attribut <code>rel</code> est là pour, comme l'a expliqué Mewtwo_Ex, indiquer à la partie javascript qu'elle a du boulot. Elle y '''attache la mécanique''' (j'aime bien l'expression) si elle contient « afficher » ou « masquer » (termes décidés plus haut). L'attribut <code>rel</code>, je cite, <cite lang="en">describes the relationship from the current document to the anchor specified by the href attribute</cite>. En se contorsionnant un peu et si on considère qu'on met « afficher » quand le clic doit démasquer des parties cachées et qu'on met « masquer » quand le clic doit cacher des parties visibles, alors on fait un plutôt bon usage de l'attribut. Pas de grimaces s'il vous plaît. {{Info-Bulle|*|Promis, je me suis retenu. - InvocK}} | ||
:*Il serait a priori possible de '''changer l'apparence''' (attention, je ne parle pas du texte) facilement avec les mécanismes habituels, c'est à dire l'usage de l'attribut <code>style</code> ou une référence au contenu d'une CSS via l'attribut <code>id</code> ou <code>class</code>. Rien de mystérieux pour ceux qui ont déjà vu ça ailleurs. Le style appliqué peut même changer entre les deux actions afficher et masquer, si c'est prévu dans le javascript (mais dans ce cas il faut des styles prédéfinis dans une CSS, et le javascript se contenterait en fait de remplacer la classe ''bidule'' par la classe ''machin'' après le clic - j'espère être compréhensible). {{ | :*Il serait a priori possible de '''changer l'apparence''' (attention, je ne parle pas du texte) facilement avec les mécanismes habituels, c'est à dire l'usage de l'attribut <code>style</code> ou une référence au contenu d'une CSS via l'attribut <code>id</code> ou <code>class</code>. Rien de mystérieux pour ceux qui ont déjà vu ça ailleurs. Le style appliqué peut même changer entre les deux actions afficher et masquer, si c'est prévu dans le javascript (mais dans ce cas il faut des styles prédéfinis dans une CSS, et le javascript se contenterait en fait de remplacer la classe ''bidule'' par la classe ''machin'' après le clic - j'espère être compréhensible). {{Info-Bulle|*|Ça passe encore. - InvocK}} | ||
:*En revanche, '''pour le texte lui-même''', cette solution n'est pas parfaite. Soit le texte est prédéfini au sein du javascript et il ne sera donc pas modifiable, soit il doit suivre certaines contraintes. Dans le second cas, le texte pourrait être précisé dans le contenu de la balise <code>a</code> : <code><nowiki><a href="#cible" rel="afficher">[*Afficher*]</a></nowiki></code>. On pourrait mettre à peu près ce qu'on veut. Seulement, il n'y a pas de moyen pour contrôler le texte de l'action inverse (masquer ici). La seule possibilité qui me vient à l'espit, c'est de faire en sorte que le javascript remplace le mot « afficher » par « masquer », et inversement. Par exemple, si j'écris « [*Afficher*] », après clic, le javascript remplaçerait ce texte par « [*Masquer*] » (on pourrait aussi prendre en compte le caractère « + » pour le remplacer par le caractère « − »). | :*En revanche, '''pour le texte lui-même''', cette solution n'est pas parfaite. Soit le texte est prédéfini au sein du javascript et il ne sera donc pas modifiable, soit il doit suivre certaines contraintes. Dans le second cas, le texte pourrait être précisé dans le contenu de la balise <code>a</code> : <code><nowiki><a href="#cible" rel="afficher">[*Afficher*]</a></nowiki></code>. On pourrait mettre à peu près ce qu'on veut. Seulement, il n'y a pas de moyen pour contrôler le texte de l'action inverse (masquer ici). La seule possibilité qui me vient à l'espit, c'est de faire en sorte que le javascript remplace le mot « afficher » par « masquer », et inversement. Par exemple, si j'écris « [*Afficher*] », après clic, le javascript remplaçerait ce texte par « [*Masquer*] » (on pourrait aussi prendre en compte le caractère « + » pour le remplacer par le caractère « − »). | ||
:*Dernier point, la '''facilité d'utilisation'''. Ce pavé de texte n'aidera sans doute pas à convaincre mais je trouve personnellement cette ''syntaxe'' plus... naturelle que celle proposée. Bien sûr c'est plus complexe que l'actuel duo <code>collapsible collapsed</code> mais les possibilités sont plus grandes aussi. Le vrai souci, selon moi, c'est de placer correctement ce bouton d'action en fonction de ce qu'il vise. C'est pas tout à fait inné de savoir où placer ce bout de code dans le code d'un tableau, par exemple. Mais c'est là qu'entrent en jeu les modèles après-tout et ça fait longtemps qu'on doit les créer pour certains (attaques). | :*Dernier point, la '''facilité d'utilisation'''. Ce pavé de texte n'aidera sans doute pas à convaincre mais je trouve personnellement cette ''syntaxe'' plus... naturelle que celle proposée. Bien sûr c'est plus complexe que l'actuel duo <code>collapsible collapsed</code> mais les possibilités sont plus grandes aussi. Le vrai souci, selon moi, c'est de placer correctement ce bouton d'action en fonction de ce qu'il vise. C'est pas tout à fait inné de savoir où placer ce bout de code dans le code d'un tableau, par exemple. Mais c'est là qu'entrent en jeu les modèles après-tout et ça fait longtemps qu'on doit les créer pour certains (attaques). | ||