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: