IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

fonction qui ne marche pas


Sujet :

JavaScript

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Février 2006
    Messages
    13
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2006
    Messages : 13
    Par défaut fonction qui ne marche pas
    Bonjour je cherche a ce que mon site soit adapté quelques soit la resolution de l'utilisateur.
    J'utilise javascript pour tester la resolution de l'utilisateur et selon celle ci une image de fond s'ouvre ainsi qu'une feuille de style adapté.
    J'ai donc ce 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
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
     
    <HTML>
    <HEAD>
    <link rel="stylesheet" media="screen" type="text/css" title="Design" href="style1024.css" />
    <link rel="alternate stylesheet" media="screen" type="text/css" title="800" href="style22.css" />
    <link rel="alternate stylesheet" media="screen" type="text/css" title="1024" href="style1024.css" />
    <link rel="alternate stylesheet" media="screen" type="text/css" title="1280" href="style1280.css" />
     
    <script language="Javascript">
    function setActiveStyleSheet(title) {
      var i, a, main;
      for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
        if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
          a.disabled = true;
          if(a.getAttribute("title") == title) a.disabled = false;
        }
      }
    }
    function backg()
    {
    		alert(screen.width);
    		if (screen.width == 800)
    		document.body.background="800.jpg";
    		setActiveStyleSheet('800');
    		else if (screen.width == 1024)
    		document.body.background="1024.jpg";
    		setActiveStyleSheet('1024');
    		else if (screen.width == 1280)
    		document.body.background="1280.jpg";
    		setActiveStyleSheet('1280');
    		else 
    		document.body.background="1024.jpg";
    		setActiveStyleSheet('1280');
    }
    </script>
    </HEAD>
    <BODY onload="backg()" background="imageparDefaut.jpg">
    bla bla bla la page
    </BODY>
    </html>

    je ne rentre pas dans la fonction : le message alert(screen.width) ne fonctionne pas. Pouriez vous m'aidez ?

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    Février 2006
    Messages
    13
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2006
    Messages : 13
    Par défaut
    Oh merci beaucoup mais quand je l'effectue j'obtient toujours rien : la console d'erreur ne me met plus 2 erreurs mais plus qu'une seul :
    Erreur : backg is not defined
    Mon site est hebergé chez Free ,cela me parait bizard mais es ce qu'il y aurais une inscidence sur la chose?

    Edit Eureka CA MARCHE . Merci beaucoup

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Avril 2003
    Messages
    41
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2003
    Messages : 41
    Par défaut
    Ce code fct chez moi.
    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
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
     
    <HTML>
    <HEAD>
    <link rel="stylesheet" media="screen" type="text/css" title="Design" href="style1024.css" />
    <link rel="alternate stylesheet" media="screen" type="text/css" title="800" href="style22.css" />
    <link rel="alternate stylesheet" media="screen" type="text/css" title="1024" href="style1024.css" />
    <link rel="alternate stylesheet" media="screen" type="text/css" title="1280" href="style1280.css" />
     
    <script language="Javascript">
    function setActiveStyleSheet(title) {
      var i, a, main;
      for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
        if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
          a.disabled = true;
          if(a.getAttribute("title") == title) a.disabled = false;
        }
      }
    }
     
    function backg() {
    		alert(screen.width);
    		if (screen.width == 800) {
          document.body.background="800.jpg";
          setActiveStyleSheet('800');
    		} else if (screen.width == 1024) {
          document.body.background="1024.jpg";
          setActiveStyleSheet('1024');
    		} else if (screen.width == 1280) {
          document.body.background="1280.jpg";
          setActiveStyleSheet('1280');
    		} else {
          document.body.background="1024.jpg";
          setActiveStyleSheet('1280');
    		}
    }
    </script>
    </HEAD>
    <BODY onload="backg()" background="imageparDefaut.jpg">
    bla bla bla la page
    </BODY>
    </html>

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Février 2006
    Messages
    13
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2006
    Messages : 13
    Par défaut
    Par contre sous IE ca marche pas
    Edit pour en dessous moi en 5.5 ca marche pas !

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Avril 2003
    Messages
    41
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2003
    Messages : 41
    Par défaut
    sisi ca marche aussi sous IE 6

Discussions similaires

  1. [AC-2007] fonction qui ne marche pas
    Par louroulou dans le forum VBA Access
    Réponses: 2
    Dernier message: 23/08/2009, 10h22
  2. appel de fonction qui ne marche pas : syntaxe?
    Par adoptioninternationa dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 01/07/2008, 11h07
  3. Fonction qui ne marche pas
    Par Sevenrou dans le forum Langage
    Réponses: 1
    Dernier message: 10/01/2008, 02h52
  4. Fonction qui ne marche pas
    Par GTJuanpablo dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 14/07/2007, 18h41
  5. Fonction qui ne marche pas sous FireFox
    Par Foudébois dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 17/11/2006, 14h35

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo