IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[DOM] Rendre un texte invisible


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    LEK
    LEK est d�connect�
    Membre �clair�
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    715
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 715
    Par d�faut [DOM] Rendre un texte invisible
    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.

  2. #2
    Expert confirm�
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par d�faut
    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 ?

  3. #3
    LEK
    LEK est d�connect�
    Membre �clair�
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    715
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 715
    Par d�faut
    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...

  4. #4
    Expert confirm�
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par d�faut
    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>

  5. #5
    LEK
    LEK est d�connect�
    Membre �clair�
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    715
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 715
    Par d�faut
    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.

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    32
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 32
    Par d�faut
    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.

  7. #7
    Expert confirm�
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par d�faut
    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.

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. Rendre des Text box invisibles en focntion de choix dans le menu d�roulant
    Par abdelkarim_1987 dans le forum Macros et VBA Excel
    R�ponses: 11
    Dernier message: 22/08/2013, 15h06
  2. Rendre du texte invisible
    Par FabaCoeur dans le forum Mise en page CSS
    R�ponses: 2
    Dernier message: 25/08/2009, 20h42
  3. rendre visible ou invisible une texte box
    Par kuhnden dans le forum Access
    R�ponses: 13
    Dernier message: 01/11/2005, 18h59
  4. rendre visible ou invisible une picture (icon)
    Par Robleplongeur dans le forum MFC
    R�ponses: 3
    Dernier message: 18/05/2004, 12h23
  5. Rendre le curseur invisible sur une fen�tre donn�e
    Par Meuhmeuh dans le forum C++Builder
    R�ponses: 3
    Dernier message: 22/11/2002, 12h25

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo