J'ai créé un menu vertical sur une page et je souhaite que lorsque je passe ma souris sur une des pages du menu, il y ait une image qui s'affiche (à coté du mot "accueil" pour la première page du menu...), et que lorsque j'enlève ma souris, cette image disparaisse.
Voici mon code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="generator" content="PSPad editor, www.pspad.com" />
<title>Site de la Ré-Glisse</title>
<link rel="stylesheet" type="text/css" href="stylepage2.css" />
Site De Présentation De L'Association<br>
par P.Choquet et S.Dujardin, Promotion 2015<br><br>
Module : Programmation Internet Groupe 44
</div>
<div id="bloc">
<center>
<a href="http://www.facebook.com/home.php#!/pages/R%C3%A9-Glisse/149835908396080"><img src="Réglisse LogoEvenement.png" alt="Réglisse LogoEvenement" width= "550" /></a>
<br>
<br>
<br>
<table border="0" width="700" align="center">
<tr>
<td><marquee behavior="scroll" direction="left" scrollamount="3" scrolldelay="60"><h2>Bonjour et bienvenue sur le nouveau site de la Ré-glisse!</h2></marquee</td>
</tr>
</table>
</center>
<center> La Ré-Glisse est une association composée d'étudiants de l'École d'Ingénieurs EIGSI La Rochelle. <br>
Depuis 16 ans, la Ré-Glisse organise un week-end sur l'îLE DE RÉ. <br>
Le concept est simple : RASSEMBLER les étudiants autour d'activités liées à la plage et aux sports de glisse nautiques.<br>
Nous organisons dans ce sens notre fameuse COUPE RÉ-GLISSE : Compétition amateur et inter-école de surf, bodyboard, kytesurf et funboard.<br>
Cette année, la Ré-Glisse élargit son horizon et diversifie ses projets :<br>
* Le Weekend Ré-Glisse (30 avril - 1er mai 2011).<br>
* Des sessions surf régulières et initiations aux sports de glisse.<br>
* Des animations ponctuelles (soirées, barbecues...).<br><br>
La Ré-glisse est avant tout une association où la franche-cammaraderie et la volonté de se dépasser pour vous vendre du rêve sont les maitres mots.<br>
Cliquez sur notre logo pour accéder à noter page facebook et suivre notre actualité!</center>
</div>
<div id= "bouton">
<ul id="menu">
<li><a href="index(-1).html">ACCUEIL</a></li>// c'est ici que je voudrais qu'il s'affiche une image
<li><a href="weekend.html">WEEK-END</a></li>
<li><a href="covoiturage.html">COVOITURAGE</a></li>
<li><a href="spots.html">SPOTS</a></li>
<li><a href="photos.html">PHOTOS</a></li>
<li><a href="videos.html">VIDEOS</a></li>
<li><a href="sponsors.html">SPONSORING</a></li>
<li><script type=text/javascript>
var name = "reglisse" ;
var domain = "eigsi.fr" ;
document.write('<a href=\"mailto:' + name + '@' + domain + '\">') ;
document.write('CONTACT') ;</script> </li>
</div>
C'est pas du HTML qui ne permet pas d'événements mais du javascript qu'il faut.
C'est pas document.write qui va changer une image(document.write écrit un texte dans la page), soit faire un swap/restore image soit utiliser le DOM pour changer un attribut d'une balise HTML(en l'occurence la src-source- c.a.d. l'url d'une image.
Encore plus simple avec le css et sans programmation.
