La date/heure actuelle est Jeu 28 Mar 2024 - 13:05

1 résultat trouvé pour member-id

Script pour liste des membres [js]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour !
Je viens requérir votre aide pour un petit soucis de javascript ! En effet, je suis en train de coder un template #memberlist_body et je suis confrontée à un petit soucis m'empêchant de continuer. J'ai déjà fait toute la structure et pas mal d'ajouts que je désirais faire donc j'ai fait un petit schéma !

Schéma:


Schématiquement, le code de base de chaque membre, nettoyé de toutes les informations inutiles, est celui là :

Code:
<!-- BEGIN memberrow -->
  <div id="member-id">
     <div class="member-nom">PSEUDO</div>
     <div class="member-avatar">(image avatar)</div>
     <div class="member-rang">rang textuel du personnage</div>
  </div>
  <!-- END memberrow -->


Afin de poursuivre mon template, j'ai besoin d'un script qui rajoute une class avec pour no, le nom du rang au niveau de la div #member-id. Par exemple si le rang du personnage est rang1, que le codage devienne :

Code:
<!-- BEGIN memberrow -->
  <div id="member-id" class="member-rang1">
     <div class="member-nom">PSEUDO</div>
     <div class="member-avatar">(image avatar)</div>
     <div class="member-rang">rang1</div>
  </div>
  <!-- END memberrow -->


J'ai donc fait un script pour cela, ce qui donne :
Code:
<!-- BEGIN memberrow -->
  <div id="member-id" class="rang1">
     <div class="member-nom">PSEUDO</div>
     <div class="member-avatar">(image avatar)</div>
     <div id="member-rang">rang1</div>
  </div>
  <script type="text/javascript">$(document).ready(function () {if("#member-rang > rang1") {$("#member-id").addClass('member-rang1');}});</script>
  <!-- END memberrow -->


Le script fonctionne mais uniquement sur le premier membre de la liste et si par exemple le troisième membre à rang2 comme rang, alors la div parente du premier membre de la liste devient :

Code:
<div id="member-id" class="rang1 rang2"></div>


Auriez-vous une idée de comment appliquer ce script à chaque membre sans que cela ne s'accumule sur le premier ?

Merci beaucoup à ceux qui prendront le temps de lire ! Bonne soirée !
par Ashling
le Jeu 16 Aoû 2018 - 0:08
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Script pour liste des membres [js]
Réponses: 6
Vues: 835

Revenir en haut

Sauter vers: