Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2062 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Rendre une image invisible -> visible

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Rendre une image invisible -> visible

n°1464482
superhoho
Posté le 24-10-2006 à 23:57:08  profilanswer
 

Je suis un peu perdu voila mon code :
 
          <td>  
<img id='image1' src='carte<?php echo $num1?>.jpg' width='170' height='130' style="visibility:hidden" onClick=document.image1.style.visibility='visible'>
           </td>
 
La mon image n'apparait pas et lorsque je clique sur l'espace vide rien ne s'affiche pourtant si je tente de faire l'inverse alors la ca marche je n'y comprend plus rien :
 
 <td>      
                 
<img id='image1' src='carte<?php echo $num1?>.jpg' width='170' height='130' style="visibility:visible"  onClick=document.image1.style.visibility='hidden'>
        </td>
 
Merci de votre aide !!

mood
Publicité
Posté le 24-10-2006 à 23:57:08  profilanswer
 

n°1464490
mIRROR
Chevreuillobolchévik
Posté le 25-10-2006 à 00:25:37  profilanswer
 

bah forcement ton image est invisible fous plutot ton onclick sur le td
sinon pas tres propre ton truc
essaie plutot document.getElementById('image1')


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
n°1464496
superhoho
Posté le 25-10-2006 à 00:33:32  profilanswer
 

als voila le nouveau code qui fonctionne mais que sur firefox  
 
<td onClick=document.image1.style.visibility='visible'>  
  <img id='image1' src='carte<?php echo $num1?>.jpg' width='170' height='130' style="visibility:hidden"  >
  </td>
 
Je voulais juste savoir si c t normal que cela ne fonctionne pas avec internet explorer merci !!

n°1464512
mIRROR
Chevreuillobolchévik
Posté le 25-10-2006 à 01:04:51  profilanswer
 

je te l ai dit remplace document.image1.style.blabla
par document.getElementById('image1').style.blabla


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
n°1464529
anapajari
s/travail/glanding on hfr/gs;
Posté le 25-10-2006 à 08:47:47  profilanswer
 

Dans ton head

Code :
  1. window.onload = function(e){
  2.   document.getElementById('TdImage1').onclick = function(e){
  3.     this.firstChild.style.visibility = this.firstChild.style.visibility=='hidden'?'visible':'hidden';
  4.   }
  5. }


Et ton code html:

Code :
  1. <td id="TdImage1">
  2.   <img id='image1' src='carte<?php echo $num1?>.jpg' width='170' height='130' style="visibility:hidden" />
  3. </td>

n°2107471
ryuichi_so​ra
Posté le 21-10-2011 à 10:34:11  profilanswer
 

bonjour je voudrais
 
le meme code mais avec position absolute top et left
 
merci parce que je n y arrive pas
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Rendre une image invisible -> visible

 

Sujets relatifs
[Résolu] Afficher une image 'aperçu' de la vidéorendre un lien inactif
lien fixe sur image aléatoirereroutage en image
formulaire en imageImage à la volée et GD
[résolu][C]Comment insérer une image dans un programme.[MFC][Résolu] Tab spécifiques (Comment rendre un bouton transparent)
Récupérer l'adresse de l'image générée par GDextraction des image d'une table
Plus de sujets relatifs à : Rendre une image invisible -> visible


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR