11521 sujets

JavaScript, DOM et API Web HTML5

J'ai recueilli ce script sur CodePen, mais rien ne se passe. Je ne sais pas trouver mon erreur, donc merci de vos suggestions.
Source :
https://codepen.io/maaviles/pen/OJMbLx


Dans le "head" je mets le script : cycle_text.js

<script type="text/javascript">
<!--
var divs = $('div[id^="content-"]').hide(),
    i = 0;

(function cycle() { 

    divs.eq(i).fadeIn(400)
              .delay(1000)
              .fadeOut(400, cycle);

    i = ++i % divs.length;

})();
-->
</script>


Puis le html :

<body>
<div id="content-1">Meep</div>
<div id="content-2">Moop</div>
<div id="content-3">Beep</div>
<div id="content-4">Peep</div>
<div id="content-5">Poop</div>
<div id="content-6">Loop</div>
<div id="content-7">Neep</div>
</body>
Salut,

Cela sent l'oubli de jquery oui.

Si tu regarde ton codepen dans la partie javascript il y a une petite roulette à cliquer pour voir les librairies utilisés ( et tu trouveras : //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js )
Je n'ai pas testé, mais... Je vois un commentaire HTML qui entoure votre script. Ce commentaire n'est pas dans le code d'origine, si vous avez intégré le script comme tel en inline, directement tel quel dans le html entre des balises script, il est normal que le code ne "marche" pas du coup.
Modifié par Olivier C (05 May 2022 - 20:33)