Discussion :

[FabaCoeur]

Bonjour,

J'utilise un autocompleter en AJAX qui me retourne du code comme cela:

Code :

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

1
2
3
4
5
6
7
8
9
<div class="autocomplete">
<ul>
<li id="1"><span class="informal">Un libellé en visuel avec code <b>HTML</b></span>Le libellé réel</li>
<li id="2"><span class="informal">Un autre libellé en visuel avec code <b>HTML</b></span>Autre libellé réel</li>
 
[...]
 
</ul>
</div>

En gros, l'utilisateur doit voir à l'écran une liste déroulante avec Un libellé en visuel avec code <b>HTML</b>, et quand il clique dessus c'est la seconde partie Le libellé réel qui va être recopiée dans un champs input de type text. J'utilise la librairie Scriptaculous pour la gestion de la liste déroulante, elle se charge d'inhiber ce qui se trouve entre <span class="informal"></span> et de recopier le reste dans un champs. Il faut donc que la partie en dehors de la balise <span> soit strictement ce qui va être recopié dans le champs.

Je voudrais donc masquer le texte situé en dehors de cette balise, car je voudrais que l'utilisateur ne voie que ce qui est censé resté en visu.

J'ai donc essayé de masquer le texte avec les CSS suivant:

Code :

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

1
2
3
4
5
6
7
/* li */
  font-size: 0px;
  color: white; /* texte blanc sur fond blanc */
 
/* li span.informal */
  font-size: 11px;
  color: black;

Mais même avec une taille à 0px le texte reste affiché en tout petit.

Comment puis-je le masquer sachant que je dois respecter les contraintes imposées par la librairies ?

Merci.

[12monkeys]

Bonsoir

Tu as la propriété visibility, remplace ton code css par :

Code :

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

1
2
3
4
5
6
li {
  visibility : hidden;
}
li span.informal {
  visibility : visible;
}

[FabaCoeur]

En effet, ça fait bien disparaitre le texte !
J'ai été étonné je pensais qu'en mettant la balise englobante invisible tout son contenu deviendrais invisible à son tour.

Merci pour le coup de pouce