Question Utiliser JQuery pour un effet counterup

Plus d'informations
13 Mai 2015 11:22 #7 par LylouBeta
Réponse de LylouBeta sur le sujet Utiliser JQuery pour un effet counterup
Merci pour ton aide ! ;)
Le sujet a été verrouillé.
Plus d'informations
20 Mai 2015 14:24 #8 par LylouBeta
Réponse de LylouBeta sur le sujet Utiliser JQuery pour un effet counterup
J'ai un petit souci avec mon effet odometer...

En effet, j'ai récupéré les codes odometer.js, puis son css.

j'appelle mon javascript et mon css dans l'index.php du dossier template.
JHtml::_('bootstrap.framework');
// Add Javascript
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/js/odometer.js');
// Add Stylesheets
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/template.css');

Dans l'html de mon module, je place min id et ma class :
<h3>Organisations</h3>
<hr /><span id="odometer" class="odometer">0000</span></div>
</div>
<div class="&quot;gantry-width-33">
<div class="&quot;gantry-width-spacer">
<div class="&quot;rt-block-maintop">
<h3>Decisionnaires</h3>
<hr /><span id="odometer" class="odometer">0000</span></div>
</div>
<div class="&quot;gantry-width-33">
<div class="&quot;gantry-width-spacer">
<div class="&quot;rt-block-maintop">
<h3>Evenements</h3>
<hr /><span class="odometer">0000</span></div>
</div>
</div>
</div>
</div>
</div>

Je suis consciente qu'il ne faut pas répéter plusieurs fois l'id.

Sans l'id odometer, mon effet ne fonctionne pas, hors je dois pouvoir répéter l'effet 3 fois sur le même module.

Aurais-tu un alternatif ? car je ne sais pas modifier le fichier odometer.js.

Merci pour une aide :-)
Le sujet a été verrouillé.
Plus d'informations
20 Mai 2015 14:44 #9 par serge
Réponse de serge sur le sujet Utiliser JQuery pour un effet counterup
ce n'est pas normal d'utiliser 3 fois un id, toutefois tu peux essayer ... si ça marche tant mieux
Le sujet a été verrouillé.
Plus d'informations
20 Mai 2015 16:22 #10 par LylouBeta
Réponse de LylouBeta sur le sujet Utiliser JQuery pour un effet counterup
Je te rassure le monde n'a pas changé, ça ne fonctionne pas comme ça :-)
Le sujet a été verrouillé.
Plus d'informations
20 Mai 2015 21:01 #11 par tramber91
Réponse de tramber91 sur le sujet Utiliser JQuery pour un effet counterup
Tu as essayé en métant tes codes dans 2 modules personnalisés position odomoter1 et odometer2

puis dans ton article mettre

{loadposition odometer1}
{loadposition odometer2}

@+

Pas de support en MP sans y être invité. Merci
Merci de vous conformer aux règles du forum. Un merci, Cela fait toujours plaisir ;)
www.en-toutes-lettres.fr - Digital
Le sujet a été verrouillé.
Plus d'informations
21 Mai 2015 09:15 - 21 Mai 2015 11:07 #12 par LylouBeta
Réponse de LylouBeta sur le sujet Utiliser JQuery pour un effet counterup
Je ne comprends pas ta démarche et n'y voit pas la démarche.

Par contre, j'avais une question. Je souhaiterai avoir l'effet odometer en ayant une valeur fixe dans la balise au lieu d'un "0000" comme ceci : <span id="odometer" class="odometer">4312</span> au lieu de mettre la valeur dans le code JS, ou dans une value.

Comment fait-on ?

Merci pour l'aide
Dernière édition: 21 Mai 2015 11:07 par LylouBeta.
Le sujet a été verrouillé.
  • Vous ne pouvez pas: Créer un nouveau sujet.
  • Vous ne pouvez pas: Répondre au sujet.
  • Vous ne pouvez pas: Éditer votre message.
Modérateurs: lavstephtramber91sergestarter
Temps de génération de la page : 0.522 secondes