[SCRIPT] résolution d'écran

Version imprimable

01/06/2006, 13h48
gailup

[SCRIPT] résolution d'écran

Bonjour,

J'ai trouvé comment obtenir la résolution du client qui se connecte à mon site web.
peut-on ouvrir un fichier CSS avec javascript. (comme en HTML : <link ...>)

Mon but est de réglé les cadres (c du CSS) en fonction de la résolution des clients.

Merci.
01/06/2006, 13h51
SpaceFrog

ben suffit de modifier le src du link vers lequel pointe la balise link ... non?
ou alors mettre plusieurs balsies link et les disabler ...
c'est dans les propositions de code source si je ne m'abuse ...
01/06/2006, 14h57
gailup

quand je met dans la partie script javascript le <link mon fichier.css>
et bien mes cadres ne saffiche pas.-
01/06/2006, 15h00
SpaceFrog

boule de cristal ho boule de cristal dis moi qulle syntaxe notre joyeux forumeur utilise ... :roll:

Code:

1
2
3
4
 
<script language = "Javascript">
<link rel = "stylesheet" type="text/css" href="struct/frame.css">
</script>

heu non ça marche pas comme ça !!!

ta balise link doit être dans le head ...

Code:

1
2
3
4
5
6
7
8
<head>
<link rel="StyleSheet" type="text/css" href="index0.css" />
</head>
 
ensuite tu peux essayer de modifier le href da la balise avec
<script type='text/javascript'>
document.getElementsByTagName('link')[0].href="index1.css"
</script>

Voici mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<html>
  <head>
    <script type='text/javascript' labguage='Javascript'>
      hauteur = screen.height ;
      if(hauteur == 800){
        <link rel="stylesheet" type="text/css" href="struct/frame1.css">
      } else{
        <link rel="stylesheet" type="text/css" href="struct/frame1.css">
      }
  </script>
  </head>
  <body>
............. ma page ...........
  </body>
</html>

Est-ce que le code est bon ?
car mes cadres ne s'affiche pas.

Merci.

Gailup.

NON !!!

il faut que tu comprenne que

Code:

<link rel="stylesheet" type="text/css" href="struct/frame1.css">

n'est pas une instruction javascript mais une bals html !!! donc javascript y entrave queue couique !!!

à la limite :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <html> <head> <script type='text/javascript' labguage='Javascript'> hauteur = screen.height ; if(hauteur == 800){ document.write("\<link rel='stylesheet' type='text\/css' href='struct\/frame1.css' "> } else{ document.write("\<link rel='stylesheet' type='text\/css' href='struct\/frame1.css'"> } </script> </head> <body> ............. ma page ........... </body> </html>
de sorte que javascript écrive le code html ...

mais bon de l'utilité de mettre un test si c'est pour mettre le même fichier css ???

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<html>
  <head>
    <script type='text/javascript' labguage='Javascript'>
      hauteur = screen.height ;
      if(hauteur == 800){
        document.write("\<link rel='stylesheet' type='text\/css' href='struct\/frame1.css' ">
      } else{
        document.write("\<link rel='stylesheet' type='text\/css'                                         href='struct\/frame2.css'">
      }
  </script>
  </head>
  <body>
............. ma page ...........
  </body>
</html>

Mais ca n'ouvre pas mon fichier *.css

02/06/2006, 10h56
SpaceFrog

Code:

labguage='Javascript'>

ouvrir ??? qui parle d'ouvrir ???
02/06/2006, 11h20
gailup

Quand je parle d'ouvrir, c'est plutot chargé le fichier.css.

En fait :
Je voudrai calculer la résolution de l'écran du client qui se connecte à mon site. Puis en fonction de cette résolution inclure le fichier résolution1.css ou résolution2.css, etc

Si quelqu'un à un script à me donner, ca sera très très bien.

Merci.

Gailup.

Code:

1
2
3
4
5
6
7
8
9
    <script type='text/javascript' language='Javascript'>
		var hauteur = screen.height ;
      if(hauteur == 800){
	     document.getElementsByTagName('head')[0].appendChild(document.createTextNode("\<link rel='stylesheet' type='text\/css' href='struct\/frame1.css'\>"))
 
      } else{
     document.getElementsByTagName('head')[0].appendChild(document.createTextNode("\<link rel='stylesheet' type='text\/css' href='struct\/frame2.css'\>"))
      }
  </script>

02/06/2006, 11h38
gailup

Merci pour ton code.

Mais malheuresement mes cadres ne s'affichent pas pourtant j'ai bien mis ton code entre les balise <head> et </head>

Donc je ne comprend pas !

ben à priori il ne veut pas retourner chercher les fichiers ...
alors on va contourner le problème ...
solutin que j'avais d'aillerus déja proposée ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<HTML>
<HEAD>
<link rel='stylesheet' type='text/css' href='frame1.css' disabled />
<link rel='stylesheet' type='text/css' href='frame2.css' disabled/>
  <script type='text/javascript' language='Javascript'>
		var hauteur = screen.height ;
      if(hauteur == 800){
	     document.getElementsByTagName('link')[0].disabled=false
 
      } else{
	     document.getElementsByTagName('link')[1].disabled=false
      }
  </script> 
 
 
  </head>
  <body>
............. ma page ...........
  </body>
</html>

Merci, ca marche !

Donc si je veux le faire par exemple avec 4 cas, je fait :

Code:

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
 
<HTML>
<HEAD>
<link rel='stylesheet' type='text/css' href='frame1.css' disabled />
<link rel='stylesheet' type='text/css' href='frame2.css' disabled/>
  <script type='text/javascript' language='Javascript'>
		var hauteur = screen.height ;
      switch(hauteur){
case 800 :  document.getElementsByTagName('link')[1].disabled=false
                document.getElementsByTagName('link')[2].disabled=false
                .....
                break ;
case 600 :  document.getElementsByTagName('link')[0].disabled=false
                document.getElementsByTagName('link')[2].disabled=false
                .....
                break ; 
....
default : document ....
}
  </script> 
  </head>
  <body>
............. ma page ...........
  </body>
</html>

Merci.

Et il n'y a pas d'autre solution pour ce genre de truc ?

Merci.

Gailup.

02/06/2006, 13h29
SpaceFrog

je vois pas trop les cas là... et en plus tu n'as pas de link 2 ...

je crois que javatwister nous avait concocté une autre solution dasn les propositions de code source ...
07/06/2006, 09h39
gailup

OK

ca fonctionne.

Merci.