11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,
désolé de poster ici un sujet concernant le hml, mais n'ayant pas obtenu de réponse je m'en retourne vers vous.
Voila, j'ai un petit probleme, voici mon code :
   
 <a href="http://google.com" onmouseover="document.accueil.src='index_fichiers/accueil2.jpg'" 
onmouseout="document.accueil.src='index_fichiers/accueil1.jpg'">
<img id="accueil" src="index_fichiers/accueil1.jpg" width="250" height="90" name=accueil></a>



Lorsque je passe ma souris sur mon image, l'image change, mais lorsque je retire ma souris, l'image accueil2.jpg reste !
Merci d'avance
Modifié par laurentb (12 Feb 2007 - 17:41)
Bonsoir,

Message déplacé dans le salon approprié et doublon supprimé. Merci d'envoyer un seul message pour chaque problème.

En ce qui concerne ton problème, la syntaxe que tu utilises est déconseillée. Il est préférable d'utiliser document.getElementById. Ceci dit, je ne pense pas que ton problème vienne de là. As-tu un exemple un ligne ?
Modifié par Julien Royer (11 Feb 2007 - 20:53)
Tu fais ce que tu veux mais si c'est un effet de rollover que tu souhaites, moi je mettrais onmousexxx en tant que propriétés de l'img et non en propriétés du a.
En addition de cela, je ne suis pas sûr que name=accueil soit bien perçu.
Je mettrais aussi des px à width et height et je saupoudrerais quelques points virgules entre, les égalités sont de mauvais goût et les semicolons sont de meilleur aloi dans une propriété style pour l'img...

Bon.. je ne suis pas prof de grammaire... mais... je crains que la tienne soit en partie la cause de tes souçis.

En bref, en deux mots comme en un seul :


<a href="http://google.com">
	<IMG id="accueil" style="width: 250px; height: 90px"
		src="index_fichiers/accueil1.jpg" alt=""
		name="accueil"
		onmouseover="ce qu'à dit julien... accueil2..."
		onmouseout="le même genre... accueil1....">
</a>

Et... n'oublies pas de renseigner le alt... on aime bien par ici...
Modifié par aCOSwt (11 Feb 2007 - 21:18)
aCOSwt a écrit :
Je mettrais aussi des px à width et height et je saupoudrerais quelques points virgules entre, les égalités sont de mauvais goût et les semicolons sont de meilleur aloi dans une propriété style pour l'img...
Non, les attributs width et height sont bien à leur place ici. Smiley smile

C'est d'ailleurs un sujet que Laurent a abordé sur son blog.
Autant pour moi !
Merci Julien.
J'en ai profité pour découvrir dans le lien que tu mentionnes un concept que je ne m'imaginais même pas : L'éthique CSS...
A quand la morale Javascript ?
Merci à tous, j'ai mis le code de aCOSwt
j'ai juste rajouté "document.nom.src"
merci encore et à bientôt