Discussion :

[Ramajb]

Bonjour,

Comment fait-on pour positionner une image en fonction de la taille de la fenêtre. Quand l'utilisateur redimensionne la fenêtre du navigateur de droite vers la gauche, l'image se met en déplacement automatiquement.
Est qu'on peut faire ça en javascript?

Merci

[Bovino]

Code :

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

1
2
3
window.onresize = function(){
    // Ton code
}

[andry.aime]

Bonsoir,

Pour le mettre dans une position précise ou selon la dimension de la fenêtre, regarde aussi "style.top" , "style.left" et window.innerHeight/Width.

Code :

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

1
2
3
4
window.onresize = function(){
    // Ton code
document.getElementById("idImage").style.top=(window.innerHeight - 120)+"px";
}

[andry.aime]

Euh, pour IE utilise document.documentElement.clientWidth/Height;

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
window.onresize = function(){
    // Ton code
var largeur=0;
var hauteur=0;
if(document.all){
  largeur= document.documentElement.clientWidth;
  hauteur = document.documentElement.clientHeight;
}else{
  largeur= window.innerWidth;
  hauteur = window.innerHeight ;
}
document.getElementById("idImage").style.top=(hauteur - 120)+"px";
document.getElementById("idImage").style.left=(largeur - 80)+"px";
}

A+.

[Bovino]

Euh, pour IE utilise document.documentElement.clientWidth/Height;

Ca dépend

Code :

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

var hauteur = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

[andry.aime]

Ca dépend

Code :

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

... document.body.clientHeight;

C'est pour quel navigateur?