Affichage du texte en cliquant sur le titre

Domnacus Messages postés 4 Statut Membre -  
Domnacus Messages postés 4 Statut Membre -
Bonjour,

dans le but de réduire la longueur de mes textes
j'ai besoin de n'afficher que mes titres en haut de page

A dire que si je rends actif " Bonjour "
et que je clique dessus, les 2 lignes qui suivent s'affichent

Je travaille sur FcKeditor, et je sais que ca marche en passant par javascript

Merci de m'indiquer la marche à suivre

Félicitations aux personnes BienVeillantes qui rendent services

Cordialement

2 réponses

  1. V4lkYr Messages postés 40 Statut Membre
     
    salut

    tu peux faire un spoiler :

    <h1 onclick="javascript:montrer_spoiler('spoiler2')"><strong>spoiler</strong>
    <script type="text/javascript">
    function montrer_spoiler(value){var actual=document.getElementById(value).style.visibility;if (actual=='visible'){document.getElementById(value).style.visibility='hidden';}else{document.getElementById(value).style.visibility='visible';}} </script>
    <dl style="visibility: hidden;" id="spoiler2">
    <dd>texte c<br>
    </dd>
    </dl>
    </h1>
    0
  2. Domnacus Messages postés 4 Statut Membre
     
    Très bien Merci ca marche
    je suis tout neuf en programmation

    seulement, je ne puis pas changer les polices aisément
    puis quand j'ai 2 titres, il faut qu'ils soient l'un en dessous l'autre
    et le texte vient viendrait s'intercaler en ce mettent sous le premire titre

    il y aurait en ce cas,
    le titre 1
    le texte 1 le titre 2
    le texte 2
    est ce possible ??

    ainsi que de faire en sorte d'actviver les titres de façon à faire ressortir le lien

    Seulement,je ne sais pas paramétrer la page

    autrement, j'ai trouvé cette méthode

    1 - Cliquez sur Source pour passer en mode codage et entrez la fonction javascript suivante :
    (Cette fonction sera appelée en cliquant sur les liens)

    <script language="javascript">

    function afficher(monid){

    document.getElementById('historique').style.display='none';
    document.getElementById('concept').style.display='none';
    document.getElementById('autrezone').style.display='none';

    document.getElementById(monid).style.display='block';
    }

    </script>

    2 - Retournez au mode d'édition normale en cliquant de nouveau sur `Source' et écrivez les textes des liens souhaités puis séléctionnez le premier lien et cliquez sur Inserer / modifier le lien

    3 - Dans la fenetre qui apparaît, tapez ceci dans la zone URL :

    javascript :afficher(`historique')

    Et choisissez `autre' comme protocole.
    Cliquez sur OK

    Répétez l'opération pour le lien numéro 2 en écrivant ceci dans la zone URL :
    javascript :afficher(`concept')

    4 - Composez ensuite vos différents textes et images que compose chaque lien et qui devront apparaître

    5 - Sélectionnez la première partie de votre texte (celle qui sera affichée en cliquant sur le lien numéro 1) puis cliquez sur créer balise div

    6 - La fenêtre suivante s'affiche. Cliquez sur l'onglet `Avancé' puis renseignez l'id de la balise (historique) et l'attribut ( display :none ; ) sans oublier le point virgule à la fin de celui-ci et cliquez sur OK. En faisant ceci, on donne un nom à la balise DIV créée. L'attribu display :none ; indique qu'il ne faut pas afficher cette balise. Elle ne s'affichera que lorsque l'on viendra cliquer sur le lien.

    7 - Faites de même pour la deuxième partie du texte (étape 5 et 6) mais en indiquant cette fois ci concept pour l'id.

    Validez votre page....c'est fini !

    Voili Voilà

    Merci bien beaucoup de votre réponse
    0