Il y a actuellement 74 visiteurs
Vendredi 30 Juillet 2021
accueilactualitésdossierscomparer les prixtélécharger gratuitement vos logicielsoffres d'emploiforum informatique
Connexion
Créer un compte

[Réglé] pb javascript plusieurs onclick (je crois...)

Besoin d'aide pour configurer un serveur ? Vous souhaitez obtenir des conseils pour référencer votre site ? Un petit souci pour accéder à votre FTP ? Des soucis de programmation en PHP / ASP / HTML / XHTML / XML / XSLT / CSS / ReactJS / AngularJS / VueJS / CGI / PERL / C / MySQL / PostgreSQL ??? Nous avons peut-être la solution dans ce forum ...

[Réglé] pb javascript plusieurs onclick (je crois...)

Message le 03 Oct 2012 00:42

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.
Avatar de l'utilisateur
Znojmo
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 14
Inscription: 03 Oct 2012 00:39
 


Re: pb javascript plusieurs onclick (je crois...)

Message le 11 Oct 2012 01:59

Merci, j'ai trouvé la solution!

C'est résolu!
Avatar de l'utilisateur
Znojmo
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 14
Inscription: 03 Oct 2012 00:39
 

pas de bouton résolu

Message le 11 Oct 2012 02:03

Merde comment on fait pour marquer comme résolu???
Avatar de l'utilisateur
Znojmo
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 14
Inscription: 03 Oct 2012 00:39
 

Re: [Réglé] pb javascript plusieurs onclick (je crois...)

Message le 11 Oct 2012 05:53

Bonjour

J'ai mis en "Réglé" car tu ne peux plus le faire après 48H
La sagesse est une montagne dont la base est confondue avec le sommet
...Celui qui a été lumière jamais ne disparait.. il reste lumière, sentinelle dans l'éternité, son aura bienveillante nous montre le chemin.
Avatar de l'utilisateur
EinsteinZero
Moderateur
Moderateur
 
Messages: 17275
Inscription: 27 Déc 2009 16:22
Localisation: Normandie
 



Sujets similaires

Message [Réglé] marre des fenêtres d'acceptation des cookies ?
bonjour je trouvais insupportable d'avoir a accepter des cookies sur tous les sites et surtout sur ceux ou je ne suis que de passage .après une recherche, j'ai trouvé pour supprimer les "cookies warnings" https://www.presse-citron.net/marre-coo ... barrasser/la solution est peut être (a vo ...
Réponses: 9

Message [Réglé] Installer Office 2007
Bonjour,Je possède la suite Office 2007 avec sa clef d'activation sur CD que j'aimerais installer sur PC portable Windows 10, sans lecteur. Comment puis-je procéder, sachant que je ne suis pas une foudre de guerre en matière informatique?Merci à tous.
Réponses: 9

Message [Réglé] dommage pas de forum pour tirage photos
Salut tout le monde ! J?ai besoin d'un petit conseil pour imprimer une photo que je dois mettre dans un cadre photo de 15 cm par 15 cm, mais je ne trouve pas comment la rendre normale pas minuscule pas étirée ou autre ..... il n'y a pas de forum photo ou tirage photos imprimante, mais bon qui sait ...
Réponses: 10

Message [Réglé] Petite vérification !
Hello tout le monde ,Voila comme d'habitudes et un peu de temps en temps une petite vérification de votre part pour voir si tout va bien de mon coté Addition https://www.cjoint.com/c/KGooSJjfWy7First https://www.cjoint.com/c/KGooS5SKcg7Shortcuthttps://www.cjoint.com/c/KGooTAzz7k7ZHPDiag https://www ...
Réponses: 15

Message [Réglé] Nouvelle installation Win10 - Démarrage lent
Bonjour,J'ai changé de PC dernièrement et comptais donner l'ancien à mon fils. Or, je ne le savais pas, il avait déjà un PC orienté gamer qu'il n'utilisait presque plus car très lent. J'y ai jeté un ?il et j'ai vu qu'il avait saturé son SSD alors que le disque classique était vide. J'ai déplacé les ...
Réponses: 17

Message [Réglé] sauvegarde farming simulator
Bonjour, un ami va changer de pc et voudrait récupérer ses sauvegardes de Farming simularor 2019 pour les ré-intégrer dans son nouveau pc. Comment doit il faire svp ? Merci.
Réponses: 3


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité


.: Nous contacter :: Flux RSS :: Données personnelles :.