Carte interactive : besoin de remplacer 'BOURGOGNE' par des elements

Par aglae361, il y a 13 ans

Vos créations

Bonjour tous,
J'ai besoin de votre avis et vos lumières
Dans le tutoriel Carte interactive l'auteur met son texte dans ce qu'il appelle un tableau.

Ainsi il met

{name : 'BOURGOGNE', slug: 'provence-alpes-cote-d-azur'},

Moi j'ai besoin de mettre du html avec des Css dedans.
Exemple : 

<p class="f16b">Ain</p>
<ul class="liste">
  <li> Ambérieux : bla</li>
  <li>Bellegarde : bli</li>
  <li>Ferney Voltaire : bla</li>
  <li> Gex : blu</li>
  <li>Hauteville : bla </li>
  <li>Miribel : bla </li>
</ul>
<p class="f16b">Ardèche</p>
<ul class="liste">
  <li> Annonay : blu</li>
  <li>Aubenas : blu</li>
  <li>Aubenas :Palace</li>
  <li> Lalouvesc : blu</li>
  <li> Tournon : blu</li>
  <li> Vals les Bains : blu</li>
</ul>
<p class="f16b">Cote d'Or</p>
<ul class="liste">
  <li> Dijon : blu</li>
  <li>Dijon : blu</li>
  <li> Dijon : blu</li>
</ul>', slug: 'Bourgogne'},

Visiblement quand j'insère cela dans le code original il aime pas.
J'ai pensé que c'était les "" des css qui lui allait pas.

J'ai essayé des trucs mais j'y connais rien. Alors j'y arrive pas.
Question : Est il possible de faire cela et comment y parvenir.

Merci de votre aide précieuse

3 réponses

florian94, il y a 13 ans

Je ne pense pas que tu sois dans la bonne partie de ce forum mais bon ;)
Essaie avec :

{name : 'BOURGOGNE', slug: 'provence-alpes-cote-d-azur', data :'<p class=\'f16b\'>Ain</p>
<ul class=\'liste\'>
  <li> Ambérieux : bla</li>
  <li>Bellegarde : bli</li>
  <li>Ferney Voltaire : bla</li>
  <li> Gex : blu</li>
  <li>Hauteville : bla </li>
  <li>Miribel : bla </li>
</ul>
<p class=\'f16b\'>Ardèche</p>
<ul class=\'liste\'>
  <li> Annonay : blu</li>
  <li>Aubenas : blu</li>
  <li>Aubenas :Palace</li>
  <li> Lalouvesc : blu</li>
  <li> Tournon : blu</li>
  <li> Vals les Bains : blu</li>
</ul>
<p class=\'f16b\'>Cote d\'Or</p>
<ul class=\'liste\'>
  <li> Dijon : blu</li>
  <li>Dijon : blu</li>
  <li> Dijon : blu</li>
</ul>'}
aglae361, il y a 13 ans

Désolée, je pensais poster dans le bon forum.
Faut que je poste sur lequel ?

Je viens d'essayer ton code.
J'ai rajoutée la virgule après le dernier

</ul>'}

car cela me semblait important de la mettre pour finir comme les autres lignes.

Cela donne donc 

Dijon : blu</li></ul>'},

Mais côté navigateur il ne m'affiche que BOURGOGNE.
:o(

aglae361, il y a 13 ans

Je viens de le refaire la demande dans : Les questions - language Jquery la question est ici
En espérant avoir posté au bon endroit.
Désolé pour le dérangement.
:o|