AccueilRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Affichage des catégories en onglets

    Baylee Hamilton
    Baylee Hamilton
    FémininAge : 25Messages : 65

    le Sam 29 Aoû 2020 - 18:12

    BOnjour ^^ J'ai pris ce code
    https://www.never-utopia.com/t26304p100-affichage-des-categories-grace-a-un-jeu-d-onglets-maj-01-07-15

    Et malgré le fait que j'ai suivis toutes les étapes cela me dit: Erreur

    La balise a été fermée avant d'avoir été ouverte ou la balise n'a pas été ouverte.

    Pourtant je ne vois pas où est cette balise qui serait ouverte ou mal fermée.... Je met donc en spoiler mon template complet avec le code pour les onglets de mis... SI quelqu'un pourrais m'expliquer ce serait absolument merveilleux. Merci d'avance

    Template:
    Code:
    <div class="categories_links">
         <!-- BEGIN switch_user_logged_in -->
             <a id="nouveaux_messages" href="{U_SEARCH_NEW}">
                                 {L_SEARCH_NEW}
               </a>
       <!-- END switch_user_logged_in -->
         
         <img src="https://zupimages.net/up/20/35/ti8u.png" alt="" class="racoon_cate" />
             
         <a href="{U_SEARCH_UNANSWERED}">
                 {L_SEARCH_UNANSWERED}
         </a>
    </div>
    <script type="text/javascript">document.getElementById('nouveaux_messages').innerHTML=document.getElementById('nouveaux_messages').innerHTML.replace(/Voir les nouveaux messages depuis votre dernière visite/,"Voir les nouveaux messages");</script>
     <div id="conteneur_ongletsvo">
     <table><tr>
     <td class="ongletvo"><div>Administration</div></td>
     <td class="ongletvo"><div>Humanity</div></td>
     <td class="ongletvo"><div>Caelestis</div></td>
     <td class="ongletvo"><div>Zone HRP</div></td>
     </tr></table><div id="conteneur_categoriesvo"><!-- BEGIN catrow -->
     </div><!-- BEGIN tablehead --><div class="categorievo">
    <div class="titreprincipal">{catrow.tablehead.L_FORUM}</div>
        </div><!-- END tablefoot -->
    <!-- BEGIN cathead -->
    <!-- END cathead -->
    <!-- BEGIN forumrow -->
    <div class="blokcate">
      <div class="newsmessages"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div>
    <div class="dernierposteur"><!-- BEGIN avatar -->
    {catrow.forumrow.avatar.LAST_POST_AVATAR}
    <!-- END avatar --></div>
    <div class="fonddesc">
    <div class="description">{catrow.forumrow.FORUM_DESC}</div>
    <div class="sousforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
    </div>
    <div class="fondbas">
    <div class="forumname"><a href="{catrow.forumrow.U_VIEWFORUM}"> {catrow.forumrow.FORUM_NAME}</a></div>
    <div class="lastpost">{catrow.forumrow.LAST_POST}</div>
     
    <div class="blokstat">
      <div class="statmess">{catrow.forumrow.TOPICS} sujets</div>
      <div class="statmess">{catrow.forumrow.POSTS} messages</div>
    </div>
    </div>
    </div>

    <!-- END forumrow -->
        <!-- END catrow --></div>
    <div class="lesliensutiles"><a href="/memberlist?mode=today_posters">Top 20 du jour</a>
    <a href="/memberlist?mode=overall_posters">Top 20 du forum</a>
    <a href="/search?search_id=activetopics">Sujets actifs du jour</a>
    <a href="/?mode=delete_cookies">Supprimer les cookies</a>
    <a href="/search?search_id=newposts">Voir les messages non lus</a>
    <a href="/?mark=forums">Marquer tous les forums comme lus</a></div>
    'Christa
    'Christa
    FémininAge : 35Messages : 136

    le Mer 2 Sep 2020 - 22:25

    Hello :)

    Je ne sais pas si ton problème est résolu, mais en regardant ton code, cette partie me semble très suspecte (Le </div> me semble de trop) :

    Code:
    </div><!-- BEGIN tablehead -->

    Egalement, comparativement à la partie 2 du tutoriel, tu as ce bout de code qui a un </div> en moins à la fin :
    Code:
    <div id="conteneur_ongletsvo">
     <table><tr>
     <td class="ongletvo"><div>Administration</div></td>
     <td class="ongletvo"><div>Humanity</div></td>
     <td class="ongletvo"><div>Caelestis</div></td>
     <td class="ongletvo"><div>Zone HRP</div></td>
     </tr></table>

    Il est généralement plus facile de repérer les oublis de fermeture de balise si tu fais des sauts de ligne entre les différents éléments ^^ Un code compact est toujours compliqué à la lecture, même pour un pro du HTML :p

    Dans le cas qui nous préoccupe, si je ne voyais pas "d'oubli" de balise, je voyais une div fermée à un endroit saugrenu par rapport à la logique habituelle de ce template. La logique à retenir pour les templates FA, c'est qu'une balise ouverte à l'intérieur d'une zone délimitée par des commentaires BEGIN/END doit être fermée avant le commentaire END du même nom. Et inversement, s'il y a une fermeture de balise après <!-- BEGIN catrow --> alors qu'il n'y a pas d'ouverture de balise, c'est qu'il y a un couac.
    Baylee Hamilton
    Baylee Hamilton
    FémininAge : 25Messages : 65

    le Jeu 3 Sep 2020 - 2:53

    Merci pour ta réponse. J'ai donc suivis tes conseils mais sans succès j'ai toujours le même messages d'erreurs malgré le fait que j'ai essayé de corriger mes erreurs. Je ne comprends toujours pas ce qu'il se passe avec le code.... et pourquoi j'ai encore le message erreur La balise a été fermée avant d'avoir été ouverte ou la balise n'a pas été ouverte.


    Je remet donc mon template modifié :

    template:
    Code:
    <div class="categories_links">
        <!-- BEGIN switch_user_logged_in -->
            <a id="nouveaux_messages" href="{U_SEARCH_NEW}">
                                {L_SEARCH_NEW}
              </a>
      <!-- END switch_user_logged_in -->
       
        <img src="https://zupimages.net/up/20/35/ti8u.png" alt="" class="racoon_cate" />
           
        <a href="{U_SEARCH_UNANSWERED}">
                {L_SEARCH_UNANSWERED}
        </a>
    </div>
    <script type="text/javascript">document.getElementById('nouveaux_messages').innerHTML=document.getElementById('nouveaux_messages').innerHTML.replace(/Voir les nouveaux messages depuis votre dernière visite/,"Voir les nouveaux messages");</script>
     <div id="conteneur_ongletsvo">
     <table><tr>
     <td class="ongletvo"><div>Administration</div></td>
     <td class="ongletvo"><div>Humanity</div></td>
     <td class="ongletvo"><div>Caelestis</div></td>
     <td class="ongletvo"><div>Zone HRP</div></td>
      </tr></table>
     </div>

        <div id="conteneur_categoriesvo"><!-- BEGIN catrow -->
        <!-- BEGIN tablehead --><div class="categorievo">
    <div class="titreprincipal">{catrow.tablehead.L_FORUM}</div>
            </div><!-- END tablefoot -->
    <!-- BEGIN cathead -->
    <!-- END cathead -->
    <!-- BEGIN forumrow -->
    <div class="blokcate">
      <div class="newsmessages"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div>
    <div class="dernierposteur"><!-- BEGIN avatar -->
    {catrow.forumrow.avatar.LAST_POST_AVATAR}
    <!-- END avatar --></div>
    <div class="fonddesc">
    <div class="description">{catrow.forumrow.FORUM_DESC}</div>
    <div class="sousforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
    </div>
    <div class="fondbas">
    <div class="forumname"><a href="{catrow.forumrow.U_VIEWFORUM}"> {catrow.forumrow.FORUM_NAME}</a></div>
    <div class="lastpost">{catrow.forumrow.LAST_POST}</div>
     
    <div class="blokstat">
      <div class="statmess">{catrow.forumrow.TOPICS} sujets</div>
      <div class="statmess">{catrow.forumrow.POSTS} messages</div>
    </div>
    </div>
    </div>

    <!-- END forumrow -->
            <!-- END catrow --></div>
    <div class="lesliensutiles"><a href="/memberlist?mode=today_posters">Top 20 du jour</a>
    <a href="/memberlist?mode=overall_posters">Top 20 du forum</a>
    <a href="/search?search_id=activetopics">Sujets actifs du jour</a>
    <a href="/?mode=delete_cookies">Supprimer les cookies</a>
    <a href="/search?search_id=newposts">Voir les messages non lus</a>
    <a href="/?mark=forums">Marquer tous les forums comme lus</a></div>
    'Christa
    'Christa
    FémininAge : 35Messages : 136

    le Jeu 3 Sep 2020 - 12:54

    Hello ^^

    Dans ton enthousiasme, tu as retiré/altéré une partie du template d'origine qui est nécessaire à son bon fonctionnement, et je ne m'en suis pas rendue compte cette nuit (toutes mes excuses!).

    Je te suggère de comparer avec le template de base (utilise notepad++ par exemple, ce logiciel permet d'afficher la coloration syntaxique). Regarde bien ton code, il y a un problème au niveau d'un commentaire END :)

    Les balises de commentaire BEGIN/END dans les templates de Forumactif servent à créer des éléments qui apparaissent une ou plusieurs fois selon le type d'élément (ce sont des instructions de template, en vrai, pas des commentaires). Si on connait un peu l'anglais, on peut deviner à peu près à quoi elles servent.

    Du coup, dans le template index_box, la structure logique est la suivante :

    Code:
    <!-- BEGIN catrow -->
       <!-- BEGIN tablehead -->Tête de table<!-- END tablehead -->
       <!-- BEGIN cathead -->Zone supérieure d'une catégorie<!-- END cathead -->
       <!-- BEGIN forumrow -->Affichage d'un forum<!-- END forumrow -->
       <!-- BEGIN catfoot -->Zone inférieure d'une catégorie<!-- END catfoot -->
       <!-- BEGIN tablefoot -->Pied de table<!-- END tablefoot -->
    <!-- END catrow -->
    En te basant sur ça, est ce que tu peux repérer le couac?

    La note pédagogique bonus:
    Tous ces commentaires ne sont pas forcément nécessaires - en particulier cathead et catfoot qui sont anecdotiques - mais ils n'affichent leur contenu que selon certaines circonstances, il faut donc savoir bien s'en servir.
    Ainsi, la boucle forumrow, dont le contenu décrit l'affichage d'un forum, se répètera autant de fois qu'il y a de forums dans une catégorie. De la même façon, la boucle catrow (et donc son contenu) se répète autant de fois qu'il y a de catégories séparées.
    Baylee Hamilton
    Baylee Hamilton
    FémininAge : 25Messages : 65

    le Jeu 10 Sep 2020 - 8:04

    j'ai recommencer de zéro avec mon template que je souhaite avoir et je pense avoir trouver le problème. Je tiens donc a remercier tous ceux qui ont eu la gentillesse de m'aider :)
    Contenu sponsorisé


      La date/heure actuelle est Lun 28 Sep 2020 - 16:57