Il y a actuellement 309 visiteurs
Jeudi 28 Mars 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: 18274
Inscription: 27 Déc 2009 16:22
Localisation: Normandie
 



Sujets similaires

Message [Réglé] routeur
Bonjour,J'aimerais changer le nom et le mot de passe de connexion de mon routeur tp link TR ML6500V, mais je ne sais pas faire.Cdt
Réponses: 4

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: 24

Message [Réglé] Impossible d'intaller Windows 10 (SSD)
Bonjour, Bonne année à toute la communauté de PC Informatique. Vous m'avez manquer.Aujourd'hui je suis face à la nouvelle technologie Et ouep, c'est la vie vache qui rie.Je suis confronté à un soucie de compatibilité.En effet, je suis sur un pc Toshiba Satellite C50-A-1JM qui était sous windows 8.1 ...
Réponses: 14

Message [Réglé] recherche antivirus et anti trojan pour tel android
Salut tout le mondeje possede un Samsung GALAXY S23 ULTRA, système Android version 14 et version One Ui 6.0 je ne sais pas trop à quoi cela correspond exactement, c'est juste pour information il y a bien dessus maintenance de l'application un onglet protection des applications, mais comme je fais ...
Réponses: 5

Message [Réglé] Possible piratage boîte mail
Bonsoir,En tentant de consulter ma boîte Outlook ce soir je constate qu'elle semble piratée.On me refuse l'accès via mes identifiants et la demande d'envoi d'un code par SMS est compromise car mon numéro de téléphone a visiblement été changé lui aussi.Pour information, le site prétend que j'ai essay ...
Réponses: 9

Message [Réglé] SSD NVME GEN 5 Non reconnu sur C-M AORUS Z790 MASTER
Bonjour à toute la communauté ? Merci d?avance à tous ceux qui prendront la peine de me lire et éventuellement me trouver une solution à ce casse-tête qui me pèse depuis des jours maintenant ? J?ai monté cette configuration récemment (voir après l?explication de mon soucis) et j?ai un réel souci ave ...
Réponses: 10

Message [Réglé] conversion mathématique
Hello à tousalors, je désire faire un plandonc j'ai un mur de 300 CM de long et dans ce mur une ouverture de 90 CMdonc ce mur sera représenter sur une feuille de 21 CM donc quelle est l'opération pour que mon ouverture soit à l'échelle des 21 CMmon fils m'a proposer de faire le produit en croix90x21 ...
Réponses: 2


Qui est en ligne

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


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