Faire apparaitre un div

Question

Bonjour, je suis actuellement en train de faire mon site et je veux faire une petite zone pour afficher le contrat a l'inscription, ce contrat je l'ai placé dans un div, au debut j'ai défini dans la feuille de style que le div etait invisible et je veux que le lancement de ma fonction en javascript fasse afficher ce div; j'ai beau essayer de m'aider sur les codes déja exisant a ce sujet rien ne marche, si vous pouviez m'aiguiller sa serrait sympa, voici une partie du contenu de la page html En cochant cette case j'accepte les [# conditions d'inscription au site] dans leur intégralité. blablabla et le style.css .divinfo { border: #afd3eb 1px solid; background-color: #efefef; visibility: hidden; } Merci d'avance.

PetoleTeam · Answer

B

onjour...

pour afficher un 
 avec ID

var Obj = document.getElementById( 'Nom_DIV'); // Récup Objet correspondant
  if( Obj){
    Obj.style.visibility = "visible"; // si déclarer par hidden
    ou...


    Obj.style.display ="block";   // si déclarer dans style par display:none



  }




pour plus d'info à voir



;0)

shadow1779 · Answer

j'ai pas d'erreur dans la page par contre il affiche pas le div, mais c'est ptetre aussi parce que ma feuille de style est pas dans la page index mais que je fais <link href="style.css" rel="stylesheet" type="text/css" /> pour l'importer

:s comment je pex faire

PetoleTeam · Answer

Il faut insérer dans la fonction le code d'affichage...
//-----------------
function inscript( ){
  var Obj = document.getElementById( 'contrat');
  if( Obj)
    Obj.style.visibility = "visible";
...le reste du code...
}

et l'appel
En cochant cette case j'accepte les
[# conditions d'inscription au site] dans leur intégralité.



;0)

shadow1779 · Answer

merci ca marche convenablement, cependant une derniere question d'ordre graphique, lorsque je met mon div comme ci dessous il est bien invisible par defaut (normal la visibility est en hidden dans le style.css) cependant l'espace du div est pris en compte, ce qui veux dire que le bouton submit est vraiment très bas vu qu'il garde l'espace pour le div, moi je voudrai qu'on ne voit pas cet espace mais que le div se mette entre le dernier champ et le submit...

contrat

Merci d'avance

PetoleTeam · Answer

Il faut faire le distingo entre






var Obj =  document.getElementById( 'Nom_DIV');





Obj.style. visibility   = "hidden";
et...



Obj.style.display = "none";





 visibility="hidden" 

  n'affiche pas à l'écran mais réserve la place dans le document...





visibility ="visible"





  affiche à l'écran la ou il est prévu dans le document...







display= "none"

  n'affiche pas à l'écran et n'écrit pas dans le document...




display="block" ou ""

  Insére dans le document et affiche à l'écran...

 Attention : 
si le style est déclarer comme suit dans <STYLE>
#Div_Invisible{
  display:none;
}

il faut appliquer 

display ="block" pour l'afficher...





J'espère avoir été clair 



;0)

Faire apparaitre un div

5 réponses

Votre réponse

Discussions similaires