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 680 visiteurs
Vendredi 05 Décembre 2025
       |
[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: 18558
- Inscription: 27 Déc 2009 16:22
- Localisation: Normandie
4 messages
• Page 1 sur 1
Sujets similaires
[Réglé] utiliser le même compte Microsoft sur 2 ordinateursSalut tout le monde j'ai reçu mon pc portable : Asus gaming ROG Strix G16 STRIX-G16-G615JMR-RV185W 16" FHD+ 165 Hz Intel® Core? i7 16 Go RAM 512 Go SSD Nvidia GeForce RTX 5060 Gris Lors de la mise en service de ce nouveau pc, il me demande : ajouter votre compte Microsoft, .... ma question est ...
Réponses: 2
[Réglé] mise en route carte mèreBonjour,Dans ma tour, j'ai installé une carte Asrock A520M- HDV, (j'ai un DVD asrock que je n'ai pas mis dedans). Le ventirad Arctic alpine 23co,Le disque Crucial BX500 SATA SSD?Le processeur AMD Rysen 5 5500,J'ai ajouter une Ram 8go,Et j'ai gardé la carte graphique Geforce GT 710 1go.J'ai mis le p ...
Réponses: 22
[Réglé] les onglets dans Widgets ont disparuesSalut tout le mondeCela fait deux jours, suite à une erreur de pilote pour ma carte mère, j'ai en extrémité faire réparer Windows, de plus j'ai perdu toutes mes restaurations antérieures et je galère, car tous mes onglets dans Widgets ont disparu.à la place, j'ai une fenêtre grise? J'ai essayé c ...
Réponses: 22
[Réglé] Problème sur écran neufBonjour,j'ai encore un souci suite au sujet de mon écran ICI. Etant donné qu'il est noté réglé, peut-être qu'il n'est plus trop "visible".Mon ancien écran ayant rendu l'âme après 17 ans, j'ai acheté un écran Acer 24 pouces cba242yabir trouvé en solde à 109? chez Leclerc. Je le trouve franc ...
Réponses: 14
[Réglé] transfert donnéesBonjour,Sur mon pc de bureau j'ai un DDR avec windows10 et tout mes documents et photos etc..comment je fait pour tout envoyer sur un autre DDR qui se trouve aussi dans la tour.Merci
Réponses: 48
[Réglé] Installation linuxBonjour,Je tien tout d'abord à m'excusez si je suis pas dans la bonne section .J'ai donc un soucis sur un vieux pc portable HP ou j'arrive à installer windows 7 mais pas d'autre système d'exploitation , j'ai essayer pop os , anduinos et debian mais à chaque fois il me redirige sur un écrans de diagn ...
Réponses: 6
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 7 invités
|
.: Nous contacter :: Flux RSS :: Données personnelles :. |