Fond d'ecran mensuel automatique et en fonction du navigateur

Version imprimable

02/06/2010, 16h45
dpechou

Fond d'ecran mensuel automatique et en fonction du navigateur

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
02/06/2010, 17h09
SpaceFrog

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

sinon il suffit juste de recuperer le mois encours avec

Code:

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 ...
02/06/2010, 19h36
dpechou

Merci, mais je suis pas très calé peux tu développer?
Merci d'avance
David
03/06/2010, 10h33
dpechou

Peut être dois-je utiliser un htaccess?

htaccess ??? pourquoi faire 8O

Code:

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'

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

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

Bonjour,

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

1 2 3 4 5 6 7  
Y.

03/06/2010, 12h29
dpechou

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

étant dans le forum javascript voici une solution js

Code:

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

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:

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

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:

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>

03/06/2010, 14h53
dpechou

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
03/06/2010, 15h17
SpaceFrog

il le fera tout seul le moment venu ..;
teste en modifiant ton horloge windows ?
03/06/2010, 15h20
dpechou

Même si on est le 3 juin?

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

Code:

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>

03/06/2010, 15h31
dpechou

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

Citation:

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

1 2 3 4 5 6 7 8 9 10 11 12  
Mais il est vrai que ce n'est pas du pur javascript :lol: