Bonjour, j'essaie de faire un menu déroulant normal de type "Fichier". Quand on clique sur fichier, que ça fasse comme n'importe quel programme, mais la en web.
Voici mon code :
Voici mon code :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta content="text/html; Charset=UTF-8" http-equiv="Content-Type" />
<link href="design.css" type="text/css" rel="stylesheet">
<title>Modeleur UML en Ligne</title>
<script type="text/javascript" src="jquery-1.9.0.js"/>
<script script type="text/javascript">
<!-- Javascript / Jquery
$(document).ready(function ()
{
$("td.clickMenuFichier").click(function ()
{
$(this).next().slideToggle('slow');
});
$("ul").mouseover(function ()
{
$(this).animate({marginLeft : "5px"});
});
});
-->
</script>
</head>
<body>
<!-- Div du menu -->
<div id="menu">
<table id="tableMenu">
<tr id="trMenu">
<td class="clickMenuFichier"><a href="#">Fichier</a>
<ul class="menuFichier">
<li><a href="#">Nouveau Projet</a></li>
<li><a href="#">Ouvrir...</a></li>
<li><a href="#">Enregistrer</a></li>
<li><a href="#">Enregistrer sous...</a></li>
<li><a href="#">Importer</a></li>
<li><a href="#">Exporter</a></li>
<li><a href="#">Imprimer</a></li>
<li><a href="#">Quitter</a></li>
</ul>
</td>
<td>Edition</td>
<td>Aide</td>
</tr>
</table>
<table id="trMenu2">
<tr class="imgMenu">
<td><img src="images/save.png" alt="Sauvegarder" title ="Sauvegarder"/></td>
<td><img src="images/new.png" alt="Nouveau" title ="Nouveau"/></td>
<td><img src="images/file.png" alt="Ouvrir" title ="Ouvrir"/></td>
</tr>
</table>
</div>
<!-- Div du contenue de la page, menu gauche, image svg et menu droit (optionnel) -->
<div id="content">
<!-- Div du diagramme svg centré -->
<div id="divSvg">
<svg id="svg" xmlns="http://www.w3.org/2000/svg>
</svg>
</div>
</div>
</body>
</html>