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 : phpBB2Poste 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 !
- 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