Discussion :

[herveD]

Bonjour
Bon finalement je n'ai pas été trop loin après l'aide de NoSmoking
Je préférerais si possible ajouter un peu d'aide en ligne pour que les internautes qui saisissent des infos dans un formulaire de manière ponctuelle (peu de maitrise)

Je voudrai cibler l'élément qu'il faudrait pour ajouter une aide en ligne sous les onglets "description" ou "locaux"
jtest-ext.88h.ovh/index.php?option=com_dpcalendar&view=locationform&l_id=0&Itemid=166
Ne fonctionne pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
#dp-tab-description:after {    
  color:#566;
  content: "dp-field-description..";
  width: 100%;
}

Il semblerait que les balises <input> ne peuvent pas avoir de :before ou :after.
Comment faire pour avoir cette ligne d'aide en dessous du ttire de l'onglet ?

[NoSmoking]

Bonjour,

Je voudrai cibler l'élément qu'il faudrait pour ajouter une aide en ligne sous les onglets "description" ou "locaux"

Quel type d'aide souhaites tu apporter, une info bulle au survol de l'onglet, un ajout de texte dans la partie content de l'onglet ou que sais je encore !

Il semblerait que les balises <input> ne peuvent pas avoir de :before ou :after.

aucun rendu ne sera réalisé.

Question quand même cette aide ne devrait-elle pas faire partie intégrante du document ?

[herveD]

Bonjour

C'est un formulaire généré par un cms. je n'ai pas accès à grand-chose.
Je peux avoir une aide sur le champ mais c'est important ici est d'avoir une aide dans le contenu en dessous (pas au survol) et cela me semble plus simple à gérer par CSS

Exemple juste en dessous du titre des onglets Description| Locaux
"Si ce lieu possède plusieurs salles, vous pouvez ..."

[NoSmoking]

Je peux avoir une aide sur le champ mais c'est important ici est d'avoir une aide dans le contenu en dessous (pas au survol) et cela me semble plus simple à gérer par CSS

Si il s'agit juste d'ajouter du texte oui, mais si tu veux ajouter du « style » alors il te faut passer par du JavaScript.

Comme tu souhaites ajouter une entête dans le contenu il vaut mieux cibler ce conteneur ce qui pourrait donner :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
#dp-tab-description + label + div::before {
  content: "Une description sommaire de l'aide que l'on souhaite apporter";
  display: block;             /* à supprimer si l'on ne veut que cela occupe toute la largeur */
  padding: .25em .5em;
  border: 1px solid #800;     /* pour attirer l’œil */
  background-color: #FF03;
}

on garde la référence à l'ID de l'input pour plus de lisibilité/repérage

[herveD]

Bonjour

Ok merci pour cette aide. Effectivement pour l'id comme cela je peux le mettre à plusieurs endroits
Bonne journée