[SCRIPT] résolution d'écran

**gailup** · 01/06/2006, 13h48

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.

**SpaceFrog** · 01/06/2006, 13h51

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 ...

**gailup** · 01/06/2006, 14h57

quand je met dans la partie script javascript le <link mon fichier.css>
et bien mes cadres ne saffiche pas.-

**SpaceFrog** · 01/06/2006, 15h00

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

**gailup** · 01/06/2006, 15h20

Code :

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

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

**SpaceFrog** · 01/06/2006, 15h27

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

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

Code :

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

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>

**gailup** · 02/06/2006, 09h19

Voici mon code :

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
 
<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.

**SpaceFrog** · 02/06/2006, 09h39

NON !!!

il faut que tu comprenne que

Code :

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

 <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 :

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

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 ???

**gailup** · 02/06/2006, 10h20

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
 
<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

**SpaceFrog** · 02/06/2006, 10h56

Code :

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

labguage='Javascript'>

ouvrir ??? qui parle d'ouvrir ???

**gailup** · 02/06/2006, 11h20

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.

**SpaceFrog** · 02/06/2006, 11h27

Code :

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

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>

**gailup** · 02/06/2006, 11h38

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 !

**SpaceFrog** · 02/06/2006, 11h51

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 :

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
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>

**gailup** · 02/06/2006, 13h17

Merci, ca marche !

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

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
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.

**SpaceFrog** · 02/06/2006, 13h29

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 ...

**gailup** · 07/06/2006, 09h39

OK

ca fonctionne.

Merci.

[SCRIPT] résolution d'écran

JavaScript

Discussions similaires

Partager

Partager