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 :

Image hidden ou visible


Sujet :

JavaScript

  1. #1
    Membre �clair� Avatar de BRUNO71
    Homme Profil pro
    Retrait�
    Inscrit en
    Janvier 2007
    Messages
    507
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 62
    Localisation : France, Sa�ne et Loire (Bourgogne)

    Informations professionnelles :
    Activit� : Retrait�
    Secteur : Industrie

    Informations forums :
    Inscription : Janvier 2007
    Messages : 507
    Par d�faut Image hidden ou visible
    Bonsoir � tous,

    Peut-on rendre une image invisible (Hidden), visible ?
    A partir d'un bouton Submit, quel instruction faudrait-il rajouter pour rendre une image visible.
    Pourquoi cette question ?
    En remplacement d'une barre de progression j'ai ajout� � proximit� de mon bouton Submit une image .gif.
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    <img alt="" src="uploader.gif" style="height:22px; width:22px; visibility: hidden;">
    J'aimerais que cette img s'affiche le temps d'un t�l�chargement par exemple.

    Qui peut me donner un coup de pouce ?

    Merci d'avance.

  2. #2
    Membre �clair�
    Homme Profil pro
    �tudiant
    Inscrit en
    Avril 2009
    Messages
    389
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activit� : �tudiant

    Informations forums :
    Inscription : Avril 2009
    Messages : 389
    Par d�faut
    Petit exemple de code:

    si ton image est seul dans une div
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    <div id='divImg' style='display:none;'>
       <img alt="" src="uploader.gif" style="height:22px; width:22px;">
    </div>
    <div>
       <form>
          <input type='submit' onclick='document.getElementById("divImg").style.display=block;' />
       </form>
    </div>
    sinon
    Petit exemple de code:

    si ton image est dans une div
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <div>
       <form>
          <input type='submit' onclick='document.getElementById("imgUp").style.display=inline;' />
       </form>
       <img id='imgUp' alt="" src="uploader.gif" style="height:22px; width:22px;display:none;">
     
    </div>
    Comme ceci, lorsque tu clique sur ton bouton de submit,ton image va devenir visible...

    voila voila

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

Discussions similaires

  1. charger deux images bitmap non visibles
    Par Madman dans le forum Visual Studio
    R�ponses: 0
    Dernier message: 15/04/2010, 10h52
  2. [GD] Image Captcha non visible
    Par Benjycool dans le forum Biblioth�ques et frameworks
    R�ponses: 2
    Dernier message: 02/02/2010, 12h12
  3. image qui est visible
    Par aide03 dans le forum D�buter avec Java
    R�ponses: 2
    Dernier message: 03/02/2009, 13h21
  4. Gestion des attributs hidden et visible
    Par Jibees dans le forum G�n�ral JavaScript
    R�ponses: 19
    Dernier message: 14/04/2006, 13h58
  5. hidden or visibility
    Par lemmings dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 09/08/2005, 10h24

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