Il y a actuellement 333 visiteurs
Jeudi 25 Avril 2024
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
Avatar de l'utilisateur
EinsteinZero
Moderateur
Moderateur
 
Messages: 18292
Inscription: 27 Déc 2009 16:22
Localisation: Normandie
 



Sujets similaires

Message [Réglé] bloc note sous windows 11
Bonjour, avec Windows 11 le bloc note a changé de comportement. J'aimerai savoir s'il est possible de revenir à l'ancienne méthode, à savoir que lorsqu?on l'ouvre il n'affiche pas systématiquement tous les notes qui ont été crées avant et à la fermeture lors d'une modif qu'il propose d?enregistrer. ...
Réponses: 2

Message [Réglé] casque audio
Bonjour Je posséde un casque audio JBL en bluetuoth sur mon pc qui fonctionnait très bien . Je viens de le recharger et mon PC ne le trouve plus ?Cela ne doit pas être grave mais je ne trouve pas la solution . Merci pour votre aide .
Réponses: 8

Message [Réglé] probleme USB
Bonjour a tous,Je ne sais ou poster mon problème d'USB je le post donc ici . Mon souci vient du fait que lorsque je branche mon intercom SENA SRL 3 sur les USB mon PC sous W10 j'ai l'impression que celui-ci se connecte deux fois car j'entends bien le son de la connexion se faire deux fois et j'ent ...
Réponses: 5

Message [Réglé] World of Tank Blitz sans Steam ?
SalutEst ce que quelqu'un sait comment jouer à World of Tank Blitz sans Steam, sur PC ?Lancer Steam à chaque fois ça consomme des resssources pour rien.J'ai essayé de télécharger le jeu sur Microsoft mais il semblerait que ça soit uniquement pour la Xbox !?Une idée ?
Réponses: 6

Message [Réglé] Bleu screen en lançant un jeu sur Win 11
Re,yevgi a écrit:Sinon, je ne comprends plus rien...En lisant ta réponse, je vois ceci :https://zupimages.net/up/24/15/yqpl.pngEn revu sous ma zone de rédaction de réponse, je vois ceci :https://zupimages.net/up/24/15/g4aw.pngDu coup j'ai 2 process distincts, qui donnent 2 résultats différents :- Se ...
Réponses: 33

Message [Réglé] Impossible d'ouvrir les droits d'accès...
Bonsoir, voila mon soucis actuellement, c'est que je ne peux plus rien faire sur mon pc, j'ai voulu modifier les droits d'accès à un jeu sur mon pc aujourd'hui et sans rien comprendre, ça m'a retiré les droits d'accès au disque C: et E: qui sont respectivement un SSD et un HDD, et je ne sais plus qu ...
Réponses: 25

Message [Réglé] Fenêtres Powershell intempestives
Bonjour,Depuis environ 3 semaines, le ventilateur de mon PC Portable tourne beaucoup plus qu'avant (je sais qu'il fait très chaud, mais quand même !), et surtout, j'ai régulièrement des fenêtres Powershell qui s'ouvrent inopinément.En cherchant des solutions ici et là, j'ai téléchargé FRST, et j'ai ...
Réponses: 15


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 4 invités


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