Fonction "Change Background-image" mais que ca reste !

Logiciel & apps Programmation
21

Je suis vraiment dsl mais malgré le fait que j’ai mise à chaque fois “clic” et non “click” il ne se passe toujours rien. J’ai l’impression que ça vient d’autre part,. Je suis sous MAC OS X 10.5.6 (Leopard) et j’ai tout calqué sur Safari comme navigateur web :stuck_out_tongue:

je remet le code lol :


<head>

<script type="text/javascript">
	
	<!--
var clic=false;

function horloge(){
var heure,hh,mm,ss,clock;
heure=new Date();
hh=heure.getHours();
mm=heure.getMinutes();
ss=heure.getSeconds();
clock=hh + ":" + mm + ":" + ss;
document.montre.affichage.value=clock;
setTimeout("horloge()",1000);
}
	//-->
	
	</script>
	
</head>

<body>

     <div class="menu2">
		<div id="Ipod"><img src="Ipod_Color.gif" border="0px" 
onmouseover="if(!clic) document.body.background='cian.jpg'" 
onmouseout="if(!clic) document.body.background='LeoSpace.jpg'"
 onclick="clic=true; document.body.background='cian.jpg'"></img></div>
     </div>

</body>

C’est que quand on croit avoir gagner et trouver la solution ( ou un bisou :stuck_out_tongue: ) qu’il reste toujours un suspens !! :stuck_out_tongue:
Edité le 05/01/2009 à 22:27

22

Va falloir qu’un foromeux avec un mac se penche sur ton cas :arf:
J’ai fais un copié/collé, et chez moi ça marche impec
Je vois pas quoi faire plus, je suis sous XP :neutre:

Désolé
Je viens même de testé sous safari 3.1.1, et no problem :yeux4:
A tout hasard, essaie de mettre un doctype… mais, suis pas trop convaincu
Edité le 05/01/2009 à 23:22

23

un doctype ?! C’est quoi ça, je le met ou ?!

Bon ba c’est pas grave, au moins la réponse est là il n’y a que ça qui est pas “finie” sur mon site, et si c’est parce que c’est safari sous mac… C’est excusable !

Merci pour toute l’aide :wink: :love:

24

essaie -> ça marche

qu’est ce qu’un doctype ?
bye :jap:

25

Effectivement en visualisant le code source de la page, c’est exactement la même chose^^

bon ba je cherche un peu et puis sinon ba tanpis, je montrerai a cotés sur un PC pour montrer ce que j’aurai voulu faire :stuck_out_tongue:

Merci pour tout en tout cas !!! :wink:

26

J’ai TROUVEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE !!!

CA MARCHEEEEEEEEEEEEEE :stuck_out_tongue: !!!

C’est, après 15 essais en tout genre j’ai réfléchi et ça ma sauté aux yeux !!!

Dans ma feuille de style, donc le .css , je me rappelle qu’au tout début j’ai mis


.body
{
background-image: url("LeoSpace.jpg");
}

Donc j’avais beau vouloir mettre plein de belle chose en js dans ma page html, le .css attaché à ma page qui s’occupe de tout bien placer et embellir bloqué tout et affichait à n’importe quel prix mon backgroundImage initial ! En enlevant la ligne en question, je te dis pas comment j’ai sauté de ma chaise en actualisant ma page sur safari :stuck_out_tongue:

merci merci merci1000 fois :wink: excellent !

Enfin fini tout ça, aprés mes 2 mois de travaux sur ce site de 8 pages ! ahhhhhhhh lol

Trop heureuse, bonne nuit à toi et à une prochaine fois ! 1 million de bisous :love:

PS : j’ai juste une tout pitite dernière requête : est ce que, je peux arriver à faire comme mes autres icônes de ma page : c a d, que sur photoshop j’ai repris mes même icônes sauf que je les ai légèrement agrandi de 2 px et j’ai mis une belle ombre avec tout ce qu’il faut !
Comme ça, à l’aide des onmouseover et out, quand la personne passait la souris sur l’icône en question et bien j’avais mis en onmouseover cette même icone mais agrandie avec l’ombre ect … ex dans mon tout premier post avec l’Ipod.gif et donc l’Ipod_On.gif :


<img src="Ipod_Color.gif" border="0px"
 onmouseover="this.src='Ipod_ColorOn.gif'"
 onmouseout="this.src='Ipod_Color.gif'" ></img></div>

Mais comme là maintenant les onmouseover et out sont déjà utilisé, reste t’il un autre moyen ou ‘c’est déjà bien comme ça’ :stuck_out_tongue:

Dsl, j’en demande peut être un peu trop mais je suis tellement contente que ça fonctionne bien là que je veux finir les choses jusque dans les finitions ( car sinon on pourrait pas imaginer que l’icône “Ipod” est “active” et qu’elle permet une telle action )

Merci encore 100 fois en tout cas :wink: !!!
Edité le 06/01/2009 à 00:11

27

Heureux de t’avoir rendu service :slight_smile:

28

Facile, rien n’empeche de rajouter du code dans les onmouse…

Si tu souhaites que l’icone ne change plus après le clic, tu mets des accolades pour englober le tout dans le “(!clic)”
que j’ai mis en gras, à toi de voir :slight_smile:
Ce que j’ai mis dans les onmouse, on aurait pu le mettre dans des fonctions JS :
onmouseover=“return mouse_over()” et onmouseout=“return mouse_out()”

Allez je vais me coucher pour de bon ^^
Good night :slight_smile:
Edité le 06/01/2009 à 00:31

29

Super merci beaucoup !

J’ai l’impression que je pourrai poster une tonne de question sur le JS, tu auras toujours la solution lol

Me voila bien rassurée en tout cas, merci pour tout :wink:

Bonne nuit !:slight_smile: