1 réponse
Bonjour,
Vous pouvez faire ça avec des DIV
chaque onglet est une DIV
vous mettez un événement onMouseOver associé à la DIV et là, soit avec de l'AJAX vous modifiez le contenu de la page à changer
<html>
<head>
<style>
#menu {width:400px;height:20px;border:1px black solid;}
.element {float:left;width:100px;height:20px;border:1px black solid;}
#contenu {width:400px;height:200px;border:1px black solid;}
</style>
<script>
function afficher(page) {
// traitement AJAX, petit code non ajax pour l'exemple...
document.getElementById('contenu').innerHTML = page;
}
</script>
</head>
<body>
<div id="menu">
<div class="element" onmouseOver="afficher('accueil')">Accueil</div>
<div class="element" onmouseOver="afficher('contact')">Contact</div>
</div>
<div id="contenu">
</div>
</body>
</html>
Vous pouvez faire ça avec des DIV
chaque onglet est une DIV
vous mettez un événement onMouseOver associé à la DIV et là, soit avec de l'AJAX vous modifiez le contenu de la page à changer
<html>
<head>
<style>
#menu {width:400px;height:20px;border:1px black solid;}
.element {float:left;width:100px;height:20px;border:1px black solid;}
#contenu {width:400px;height:200px;border:1px black solid;}
</style>
<script>
function afficher(page) {
// traitement AJAX, petit code non ajax pour l'exemple...
document.getElementById('contenu').innerHTML = page;
}
</script>
</head>
<body>
<div id="menu">
<div class="element" onmouseOver="afficher('accueil')">Accueil</div>
<div class="element" onmouseOver="afficher('contact')">Contact</div>
</div>
<div id="contenu">
</div>
</body>
</html>
