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?