Logo GNT
Actualités Tests & Guides Bons Plans
GTA 6 iPhone 17 Copilot Switch 2 Temu ChatGPT Tesla
OVH Cloud OVH Cloud
Entraide Développement Développement Langage JavaScript centrer des layers

centrer des layers

2 réponses
Avatar
Séverine Donnay
Bonjour,

J'utilise un script javacript qui permet de faire défiler le contenu d'un
calque à l'aide de scrolls. Le script fonctionne très bien mais j'aimerai
pouvoir centrer mes calques et non les caller à gauche. Pour ça j'utilise
screen.width qui me donne la largeur de la résolution de l'écran. Le pb
c'est qu'il s'agit de la résolution de l'écran et non la taille du
navigateur. Donc si la fenêtre de l'internaute n'est pas ouverte à 100%, ou
si l'internaute ouvre la fenêtre des favoris à gauche dans son navigateur,
mes calques sont complétement décallées. Ya il une solution pour centrer les
calques ou une variable qui donne la taille du browser du client ?

Merci d'avance.

SD
Signaler un problème avec ce contenu

2 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
YD
Séverine Donnay wrote:

Ya il une solution pour centrer les
calques ou une variable qui donne la taille du browser du client ?


Il me semble que document.body.offsetWidth indique ce que tu cherches
dans nombre de navigateurs.

--
Y.D.

Avatar
Stéphane
"Séverine Donnay" à chatouiller son clavier:
Bonjour,
Salut,


J'utilise un script javacript qui permet de faire défiler le contenu d'un
calque à l'aide de scrolls. Le script fonctionne très bien mais j'aimerai
pouvoir centrer mes calques et non les caller à gauche. Pour ça j'utilise
screen.width qui me donne la largeur de la résolution de l'écran. Le pb
c'est qu'il s'agit de la résolution de l'écran et non la taille du
navigateur. Donc si la fenêtre de l'internaute n'est pas ouverte à 100%, ou
si l'internaute ouvre la fenêtre des favoris à gauche dans son navigateur,
mes calques sont complétement décallées. Ya il une solution pour centrer les
calques ou une variable qui donne la taille du browser du client ?


Oui peut être.
Il y a un certain temps, j'avais trouvé un script qui pouvais centrer des calques statiques. Peut être que tu peux
l'adapter au tien.

<SCRIPT>
function Is() {
var agent = navigator.userAgent.toLowerCase();
this.major = parseInt(navigator.appVersion);
this.minor = parseFloat(navigator.appVersion);
this.ns = ((agent.indexOf('mozilla') != -1) &&
(agent.indexOf('spoofer') == -1) &&
(agent.indexOf('compatible') == -1) &&
(agent.indexOf('opera') == -1) &&
(agent.indexOf('webtv') == -1));
this.ns4 = (this.ns && (this.major == 4));
this.ns6 = (this.ns && (this.major >= 5));
this.ie = (agent.indexOf("msie") != -1);
this.ie3 = (this.ie && (this.major < 4));
this.ie4 = (this.ie && (this.major >= 4));
this.ie5 = (this.ie && (this.major == 4) &&
(agent.indexOf("msie 5.0") != -1));
this.ieX = (this.ie && !this.ie3 && !this.ie4);
}
var is = new Is();

function layerObject(id,left,top) {
if (is.ie5||is.ns6){
this.obj = document.getElementById(id).style;
this.obj.left = left;
this.obj.top = top;
return this.obj;
} else if(is.ie4) {
this.obj = document.all[id].style;
this.obj.left = left;
this.obj.top = top;
return this.obj;
} else if(is.ns4) {
this.obj = document.layers[id];
this.obj.left = left;
this.obj.top = top;
return this.obj;
}
}

function layerSetup() {
centerLyr = new layerObject('lapassade', available_width/2-100,available_height/2-12);
centerLyr = new layerObject('boudry', available_width/2-100,available_height/2+50);
centerLyr = new layerObject('amis', available_width/2-200,available_height/2-50);
centerLyr = new layerObject('mardi', available_width/2+0,available_height/2+80);
centerLyr = new layerObject('jeudi', available_width/2+0,available_height/2-80);
centerLyr = new layerObject('compatible', available_width/2-200,available_height/2-200);

}

</SCRIPT>

<STYLE type=text/css>
.main {
COLOR: #fbeed5; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; FONT-SIZE: 18px; TEXT-DECORATION: none;

}
.calque{
HEIGHT: 24px; WIDTH: 300px; POSITION: absolute; VISIBILITY: visible;
}
</STYLE>

</HEAD>
<BODY bgColor=#999999 leftMargin=0
onload="
if(is.ns4 ||is.ns6) {
available_width=innerWidth;
available_height=innerHeight;
layerSetup();
} else if(is.ie4 || is.ie5) {
available_width=document.body.clientWidth;
available_height=document.body.clientHeight;
layerSetup();
}"
onresize="
if(is.ns4 ||is.ns6||is.ie4||is.ie5) {
history.go(0);
}"
scroll=no topMargin=0 marginheight="0" marginwidth="0">


<DIV id="compatible" class="calque"><SPAN class="main">Compatible avec Netscape 4.7, Mozilla 1.4 et Internet Explorer
6.0</SPAN></DIV>
<DIV id="lapassade" class="calque"><SPAN class="main">La passade.ch</SPAN></DIV>

<DIV id="boudry" class="calque"><SPAN class="main">Boudry</SPAN></DIV>

<DIV id="amis" class="calque"><SPAN class="main">Compagnie des amis de la scènes</SPAN></DIV>

<DIV id="mardi" class="calque"><SPAN class="main">Mardi Forum</SPAN></DIV>

<DIV id="jeudi" class="calque"><SPAN class="main">Jeudi-Musique</SPAN></DIV>


Bonne chance et donne-nous le feed back.

--
Stéphane
La souplesse d'esprit permet de s'adapter dans toutes circonstances.

http://www.velo-passion.com pour les fans de vélo
http://www.lorimier.com/chemin-des-cretes-du-jura une ballade à pied d'une semaine à 2
http://www.baby-boum.ch l'enfant n'est-il pas l'avenir de l'homme?