High-Tech Santé Médecine Droit-Finances

Réalisation

vidéo numérique

Rechercher : dans
Par :

Changer background

Dernière réponse le 13 fév 2009 à 15:28:11 ruvele, le 18 jan 2008 à 16:43:52 
 Signaler ce message aux modérateurs

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

Configuration: Windows XP
Firefox 2.0.0.11

Meilleures réponses pour « changer background » dans :
Comment changer mon mot de passe sous WLM/MSN VoirPour changer son mot de passe Windows Live Messenger, il suffit d'utiliser l'interface prévue à cet effet : http://memberservicesnet.passport.net/memberservice.srf?lc=1036 Si vous avez perdu votre mot de passe, merci de vous référer à...
Changer de fond d'écran VoirPour Windows XP et versions antérieures Pour Windows Vista Obtenir des fonds d'écran Solution plus rapide Comment changer l'arrière-plan du Bureau ? Un fond d'écran est une image utilisée en arrière-plan de votre bureau. Lors d'une...
Comment changer son adresse IP ? VoirDeux cas possibles Connaître son IP Changer d'IP (cas d'une IP dynamique) Solution alternative : masquer son IP L'adresse IP est une série de chiffres, soit: L'adresse IP que vous utilisez pour vous connecter au routeur (Réseau...
Télécharger Change Extension Voir
Télécharger AV Voice Changer Voir
Télécharger Caledos Automatic Wallpaper Changer VoirCaledos Automatic Wallpaper Changer est comme son nom l'indique, un gestionnaire de fond d'écran. Les principales caractéristiques de Caledos : - il supporte les formats d'images BMP, GIF, JPG, TIF, - la sélection facile de dossiers ou fichiers à...
Conduite du changement VoirConduite du changement L'environnement évolue dans un environnement évoluant très rapidement, elle doit donc évoluer, innover, pour être en position de compétitivité. Les projets informatiques sont par nature au cœur de l'innovation de...
Résistance au changement VoirRésistance au changement Pour être en mesure d'anticiper le changement, il est essentiel de connaître les facteurs de risque et en particulier les causes du frein au changement. Outre les causes individuelles, devant faire l'objet d'une attention...
Conduite du changement - Equipe projet VoirConduite du changement Tout le monde s'accorde aujourd'hui à dire que les projets e-Business doivent nécessairement être accompagnés d'une démarche de conduite du changement pour pouvoir aboutir. En revanche, les avis sur les modalités de mise...
Posez votre question Répondre

1

Xil, le 18 jan 2008 à 17:22:10

document.body.style.background = "url(images/bgnew.png)"


Ceci devrait mieux fonctionner.

   
Répondre à Xil

2

ruvele, le 18 jan 2008 à 17:33:42

Super merci :-)

   
Répondre à ruvele

3

slyprod, le 14 fév 2008 à 10:59:46

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>

   
Répondre à slyprod

4

Xil, le 14 fév 2008 à 11:57:51

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.

   
Répondre à Xil

5

slyprod, le 14 fév 2008 à 16:35:03

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>

   
Répondre à slyprod

6

Xil, le 14 fév 2008 à 16:38:53

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;

   
Répondre à Xil

7

 julesfashion, le 13 fév 2009 à 15:28:11

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.

   
Répondre à julesfashion
Posez votre question Répondre
Ils ont besoin de votre aide