Discussion :

[lepassionne]

Bonjour a tous, je commence a m'arracher un peu les cheveux

J'éssaie de changer de css selon la taille de la fenetre du navigateur.

Je procede ainsi, je comprend pas le pb:

Code :

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
<script type="text/javascript" >
 
 function getBrowserWidth(){
if (window.innerWidth){
return window.innerWidth;}
else if (document.documentElement && document.documentElement.clientWidth != 0){
return document.documentElement.clientWidth; }
else if (document.body){return document.body.clientWidth;}
return 0;
}
{
var browserWidth = getBrowserWidth();
 
if (browserWidth <= 805){
 
document.write('<link rel=stylesheet type="text/css" href="templates/yoo_symphony/css/exemple1.css">');
}
 
</SCRIPT>

Je met ce code entre head et head .

Si quelqu'un veut bien se pencher sur mon pb ce serait super aimable,

jessica

[SpaceFrog]

document.write

mets plutot ta balise link en dur sur la page

Code :

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

<link rel=stylesheet type="text/css" href="templates/yoo_symphony/css/exemple1.css">

et modifie son src àprès avoir sniffé le browser ...

Code :

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

document.getElementsByTagNmae('link')[ ??].src

ou en lui ayant collé un id

Code :

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

document.getElementById('mylink').src

[andry.aime]

Bonjour,

et modifie son src àprès avoir sniffé le browser ...

C'est l'attribut href plutôt.

Code :

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

document.getElementsByTagNmae('link')[ ??].href

[SpaceFrog]

arf merci fillot src href rel , je m'emmêle !

[Bovino]

Au-delà de tout ça, évite aussi de rechercher des propriétés d'objets avant qu'ils n'existent

Code :

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

1
2
3
4
5
6
7
8
9
10
function getBrowserWidth(){
if (window.innerWidth){
return window.innerWidth;}
else if (document.documentElement && document.documentElement.clientWidth != 0){
return document.documentElement.clientWidth; }
else if (document.body){return document.body.clientWidth;}
return 0;
}
{
var browserWidth = getBrowserWidth();

Dans ce code, les propriétés de window, document et body entre autre ne sont accessibles que quand la page a fini de se charger !
Ce qui rend d'autant plus pertinente la solution de Spaffy !