Bonjour,

Je souhaiterais intégrer une variable à l'intérieur d'une balise html pour en facilité la gestion (gros de volume/redondance), ne pouvant utiliser du php et mysql)

J'ouvre une lightbox à l'intérieur de laquelle je souhaiterais afficher les variables :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<a class="fancybox" href="#profil" title="Liste des profils"><img class="vignette" src="design/vignette.png" /></a>

puis la lightbox :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
<div id="profil" style="width:400px;display: none;">
<span class="dispoprofil"><center>Disponible sur les profils suivants :</center></span>
<div class="list-group">
  <a class="list-group-item"><ul class="fa-ul"><li><i class="fa-li fa fa-times"></i><span class="item">Profil 1</span></li></ul></a>
  <a class="list-group-item"><ul class="fa-ul"><li><i class="fa-li fa fa-check"></i><span class="item">Profil 2</span></li></ul></a>
  <a class="list-group-item"><ul class="fa-ul"><li><i class="fa-li fa fa-check"></i><span class="item">Profil 3</span></li></ul></a>
  <a class="list-group-item"><ul class="fa-ul"><li><i class="fa-li fa fa-check"></i><span class="item">Profil 4</span></li></ul></a>
...
</div>


L'idée serait de gérer la valeur de la classe <i> à partir d'une liste de variable

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
var dispo=new Array(2);
dispo[0]="check";
dispo[1]="times";
pour générer :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<a class="list-group-item"><ul class="fa-ul"><li><i class="fa-li fa fa-<script>document.write(dispo[1]);</script>"></i><span class="item">Profil 1</span></li></ul></a>


Mais cela ne donne soit aucun résultat, la puce n'est plus visible.

Pourriez-vous m'orienter sur cette réalisation?
Merci par avance