Bonjour,
Je veux faire un site web pour consulter un livre, avec une navigation pratique. J'ai donc décidé qu'il y aurait un menu à gauche pour choisir les chapitres, parties, sections, et une partie à droite où le texte apparaît.
Étant donné que je n'ai jamais fait ça, j'ai fait un test en faisant une petite page répétant mon principe, avec 3 chapitres, 3 parties par chapitre et 3 sections par partie.
Et devinez quoi... roulement de tambour................. ça ne fonctionne pas!
J'ai seulement codé le premier chapitre à date. Avec ce que j'ai fait, d'après ma compréhension actuelle, on devrait voir apparaître le nom de la section "1.1.2, 1.2.3..." à droite. C'est ma façon, dans cette page de pratique, de voir que le texte que je mettrai à la place de ces chiffres (ex. 1.1.2) apparaîtra.
Jusqu'ici, je n'ai codé que le chapitre 1. La partie 1 fonctionne, mais vous pouvez voir si vous copiez-collez ce code dans une page que pour les parties 2 et 3, c'est tout le chapitre 1 qui apparaît à droite :
----------------------------------------------------------------------------
<html>
<head>
<script type="text/javascript" language="javascript">
<!--
function chap1()
{
document.getElementById("chap1").style.display="inherit";
document.getElementById("chap2").style.display="none";
document.getElementById("chap3").style.display="none";
}
function chap2()
{
document.getElementById("chap1").style.display="none";
document.getElementById("chap2").style.display="inherit";
document.getElementById("chap3").style.display="none";
}
function chap3()
{
document.getElementById("chap1").style.display="none";
document.getElementById("chap2").style.display="none";
document.getElementById("chap3").style.display="inherit";
}
function part1()
{
document.getElementById("part1").style.display="inherit";
document.getElementById("part2").style.display="none";
document.getElementById("part3").style.display="none";
}
function part2()
{
document.getElementById("part1").style.display="none";
document.getElementById("part2").style.display="inherit";
document.getElementById("part3").style.display="none";
}
function part3()
{
document.getElementById("part1").style.display="none";
document.getElementById("part2").style.display="none";
document.getElementById("part3").style.display="inherit";
}
function sec1()
{
document.getElementById("sec1").style.display="inherit";
document.getElementById("sec2").style.display="none";
document.getElementById("sec3").style.display="none";
}
function sec2()
{
document.getElementById("sec1").style.display="none";
document.getElementById("sec2").style.display="inherit";
document.getElementById("sec3").style.display="none";
}
function sec3()
{
document.getElementById("sec1").style.display="none";
document.getElementById("sec2").style.display="none";
document.getElementById("sec3").style.display="inherit";
}
//-->
</script>
</head>
<body>
<div id="boutons" style="position:absolute; left:20px;">
<div name="chap1">
<div name="part1">
<div name="sec1">
<a onclick="chap1();part1();sec1();">1.1.1</a>
</div>
<div name="sec2">
<a onclick="chap1();part1();sec2();">1.1.2</a>
</div>
<div name="sec3">
<a onclick="chap1();part1();sec3();">1.1.3</a>
</div>
</div>
<div name="part2">
<div name="sec1">
<a onclick="chap1();part2();sec1();">1.2.1</a>
</div>
<div name="sec2">
<a onclick="chap1();part2();sec2();">1.2.2</a>
</div>
<div name="sec3">
<a onclick="chap1();part2();sec3();">1.2.3</a>
</div>
</div>
<div name="part3">
<div name="sec1">
<a onclick="chap1();part3();sec1();">1.3.1</a>
</div>
<div name="sec2">
<a onclick="chap1();part3();sec2();">1.3.2</a>
</div>
<div name="sec3">
<a onclick="chap1();part3();sec3();">1.3.3</a>
</div>
</div>
</div>
<div name="chap2">
<div name="part1">
<div name="sec1">
2.1.1
</div>
<div name="sec2">
2.1.2
</div>
<div name="sec3">
2.1.3
</div>
</div>
<div name="part2">
<div name="sec1">
2.2.1
</div>
<div name="sec2">
2.2.2
</div>
<div name="sec3">
2.2.3
</div>
</div>
<div name="part3">
<div name="sec1">
2.3.1
</div>
<div name="sec2">
2.3.2
</div>
<div name="sec3">
2.3.3
</div>
</div>
</div>
<div name="chap3">
<div name="part1">
<div name="sec1">
3.1.1
</div>
<div name="sec2">
3.1.2
</div>
<div name="sec3">
3.1.3
</div>
</div>
<div name="part2">
<div name="sec1">
3.2.1
</div>
<div name="sec2">
3.2.2
</div>
<div name="sec3">
3.2.3
</div>
</div>
<div name="part3">
<div name="sec1">
3.3.1
</div>
<div name="sec2">
3.3.2
</div>
<div name="sec3">
3.3.3
</div>
</div>
</div>
</div>
<div id="texte" style="position:absolute; left:80px;">
<div id="chap1">
<div id="part1">
<div id="sec1">
1.1.1
</div>
<div id="sec2">
1.1.2
</div>
<div id="sec3">
1.1.3
</div>
</div>
<div id="part2">
<div id="sec1">
1.2.1
</div>
<div id="sec2">
1.2.2
</div>
<div id="sec3">
1.2.3
</div>
</div>
<div id="part3">
<div id="sec1">
1.3.1
</div>
<div id="sec2">
1.3.2
</div>
<div id="sec3">
1.3.3
</div>
</div>
</div>
<div id="chap2">
<div id="part1">
<div id="sec1">
2.1.1
</div>
<div id="sec2">
2.1.2
</div>
<div id="sec3">
2.1.3
</div>
</div>
<div id="part2">
<div id="sec1">
2.2.1
</div>
<div id="sec2">
2.2.2
</div>
<div id="sec3">
2.2.3
</div>
</div>
<div id="part3">
<div id="sec1">
2.3.1
</div>
<div id="sec2">
2.3.2
</div>
<div id="sec3">
2.3.3
</div>
</div>
</div>
<div id="chap3">
<div id="part1">
<div id="sec1">
3.1.1
</div>
<div id="sec2">
3.1.2
</div>
<div id="sec3">
3.1.3
</div>
</div>
<div id="part2">
<div id="sec1">
3.2.1
</div>
<div id="sec2">
3.2.2
</div>
<div id="sec3">
3.2.3
</div>
</div>
<div id="part3">
<div id="sec1">
3.3.1
</div>
<div id="sec2">
3.3.2
</div>
<div id="sec3">
3.3.3
</div>
</div>
</div>
</div>
</body>
</html>
-------------------------------------------------------------------------
Ne faites pas attention à tout ce qui manque dans mon code, c'est seulement un test.
Quelqu'un a une idée de mon problème?
Merci.
Il y a actuellement 376 visiteurs
Samedi 04 Juillet 2026
       |
[Réglé] pb javascript plusieurs onclick (je crois...)
4 messages
• Page 1 sur 1
Re: [Réglé] pb javascript plusieurs onclick (je crois...)
le 11 Oct 2012 05:53
Bonjour
J'ai mis en "Réglé" car tu ne peux plus le faire après 48H
J'ai mis en "Réglé" car tu ne peux plus le faire après 48H
-
EinsteinZero - Moderateur
- Messages: 18670
- Inscription: 27 Déc 2009 16:22
- Localisation: Normandie
4 messages
• Page 1 sur 1
Sujets similaires
[Réglé] notifications compte microsoft non connecterSalut tout le mondeTous les jours, après avoir lancé mon PC, à un moment, disons moins d'une heure après, il apparait cette notification (voir ci-dessous une capture d'écran). J'ai beau cliquer sur réessayer pour me connecter, rien n'y fait.Post scriptum : le forum a un message d'erreur pouvant être ...
Réponses: 49
[Réglé] Drivers Bluetooth CorrompusBonjour Heracles, d'accord je te fais confiance pour ne pas m'en inquiéter sachant que tout va bien sur mon pc, donc j'imagine que BthA2dp.sys et BthHfEnum.sys ne sont pas réellement corrompus du coup c'est ça ?Cela ne m'empêchera pas de vérifier dans quelques semaines en faisant un sfc /scannow pou ...
Réponses: 3
[Réglé] Laptop Lenovo devenu très lentBonjour,mon laptop, acheté en 2018, est devenu très lent. Vous allez peut-être me dire qu'il est (trop) vieux.Tout d'abord, voici les caractéristiques principales:- Lenovo Idepad 320-15ISK- Intel Corei3-6006U 2.00 GHz- Mémoire RAM installée 4.00 Go- ID de périphérique: DE6D7850-902C-4AD3-AB18-E4B523 ...
Réponses: 19
[Réglé] fichiers effacés sur une cle usbSalut tout le mondeLorsqu'on efface un fichier sur une clé USB, j'ai lu que l'on pouvait le récupérer sur une corbeille qui est cachée, je voudrais savoir svp s'il est possible de la faire apparaitre sans faire planter son système afin par exemple de récupérer le fichier effacé par inattention ou ...
Réponses: 8
[Réglé] clavier logitech g19 fonctionne mais plus reconnuSalut tout le modeJe vais essayer d'expliquer un petit problème insoluble tout part du fait que je voulais installer le bac à sable de windows 11, pour cela, il me faut évidemment cocher bac à sable et la virtualisation hyper V sur fonctionnalités Windows, mais pour pouvoir activer le bac à sable fo ...
Réponses: 14
[Réglé] hdcleaner meilleur que Ccleaner fiable ?Salut tout le monde !Je voudrais svp savoir si le logiciel HDCLEANER est fiable et un peu mieux que CCleaner qui est bourré d'options payantes bref ce que vous conseillez… Merci
Réponses: 3
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 3 invités
|
.: Nous contacter :: Flux RSS :: Données personnelles :. |