11544 sujets

JavaScript, DOM et API Web HTML5

Bonsoir,


Je tente d'utiliser ce fameux jquery.
J'y arrive presque...
J'ai maintenant besoin de votre aide.
Avez-vous un peu de temps pour tenter de m'aider ?
D'avance, je vous en remercie.

Le slider défile bien tous les messages.
Mais il subsiste un problème.
Je n'arrive pas à afficher de message
en cliquant sur un des liens (boutons avec numéros).

J'ai pourtant consulté beaucoup d'articles sur internet.
Même mon ami google ne veut pas m'aider !
Voici le lien de l'éditeur ici

Voici le début de ma page :
<?php
	$avis[] = "Adolescebat autem obstinatum propositum erga haec et similia multa scrutanda, stimulos admovente regina, quae abrupte mariti fortunas trudebat in exitium praeceps,";
	$avis[] = "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.";
	$avis[] = "Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li. Li Europan lingues es membres del sam familie. Li Europan lingues es membres del sam familie.";
	$avis[] = "Loin, très loin, au delà des monts Mots, à mille lieues des pays Voyellie et Consonnia, demeurent les Bolos Bolos. Ils vivent en retrait, à Bourg-en-Lettres, sur les côtes de la Sémantique, un vaste océan de langues.";
	$avis[] = "Tous mes sens sont émus d'une volupté douce et pure, comme l'haleine du matin dans cette saison délicieuse. Seul, au milieu d'une contrée qui semble fait exprès pour un coeur tel que mien, j'y goûte à longs traits l'ivresse de la vie.";
	$avis[] = "En se réveillant un matin après des rêves agités, Gregor Samsa se retrouva, dans son lit, métamorphosé en un monstrueux insecte.";
	$avis[] = "Voyez ce jeu exquis wallon, de graphie en kit mais bref. Portez ce vieux whisky au juge blond qui fume sur son île intérieure, à côté de l'alcôve ovoïde, où les bûches se consument dans l'âtre,";
	$cptavis = count($avis);
?>


Voici l'initialisation du jquery :
<script type="text/javascript">
    $(function() {
		$('#slider-id').codaSlider({
			firstPanelToLoad: (Math.floor(Math.random() * <?php echo count($avis); ?>) + 1),
//			slideEaseFunction: "easeInExpo",
			continuous: true,
            autoSlide: true,
			autoSlideInterval: 4000,
			autoSliderDirection: "right",
			autoSlideControls: true,
            autoHeight: false,
			dynamicArrows: false,
			dynamicArrowsGraphical: false,
			dynamicTabs: true,
			dynamicTabsAlign: "right",
			dynamicTabsPosition: "bottom",
			panelTitleSelector: "h2.title"
        });
	});
</script>

Voici maintenant, le remplissage du slider
<div id="slider-id" class="coda-slider">
    <?php
    for ($islider=0; $islider<count($avis); $islider++) {
        echo "<div class='panel' style='height:48px; overflow-y:auto;'>";
        echo "<h2 class='title'>".($islider+1)."</h2>";
        echo "<p>".$avis[$islider]."</p>";
        echo "</div>";
    }
    ?>
</div>

A l'aide, svp !
Modifié par jytest (01 May 2013 - 22:49)
Modérateur
Bonjour,

La page du site obtient une erreur:

TypeError: $(...).find(...).on is not a function
error source line:

$($(self.sliderId).parent()).find('[class^=coda-nav-]').on('click', function(e)


Le problème vient de la méthode «on» n'existant pas avant jQuery 1.7, or tu utilises jQuery 1.5.1
Ce plugin est mal documenté d'ailleurs, il devrait mentionner la compatibilité… enfin…

Une mise-à-jour de jQuery devrait aider, après tout 1.5 c'est assez vieux.
Génial !
Une fois de plus, tu as mis le doigt dessus !
Merci !

Cela faisait quelques heures que je m'arrachais les cheveux !
En effet, le passage à un jquery plus récent (1.8.3) a résolu l'affaire !

ATTENTION,
Cela ne fonctionne plus à partir des versions des jquery 1.9 et supérieures !