Partager vos
astuces Déco
Posez votre question Signaler

Changer background [Résolu]

ruvele 19Messages postés 14 décembre 2007Date d'inscription - Dernière réponse le 13 févr. 2009 à 15:28
Bonjour,
je souhaite modifier le background d'une page html en cliquant sur un bouton (effet : jour/nuit).
lorsque je clique sur le bouton Jour, ça appelle un certain bg, et lorsque je clique sur nuit ça appele un autre bg.
voici le code qui me semblait bon mais cela ne fonctionne pas.
code .js :
function afficher(lemsg) {
if(lemsg == "jour") {
document.body.bg = "bgnew.png";
} else {
document.body.bg = "bgnew_night.png";
}
code html :
<p><a href="#" onclick="afficher('jour')">Jour</a></p>
<p><a href="#" onclick="afficher('nuit')">Nuit</a></p>
Je vous remercie :-)
Lire la suite 

Changer background »

7 réponses
Réponse
+6
moins plus
Xil 358Messages postés 18 janvier 2008Date d'inscription 18 janv. 2008 à 17:22 
document.body.style.background = "url(images/bgnew.png)"


Ceci devrait mieux fonctionner.

 Ajouter un commentaire - Site web
Ajouter un commentaire
Réponse
+0
moins plus
ruvele 19Messages postés 14 décembre 2007Date d'inscription 18 janv. 2008 à 17:33
Super merci :-)

 Ajouter un commentaire
Ajouter un commentaire
Réponse
-1
moins plus
slyprod 14 févr. 2008 à 10:59
Bonjour, j ai un souci pour changer l image du background, voici mon code


<script language="javascript">
<!--
function valider()
{
var saisi = document.formulaire.choix_fond.value;
if (saisi =="")
{
alert("vous n'avez rien saisi")
}
else
{
document.body.style.background = "url(image/1.png)";
}
}

-->
</script>
</head>
<body>




<form name='formulaire' >
<p>Tape le numero du fichier à charger</p>
<table>
<tr>
<td><input type='text' name='choix_fond' value='' ></td>
<td><input type='button' name='valide' value='OK' onclick='valider()' /></td></tr></table>
</form>


</body>

 Ajouter un commentaire
Ajouter un commentaire
Réponse
-1
moins plus
Xil 358Messages postés 18 janvier 2008Date d'inscription 14 févr. 2008 à 11:57
Avec ton code, quelque soit ce que l'on met dans le champ, le background ne changera pas, puisque tu n'utilise pas la valeur saisie pour changer le background.
il faut remplacer 
 document.body.style.background = "url(image/1.png)"; 

par

 document.body.style.background = saisi; 

ou
 document.body.style.background =  "url("+saisi+")";
ou 
  document.body.style.background =  "url(image/"+saisi+")";
ou
  document.body.style.background =  "url(image/"+saisi+".png)";

En fonction de ce que tu veux qu'on rentre dans le champ.

 Ajouter un commentaire - Site web
Ajouter un commentaire
Réponse
-1
moins plus
slyprod 14 févr. 2008 à 16:35
c'est encore moi, moi qui pensait faire une petite appli (pas trop difficile), qui me permet de changer des background, me voila bien embetté! en effet, chargé les images n'est plus un probleme!! cependant, j aurai aimé adapté un css à ces images!!

<style type="text/css" media="screen">
*{
margin:0px;
padding:0px;
}
html, body{
height:100%;
}
body{
background:#fff url("image/***.png") no-repeat 50% 0; <!-- css désiré pour les images-->
}
#content{
height:620px;
}
</style>

<script language="javascript">
<!--
function valider()
{
var saisi = document.formulaire.choix_fond.value;
if (saisi =="")
{
alert("vous n'avez rien saisi")
}
else
{
document.body.style.background = "url(image/"+saisi+")";
}
}

-->
</script>
</head>

<body>
<div id=content>
<p>Tape le nom du fichier à charger (ex: ***.jpg)</p>
<form name='formulaire' action="javascript:valider()" >
<table>
<tr>
<td><input type='text' name='choix_fond' value='' ></td>
<td><input type='submit' name='valide' value='OK' /></td>
</tr>
</table>
</form>
</div>
</body>
</html>

 Ajouter un commentaire
Ajouter un commentaire
Réponse
-1
moins plus
julesfashion 4Messages postés 13 février 2009Date d'inscription 13 févr. 2009 à 15:28
pour revenir au changement de fond avec un lien, j'ai pas due tout comprendre…
je voudrais changer mon image de fond par un lien, comme expliquer au début de la discution, mais ca ne fonctionne pas…
quelqu'un pourrait il m'éclairer, merci.

 Ajouter un commentaire
Ajouter un commentaire
Réponse
-2
moins plus
Xil 358Messages postés 18 janvier 2008Date d'inscription 14 févr. 2008 à 16:38
Si j'ai bien saisi ce que tu veux, tu peux décomposer ta propriété background pour ne pas devoir spécifier l'image: 
background-repeat: no-repeat;
background-color: #fff;
background-position: 50% 0;

 Ajouter un commentaire - Site web
Ajouter un commentaire
Posez votre question
Ce document intitulé « changer background » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
5 extensions si vous voulez revenir à l'ancien Facebook