Discussion :

[LEK]

Salut, je travaille sous FF, j'ai besoin de rendre le texte d'une page web invisible : c'est à dire que lorsque dans un div je dispose d'une zone de texte je voudrais que l'espacement du texte soit gardé mais que celui-ci ne soit pas visible...
De là des solutions du type : madiv.style.visibility = 'hidden' ou madiv.style.display = 'none' ne conviennent pas pour mon cas..
Auriez-vous une idée pour parvenir au résultat escompté?
Merci d'avance.

[Auteur]

bonjour,

tu peux donner au texte la même couleur que le fond ? Toutefois, il sera toujours visible si l'utilisateur fait une sélection (ctrl+a par exemple).

Je ne comprends pas pourquoi madiv.style.visibility = 'hidden' ne te convient pas ?

[LEK]

la sélection par l'utilisateur dans mon cas n'est pas un problème : en fait je travaille sur une version embarquée de mozilla dans un prog C++, mon but est d'effectuer un aperçu des pages sans le texte.
Le problème de la visibilité se pose par exemple sur des div de ce type là :

Code :

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

1
2
<div id='test0' style='background-image:url(fond.gif);background-repeat:repeat-x
'>ici un texte assez long</div>

Dans la mise en page on a normalement une image qui se répète sous le texte.
J'aimerais avoir l'image de fond avec la largeur adéquate mais sans le texte.
Si je fais test0.style.visibility='hidden', je n'ai plus ni texte, ni image de fond...

[Auteur]

tu peux ajouter un div supplémentaire dans le conteneur :

Code html :

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

1
2
3
4
5
6
 
<div id="test0" style="background-image:url(fond.gif);background-repeat:repeat-x"> 
<div style="visibility:hidden; margin: 0px; padding: 0px;">
ici un texte assez long
</div>
</div>

[LEK]

Merci Auteur,
je n'avais pas pensé à faire cette manip
Maintenant je vais essayer d'effectuer dynamiquement la modif : faire un loop sur tous les noeuds texte du dom et les enfermer dans un div invisible (comme tu l'as fais dans ton exemple).
Connaissez-vous la manière la plus économes en ressources pour le faire ?
Peut être que je peux éviter de multiples boucles (avec éventuellement récursion) pour arriver au résultat?

Merci encore pour ton aide Auteur.

[__CPU__]

Pour info, fait gaff avec le text du même fond que ton fond de page, tu peux etre blacklisté par les moteurs de recherche, c'est considéré comme fraude au référencement.

[Auteur]

Montre nous déjà comment tu crées ta page web. Il ne sera peut-être pas nécessaire de faire une boucle sur tous les noeuds texte pour ajouter ce div :

Si dans ton code tu fais ceci :

• création du div conteneur ;
• définition des propriétés du div conteneur (id, style, etc.) ;
• ajout du texte dans le div ;
• insertion du div dans la page.

Il suffit de reprendre ton code en ajoutant quelques lignes

• création du div conteneur ;
• définition des propriétés du div conteneur (id, style, etc.) ;
  
  • création du div enfant
  • définition des propriétés du div enfant (visibility: hidden)
  • ajout du texte dans le div enfant ;
  • insertion du div enfant dans le div conteneur ;
• insertion du bloc créé dans la page.