Question Utiliser JQuery pour un effet counterup

Plus d'informations
11 Mai 2015 13:57 #1 par tramber91
Utiliser JQuery pour un effet counterup a été créé par tramber91
Bonjour

tu peux etre plus precis sur ce que tu veux faire ou monter sur ton site ?

Sinon
Pour rajouter des codes (un script) dans un article, dans ce cas il faut mieux travailler avec un editeur texte brut
A changer au niveau configuration



Et tu installes ton script dand un article ou un module personnalisé

ou il y a peut etre des plugins ou modules joomla existant qui font ce que tu desires

@+

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
Les utilisateur(s) suivant ont remercié: LylouBeta
Le sujet a été verrouillé.
Plus d'informations
11 Mai 2015 14:37 #2 par LylouBeta
Réponse de LylouBeta sur le sujet Utiliser JQuery pour un effet counterup
Avec précision, Je voudrais donner un effet odometre ou count up sur un compteur qui existe dans le content (Nombre d'organisations)

Par exemple, lorsque j'arrive sur ma page qui compte le nombre d'organisations, l'effet fait defiler les chiffres de mon compteur de 0 au nombre courant d'organisation.

Si je dois utiliser un module ou un plugin, comment installe-t-on ces derniers ? Je ne sais pas où placer le fichier dezippé ou pas...

Y'a t il une différence entre module et plugin ?

Merci pour ta réponse rapide ;)
Le sujet a été verrouillé.
Plus d'informations
11 Mai 2015 15:35 #3 par LylouBeta
Réponse de LylouBeta sur le sujet Utiliser JQuery pour un effet counterup
Est ce que je peux transposer mes codes CSS, Jquery avec la présence de tous ces modules ou extensions ? (jquery-noconflict, mootools)
Quelle est la syntaxe pour faire appel à ces extensions ou plugins dnas l'index ?
 <script src="/media/jui/js/jquery.min.js" type="text/javascript"></script>
<script src="/media/jui/js/jquery-noconflict.js" type="text/javascript"></script>
<script src="/media/jui/js/jquery-migrate.min.js" type="text/javascript"></script>
<script src="/media/system/js/caption.js" type="text/javascript"></script>
<script src="/media/system/js/mootools-core.js" type="text/javascript"></script>
<script src="/media/system/js/core.js" type="text/javascript"></script>
<script src="/media/system/js/mootools-more.js" type="text/javascript"></script>
<script src="/plugins/system/rokbox/assets/js/rokbox.js" type="text/javascript"></script>
<script src="/templates/rt_sirocco/js/chart.js" type="text/javascript"></script>
<script src="/templates/rt_sirocco/js/wow.js" type="text/javascript"></script>
<script src="/templates/rt_sirocco/js/wow-init.js" type="text/javascript"></script>
<script src="/libraries/gantry/js/browser-engines.js" type="text/javascript"></script>
<script src="/templates/rt_sirocco/js/rokmediaqueries.js" type="text/javascript"></script>
<script src="/modules/mod_roknavmenu/themes/default/js/rokmediaqueries.js" type="text/javascript"></script>
<script src="/modules/mod_roknavmenu/themes/default/js/responsive.js" type="text/javascript"></script>
<script src="/modules/mod_roknavmenu/themes/default/js/responsive-selectbox.js" type="text/javascript"></script>
<script src="/media/plg_system_eprivacy/js/mthash.js" type="text/javascript"></script>
<script src="/media/plg_system_eprivacy/js/eprivacy.js" type="text/javascript"></script>

Merci pour votre aide :)

" Le chêne fut gland avant de s'appeler Majestueux Grand Chêne "

Le sujet a été verrouillé.
Plus d'informations
11 Mai 2015 16:15 #4 par tramber91
Réponse de tramber91 sur le sujet Utiliser JQuery pour un effet counterup
Ce qur tu dois faire

tu places tes codes javascript aux niveau de ton template (Ex odometer.js)
logiquement dans le repertoire
monsite/templates/montemplate/js

dans ton article ou module personnalisé en mode sans html tu place ce code
<script src="/templates/montemplate/js/odometer.js" type="text/javascript"></script>

puis ton code de contenu type
<div class="toto" data-odometer-value="8">1</div>

et logiquemen ce devrair etre OK

je viens de faire ce test ici dans un module personnalisé (de 1 à 8)
www.en-toutes-lettres.fr/services-web/jo...s-composants-de-base
mais avec des codes js roktheme

@+

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
Les utilisateur(s) suivant ont remercié: LylouBeta
Le sujet a été verrouillé.
Plus d'informations
12 Mai 2015 09:38 #5 par LylouBeta
Réponse de LylouBeta sur le sujet Utiliser JQuery pour un effet counterup
Merci pour ta réponse très très intéressante :)
Je comprends le cheminement ;-)

J'ai 3 questions ( peut être idiote :/ ):

1. Que veux tu dire par placer le code " en mode sans html " ?
2. Est ce qu'un script js rocktheme nécessite jquery ou mootools ?
3. Js roktheme est il un plugin ?

Merci pour ton aide ;-)

" Le chêne fut gland avant de s'appeler Majestueux Grand Chêne "

Le sujet a été verrouillé.
Plus d'informations
12 Mai 2015 21:09 #6 par tramber91
Réponse de tramber91 sur le sujet Utiliser JQuery pour un effet counterup
1) mode sans html permet d'éviter le cleaning de ton éditeur quand tu colles des scripts dans un article ou un module

2) je sais pas trop mais jquery ou mootools sont par défaut dans joomla

3) Non, en fait j'ai utilisé les 2 scripts odometer + css utilisé sur le template cygnet
demo.rockettheme.com/live/joomla/cygnet/
je fais appelle a ces 2 script au niveau du module
<script src="/templates/rt_tessellate/js/odometer.js" type="text/javascript"></script>
<script src="/templates/rt_tessellate/js/odometer-init.js" type="text/javascript"></script>
 
<div class="promo2">Biblioth&egrave;que de composants en travaux</div>
<div class="rt-title-tag">Mais de toutes les fa&ccedil;ons, cela sera souvent le cas. Joomla! cela bouge !</div>
 
<div class="rt-block-maintop">
<div class="rt-super-large-text rt-odometer-2 odometer" data-odometer-value="8">1</div>
<p>Nombre d'extension dans ma bibliothèque</p>
</div>

@+

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
Les utilisateur(s) suivant ont remercié: 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.665 secondes