Discussion :

[Zebulon777]

Bonjour tout le monde,

A l'ouverture de mon appli, le cartouche Cartes est fermé et il suffit donc de cliquer sur le bandeau pour l'ouvrir.
Mais je voudrai en modifier la hauteur.
J'ai essayé :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
	document.getElementsByClassName("gpGroupDivClass")[0].style.display = 'none'; // none = ferme le cartouche couches
 
	var WCartoucheCouche = document.getElementsByClassName("gpControlLayerSwitcher")[0];
	WCartoucheCouche.style.width = "190px"; 
	WCartoucheCouche.style.height = "300px";

Mais ça ne fonctionne pas : à la place, j'ai une trace blanche et lorsque je clique sur le bandeau, le cartouche ne prend pas toute la place que je lui demande.

Merci d'avance pour votre aide.

[Zebulon777]

Hop, j'ai fini par trouvé en modifiant ma recherche sur le site.

Pour que ça aide, j'ai juste modifié le style de la DIV où s'affiche la carte :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
<STYLE type="text/css">
<!--/*--><![CDATA[/*><!--*/
    div#DivCarte {
		width:100%;
		height:650px;
        background-color:white;
		background-image: url(http://api.ign.fr/geoportail/api/js/latest/theme/geoportal/img/loading.gif);
        background-position:center center;
        background-repeat:no-repeat;
    }
 
/* Hauteur maxi des onglets avant barre de défilement */
.gpGroupDivClass {
  position:relative;
  font-size:100%;
  margin:2px 0px 0px 0px;
  width:100%;
  max-height:350px;
  height:expression(this.scrollHeight > 350 ? "350px" : "auto");/* IE */
  overflow:auto;
}    
	/*Permet de définir la largeur du gestionnaire de couche ici à 250px*/
/*    .gpControlLayerSwitcher
    {
      width:225px;
    }*/
    /*]]>*/-->
</STYLE>