(newb' inside) cacher une div ?

cacher une div ? (newb' inside) - HTML/CSS - Programmation

Marsh Posté le 12-12-2003 à 11:13:55    

je pensait faire un truc du style :

Code :
  1. document.all.maDiv.visible = false


 
mais j'ai dû oublier un truc...
 
et, une fois que ça marchera, comment récupérer la valeur de l'attribut pour la comparer ?
simplement avec

Code :
  1. document.all.maDiv.visible == false

?


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 12-12-2003 à 11:13:55   

Reply

Marsh Posté le 12-12-2003 à 11:16:19    

c'est l'attribut css display: none

Reply

Marsh Posté le 12-12-2003 à 11:18:22    

gizmo a écrit :

c'est l'attribut css display: none


 
désolé de faire mon lourd, mais comment je le récupère/modifie ?


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 12-12-2003 à 11:18:46    

gizmo a écrit :

c'est l'attribut css display: none


ca c'est pour ne pas l'afficher
 
pour le cacher
 

document.all.maDiv.visible = 'hidden';


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 12-12-2003 à 11:20:39    

simogeo a écrit :


ca c'est pour ne pas l'afficher
 
pour le cacher
 

document.all.maDiv.visible = 'hidden';




 
j'ai raté quoi là ?

Code :
  1. onChange="document.all.place1.visible = 'hidden'"


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 12-12-2003 à 11:29:54    

Brisssou a écrit :


 
j'ai raté quoi là ?

Code :
  1. onChange="document.all.place1.visible = 'hidden'"




autant pour moi  
 
c'est visisbility et non pas visible


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 12-12-2003 à 11:31:01    

ça non plus ça marche pas...

Code :
  1. onChange="javascript:document.all.place1.visible = 'hidden'"


 
je me demande si je me mélange pas un peu les pinceaux entre les html et javascript...


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 12-12-2003 à 11:32:31    

document.getElementById("place1" ).style.display = "none";
 
ou  
 
document.getElementById("place1" ).style.visibility = "hidden";
 
EDIT: j'avais oublié le .style.


Message édité par fastclemmy le 12-12-2003 à 11:49:02
Reply

Marsh Posté le 12-12-2003 à 11:38:04    

je plussoie fast :o


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 12-12-2003 à 11:44:04    

je suis désolé de revenir, mais je ratte un truc là :

Code :
  1. <tr>
  2.     <td align="center" colspan="2">
  4.     <form name="typereq">
  5.    <input type="checkbox" id="cbPlace1" onChange="javascript:document.getElementById('place1').display = 'none'">Emplacement
  6.       </form>
  8. </td>
  9.   </tr>
  10.   <tr>
  11.     <td colspan="2">
  12.   <div id="place1">
  13.     <form name="chPlace1">
  14.    <select name="lstPlace1">
  15.     <option value="etg1">&eacute;tag&egrave;re1
  16.   <option value="etg2">&eacute;tag&egrave;re2
  17.   <option value="etg3">&eacute;tag&egrave;re3
  18.   <option value="etg4">&eacute;tag&egrave;re4
  19.    </select>
  20.  </form>
  21.   </div>
  22. </td>
  23.   </tr>


...
ma div reste toujours là...


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 12-12-2003 à 11:44:04   

Reply

Marsh Posté le 12-12-2003 à 11:48:10    

document.getElementById('place1').style.visibility='hidden';


---------------
Savoir c'est vivre, et maintenir dans l'ignorance c'est presque un homicide
Reply

Marsh Posté le 12-12-2003 à 11:48:11    

<input type="checkbox" id="cbPlace1" onClick="document.getElementById('place1').style.visibility = 'hidden'">Emplacement  

Reply

Marsh Posté le 12-12-2003 à 11:48:23    

grilled :)

Reply

Marsh Posté le 12-12-2003 à 11:48:43    

je viends de comprendre que c'est du css tout ça...
on avance..


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 12-12-2003 à 11:49:01    

mais chez moi onChange ne marche pas ...

Reply

Marsh Posté le 12-12-2003 à 11:50:46    

YESS !!! Merci à tous !!!
ça marche !!!
 
mais le truc étrange, c'est qu'il faut que je click ailleurs dans la page (sur du vide) pour que la div disparraisse ...


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 12-12-2003 à 11:51:27    

ok, onClick fonctionne mieux


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 12-12-2003 à 11:52:26    

une dernière pour la route :
 
on peut récupérer la valeur de l'attribut 'visibility' de la div ?


Message édité par brisssou le 12-12-2003 à 11:52:53

---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 12-12-2003 à 11:56:07    

<input type='button' onclick='alert("mon div est " + document.getElementById("place1" ).style.visibility)'>
 
avant de cliquer sur ton checkbox la valeur sera vide car on n'a rien défini dans le div au chargement de la page.

Reply

Marsh Posté le 12-12-2003 à 11:56:11    

ok ça marche, trop bieng !
 
merci à tout le monde !!!!


Message édité par brisssou le 12-12-2003 à 11:56:38

---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 12-12-2003 à 11:57:34    

Cadeau :  
 
<script>
function gererVis(myObject){
if (myObject.checked){
 document.getElementById('place1').style.visibility = 'hidden';
}else{
 document.getElementById('place1').style.visibility = 'visible';
}
}
</script>
<tr>
    <td align="center" colspan="2">
 
     <form name="typereq">
    <input type="checkbox" id="cbPlace1" onClick="gererVis(this)">Emplacement  
      </form>
 
 </td>
  </tr>
  <tr>
    <td colspan="2">
   <div id="place1">
     <form name="chPlace1">
    <select name="lstPlace1">
     <option value="etg1">&eacute;tag&egrave;re1
   <option value="etg2">&eacute;tag&egrave;re2
   <option value="etg3">&eacute;tag&egrave;re3
   <option value="etg4">&eacute;tag&egrave;re4
    </select>
  </form>
   </div>
 </td>
  </tr>
 
<input type='button' onclick='alert("mon div est " + document.getElementById("place1" ).style.visibility)'>

Reply

Marsh Posté le 12-12-2003 à 12:06:28    

fastclemmy a écrit :

document.getElementById("place1" ).style.display = "none";
 
ou  
 
document.getElementById("place1" ).style.visibility = "hidden";
 
EDIT: j'avais oublié le .style.


 
Je plussoie vigoureusement. document.all, c'est le mal  :D  :jap:

Reply

Marsh Posté le 12-12-2003 à 12:50:06    

bibendum a écrit :

Cadeau :  
 
(...)


 
merci tout plein !!


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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