Fond d'ecran mensuel automatique et en fonction du navigateur

**dpechou** · 02/06/2010, 17h45

Bonjour à tous,

je cherche un script complexe pour moi, mais pas pour vous je pense:
- je veux pouvoir changer automatiquement le background mensuellement, par exemple back01.jpg, back02.jpg etc.
- mais je veux aussi pouvoir afficher back01.jpg si c'est le navigateur mozilla, mais back01ie.jpg si c'est IE.

Voilà, j'ai plus le problème du robinet qui goute, mais celui du background qui change et qui varie selon le navigateur du visteur.
Merci d'avance,
Daivd

**SpaceFrog** · 02/06/2010, 18h09

tu n'as pas accès à un langage serveur ? ce serrait plus simple

sinon il suffit juste de recuperer le mois encours avec

Code :

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

new Date().getFUllMonth()

pour concatner le nom du fichier image

puis sniffer le browser ... pour rajouter ie si le navigateur detecté est IE ...

ou utiliser les commentaires conditionnels ...
il y 'a plein d'exemples sur le forum ...

**dpechou** · 02/06/2010, 20h36

Merci, mais je suis pas très calé peux tu développer?
Merci d'avance
David

**dpechou** · 03/06/2010, 11h33

Peut être dois-je utiliser un htaccess?

**SpaceFrog** · 03/06/2010, 12h12

htaccess ??? pourquoi faire

Code :

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

1
2
3
4
5
6
7
String.prototype.string=function(car){
 return ((car>0) && (tab=new Array(car+1).join(this)))?tab:'';
}
function NumFormat1(nombre, zeros) {
   return '0'.string(zeros-nombre.toString().length)+new String(nombre);}
 
var fond="back"+NumFormat1(new Date().getMonth(),2)+((document.all)?'ie':'')+'.jpg'

**dpechou** · 03/06/2010, 13h12

Donc si j'ai bien tout compris, vu que mes images sont dans le fichier images/background, la structure du code sera:

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

String.prototype.string=function(car){
 return ((car>0) && (tab=new Array(car+1).join(this)))?tab:'';
}
function NumFormat1(nombre, zeros) {
   return '0'.string(zeros-nombre.toString().length)+new String(nombre);}
 
var fond="back"+NumFormat1(new Date().getMonth(),2)+((document.all)?'ie':'')+'.jpg'

<head>
<title></title>
</head>

<body background="images/background/fond">

</body>

</html>

Je suis une bille, je précise lol
Encore merci beaucoup pour ton aide.
David

**devyan** · 03/06/2010, 13h19

Bonjour,

Si le fond doit être différent uniquement en fonction de IE ou pas alors il y a le commentaire conditionnel :

Code :

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

1
2
3
4
5
6
7
 
<!--[if IE]>
ICI le contenu html spécifique pour IE
<![endif]-->
<!--[if !IE]>
ICI le contenu html spécifique pour les autres navigateurs
<![endif]-->

Y.

**dpechou** · 03/06/2010, 13h29

Bonjour,

en effet, c'est le code que j'ai pour un fond spécifique à chaque navigateur, celà ne me permet pas de changer de fond chaque mois et en fonction du navigateur.

Merci,

David

**SpaceFrog** · 03/06/2010, 14h23

étant dans le forum javascript voici une solution js

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
<html>
 
String.prototype.string=function(car){
 return ((car>0) && (tab=new Array(car+1).join(this)))?tab:'';
}
function NumFormat1(nombre, zeros) {
   return '0'.string(zeros-nombre.toString().length)+new String(nombre);}
 
var fond="back"+NumFormat1(new Date().getMonth(),2)+((document.all)?'ie':'')+'.jpg'
 
<head>
<title></title>
</head>
 
<body background="document.body.style.backgroundImage='url(images/background/'+fond)">
 
</body>
 
</html>

sinon avec les commentaires conditionnels il suffit de mettre un style css dans chacun des commentaires

**dpechou** · 03/06/2010, 15h01

Merci Spacefrog,

j'ai donc appliqué le code suivant en ajoutant les lignes en rouge, mais celà ne fonctionne pas, peut-être un erreur c'est glissée dans le 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
<html>
<script language="JavaScript">
String.prototype.string=function(car){
 return ((car>0) && (tab=new Array(car+1).join(this)))?tab:'';
}
function NumFormat1(nombre, zeros) {
   return '0'.string(zeros-nombre.toString().length)+new String(nombre);}
 
var fond="back"+NumFormat1(new Date().getMonth(),2)+((document.all)?'ie':'')+'.jpg'
</script>
<head>
<title></title>
</head>
 
<body background="document.body.style.backgroundImage='url(images/background/'+fond)">
 
</body>

Merci pour ton dévouement,

David

**SpaceFrog** · 03/06/2010, 15h42

Tu as trouvé le bouton I pour l'italique ...

si tu vas un poil plus a droite ... en bout de ligne des bouton ... tu trouveras le bouton # => 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
<html>
<script type="text/javascript">
String.prototype.string=function(car){
 return ((car>0) && (tab=new Array(car+1).join(this)))?tab:'';
}
function NumFormat1(nombre, zeros) {
   return '0'.string(zeros-nombre.toString().length)+new String(nombre);}
 
var fond="back"+NumFormat1(new Date().getMonth(),2)+((document.all)?'ie':'')+'.jpg'
</script>
<head>
<title></title>
</head>
 
<body onload="document.body.stytl.backgroundImage='url(images/background/'+fond+')'">
 
</body>

**dpechou** · 03/06/2010, 15h53

Spacefrog, tu es le meilleur, ca marche. Désolé pour la cellule de code, je ne suis pas un habitué des forums. Par contre un tout petit détail avant de coché résolu, l'image affichée pour ce mois ci est mai, comment augmenter d'un mois?
Un trés grand merci
David

**SpaceFrog** · 03/06/2010, 16h17

il le fera tout seul le moment venu ..;
teste en modifiant ton horloge windows ?

**dpechou** · 03/06/2010, 16h20

Même si on est le 3 juin?

**dpechou** · 03/06/2010, 16h22

Je n'y comprends plus rien ça marche plus... ça marche une fois puis plus rien...

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
<html>
<script type="text/javascript">
String.prototype.string=function(car){
 return ((car>0) && (tab=new Array(car+1).join(this)))?tab:'';
}
function NumFormat1(nombre, zeros) {
   return '0'.string(zeros-nombre.toString().length)+new String(nombre);}
 
var fond="back"+NumFormat1(new Date().getMonth(),2)+((document.all)?'ie':'')+'.jpg'
</script>
<head>
<title></title>
</head>
 
<body onload="document.body.style.backgroundImage='url(images/background/'+fond+')'">
 
</body>

**dpechou** · 03/06/2010, 16h31

Autant pour moi je suis un vrai gland, et toi tu es le meilleur,
bravo
Merci beaucoup
David

**devyan** · 03/06/2010, 16h56

Envoyé par SpaceFrog

sinon avec les commentaires conditionnels il suffit de mettre un style css dans chacun des commentaires

Ou le script javascript qui affecte la variable fond

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<!--[if !IE]>
<script>
var fond="back"+NumFormat1(new Date().getMonth(),2)+'.jpg';
</script>
<![endif]-->
 
<!--[if IE]>
<script>
var fond="back"+NumFormat1(new Date().getMonth(),2)+'ie.jpg';
</script>
<![endif]-->

Mais il est vrai que ce n'est pas du pur javascript

Fond d'ecran mensuel automatique et en fonction du navigateur

JavaScript

Discussions similaires

Partager

Partager