Rendre une image invisible -> visible

Rendre une image invisible -> visible - HTML/CSS - Programmation

Marsh Posté le 24-10-2006 à 23:57:08    

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 !!

Reply

Marsh Posté le 24-10-2006 à 23:57:08   

Reply

Marsh Posté le 25-10-2006 à 00:25:37    

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
Reply

Marsh Posté le 25-10-2006 à 00:33:32    

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 !!

Reply

Marsh Posté le 25-10-2006 à 01:04:51    

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
Reply

Marsh Posté le 25-10-2006 à 08:47:47    

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>

Reply

Marsh Posté le 21-10-2011 à 10:34:11    

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

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed