Sujet : Affichage d'un calque avec Show

Bonjour,
Il y a un truc que je ne comprend pas. J'ai défini un calque avec un id "divcalque".
J'arrive bien à changer la taille par height(x) et width(x) mais il ne veut pas faire apparaitre le calque. J'ai essayé aussi avec css visibility.

Voici le code :
<script type="text/javascript">
$(document).ready(function() {
    $("#divfiche").hide();
  $(".voirdetails").click(function(){
      num=this.id.replace("lien","");
      alert(num);
      $("#divfiche").height(700);
      $("#divfiche").width(500);
      $("#divfiche").css("visibility","visible");
     // $("#divfiche").show();
      
  });
});</script>

Coté HTML :
<div id="divfiche"></div>

Coté head :
<style type="text/css" media="screen">
div#divfiche {  position: fixed;     background-color: #FF0000;  z-index:9 }
</style>

Merci d'avance

2 Dernière modification par blaiseleroy (22-07-2015 23:39:23)

Re : Affichage d'un calque avec Show

Salut,

Je suis nul en JS mais logiquement ton code

<script type="text/javascript">
$(document).ready(function() {
$("#divfiche").hide();
$(".voirdetails").click(function(){     
$("#divfiche").show();     
});
});
</script>

devrait fonctionner...
Enfin si tu as bien le bouton div class="voirdetails" qui va avec....

Sinon,autant mettre les dimensions, etc,  avec le reste du css pour faire plus clair (appliquer autant que possible la séparation stricte html/css/javascript).

Quant à l'alert je ne sais quoi le pbm vient ptetr de là, je ne sais pas ce que c'est là comme ça...