Sujet fermé
Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5

[Resolu]Affichage d'un bandeau d'actu déroulant
#1

Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: !1.9.x
#~ Url du site : http://www.randokerlouan.fr
#~ Hébergeur / Soft : OVH
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.9.3
#~ Installed Modules:
#~ CMSMailer: 2.0.1
#~ FileManager: 1.1.0
#~ MenuManager: 1.7.5
#~ ModuleManager: 1.4
#~ News: 2.11.1
#~ nuSOAP: 1.0.2
#~ Printing: 1.1.2
#~ Search: 1.6.10
#~ ThemeManager: 1.1.4
#~ TinyMCE: 2.8.3
#~ CGExtensions: 1.23
#~ Captcha: 0.4.3
#~ Gallery: 1.4.4
#~ DownCnt: 1.1.1
#~ FrontEndUsers: 1.12.11
#~ FormBuilder: 0.7
#~ CustomContent: 1.7.3
#~ Statistics: 1.1.3
#~ CGSimpleSmarty: 1.4.8
#~ CGGoogleMaps: 2.1.3
#~ JQueryTools: 1.0.10
#~ Showtime: 2.0.3
#~ SiteMapMadeSimple: 1.2.2
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template: false
#~ output_compression: false
#~ max_upload_size: 64000000
#~ default_upload_permission: 664
#~ url_rewriting: mod_rewrite
#~ page_extension: .html
#~ query_var: page
#~ image_manipulation_prog: GD
#~ auto_alias_content: true
#~ locale:
#~ default_encoding: utf-8
#~ admin_encoding: utf-8
#~ set_names: true
#~ Php Information:
#~ phpversion: 5.2.17
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ memory_limit: 128M
#~ max_execution_time: 120
#~ output_buffering: On
#~ safe_mode: Off (Faux)
#~ file_uploads: On (Vrai)
#~ post_max_size: 64M
#~ upload_max_filesize: 64M
#~ session_save_path: /tmp (1777)
#~ session_use_cookies: On (Vrai)
#~ xml_function: On (Vrai)
#~ Server Information:
#~ Server Api: cgi
#~ Server Db Type: MySQL (mysql)
#~ Server Db Version: 5.0.90
#~ ----------------------------------------------
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~



Bonjour à toutes et à tous avec tous voeux pour cette nouvelle année,



Je suis à la recherche d'un module qui permettrait d'afficher pendant un temps détermine une actu ou une info dans un "bandeau" à l’intérieur du contenu d'une page. Ces actu ou info seraient sous forme de chaînes de caractères à saisir dans l'admin de cmsms et défileraient ou serait affichées à intervalle régulier sur cette page.

Je n'ai rien trouvé dans la "Forge" ou peut-être mal cherché.

Avez-vous une idée qui pourrait m'aider ?

Merci d'avance

Alain


Ps : la version en prod date un peu mais je suis passé en local à la 1.10.2. J'ai quelques tests à finir et je programme la mise à jour du site
#2

tu pourrais utiliser le module news avec une catégorie particulière et un gabarit adapté

ainsi tu bénéficies des fonctions date début et date de fin sans devoir installer un Xième module
#3

Oui, j'y ai pensé mais cela ne résout pas problème de l'affichage pendant un temps donné et passage à la news suivante pour le même laps de temps. Sur le plan de la gestion des actus, je pense qu'il a des solutions du type news mais sur l"affichage là je coince.

Merci bess pour ta réponse
#4

Bonjour,

Je reviens vers vous, car j'ai trouvé comment réaliser l'affichage : avec une animation flash.

J'ai donc réalisé une animation qui fait l'affichage de 4 chaînes de caractères l'une après l'autre pendant un temps donné. J'ai également trouvé comment passer les 4 chaînes de caractères à l'animation dans le cadre d'un formulaireavec la méthode "POST".
http://www.randokerlouan.fr/e-anim/4vari...indexe.php

J'ai, dans une balise utilisateur, le code qui me permet d'aller chercher dans la base de donnée les 4 chaînes de caractères mais je n'arrive pas à passer ces valeurs à l'animation.

J'ai essayé l'appel à l'animation après la balise utilisateur dans une page cmsms : ça ne marche pas, je n'arrive même pas à afficher les valeurs des variables issues de la balise utilisateur.

J'ai essayé de mettre l'animation dans la balise utilisateur, ça ne marche pas je me heurte à pb de méthode et/ou de syntaxe. Dans ma page de test, je n'ai initialisé qu'une seule variable de l'animation ce qui permet de voir les autres défilées en "undefined" :
http://www.randokerlouan.fr/randokerloua...t-act.html

Je ne sais pas ou chercher dans la doc si la solution se trouve dans php ou dans smarty, je suis perdu ...Help !!!

Merci d'avance pour votre aide

Alain
#5

Bonjour,

j'arrive un peu après la guerre mais est-ce que ce type de solution, http://slidesjs.com/, en Javascript/html/css ne serait pas adéquate à ta problématique ?

Non pas que je n'aime pas le flash, disons que je le déteste Big Grin
#6

Je rejoins Youpi sur l'encouragement à utiliser du Javascript (JQuery par exemple) pour faire ce simple défilement plutôt que Flash Wink

Si c'est une simple chaine de caractères, peut être qu'un Bloc de contenus global pourrait faire l'affaire ? Sous forme d'une liste par exemple, qui serait ensuite transformée par un script Jquery.
Pour ce genre d'animations, j'aime bien JQuery Cycle (http://jquery.malsup.com/cycle/) car il est simple et puissant Smile
#7

Merci à tous les pour vos réponses,

C'est vrai que ces solution sont alléchantes par contre elles appelles de ma part beaucoup de questions n'étant pas trop pointu dans ce domaine.
Sur le site jquery.malsup.com, j'ai trouvé ce que je cherchais et un pluggin que j'ai téléchargé : "jquery.cycle.all.js".
J'utilise aussi le modules Jquerytools de Calguy sur mes pages, y a t'il un pb de compatibilité entre ce script et le reste des srcipts jquery du module ?
Autre question, ce script je ne sais pas trop où le mettre dans l'arborescence des répertoires de Cmsms ou faut-il faire un lien vers le site de malsup.com ?

Airelib, tu parlais de bloc de contenu global : est-ce que je peux mettre du code php dans ce bloc de contenu global?

Bon je me retrousse les manches et je vais faire plein de tests

Merci d'avance pour votre aide

Alain
#8

Effectivement, tu as besoin au préalable de la librairie jquery, puisque jquery.cycle.all.js n'est qu'un plugin qui "etend" jquery afin d'offrir plus de fonctionnalités ! j'ai regardé ce n'est pas le cas actuellement sur ta page http://www.randokerlouan.fr/randokerloua...t-act.html


Plusieurs solutions:

1. Soit tu télécharge jquery et tu le met en effet dans un dossier sur ton FTP, une solution simple étant de crée un dossier 'js' a la racine du site ou tu y mettrai tout tes fichiers JS.
2. Ou bien tu peux utilisé directement le fichier jquery que google héberge pour nous tous a cette adresse :

https://ajax.googleapis.com/ajax/libs/jq...ery.min.js.

Dans les 2 cas, tu dois absolument inséré dans ton gabarit de page le code HTML suivant:

Code :
<script type="text/javascript" src="l_adresse_de_ton_choix"></script>

Ou a la place de 'l_adresse_de_ton_choix' tu insère soit le lien vers google (donné ci dessus) soit si tu as décidé d'heberger toi même la librairie jQuery quelques chose comme ca:

http://www.randokerlouan.fr/js/jquery.min.js (si tu a placer jquery dans le dossier 'js' hein Smile )

Dernière chose assure toi que cette ligne <script></script> soit au dessus /avant (dans la source HTML) l'appel à jquery.cycle.all.js

Je suppose que tu va encore galéré un peu mais au moins tu auras les pre-requis javascript pour commencer ! Have fun Smile

ps: tu as un super exemple ici: http://jquery.malsup.com/cycle/basic.html, analyse bien la source HTML car tu devra faire la même chose !
#9

Merci Youpi pour ton aide.

J'ai fais un peu de ménage sur ma page de test ce sera plus clair.

Je souhaite afficher des div comme dans l'exemple n°7 de cette page (non-Image content) :http://jquery.malsup.com/cycle/int2.html

J'ai donc installé les scripts du module JqueryTools dans les metadonnées de ma page puis les scripts du plugin et enfin le code qui se trouve sous l'exemple de malsup.com :
Code :
{JQueryTools action=incjs}
{literal}
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>
<style type="text/css">
#s7 { width: 700px; height: 70px; border: 1px solid #ddd; background-color: #eee; }
#s7 div { width: 650px; height: 30px; padding: 15px; color: #333; text-align: left; font-size: 12px; overflow: hidden; }</style>
<script type="text/javascript">
$.fn.cycle.defaults.timeout = 6000;
$(function()
{
$('#s7').cycle({
    fx:    'scrollUp',
    delay: -1000
});
}
</script>
{/literal}

Si je regarde le code de ma page de test cela ressemble à l'exemple simple que tu me donnais: http://jquery.malsup.com/cycle/basic.html

J'ai pu, dans ma page de test, modifier l'aspect des div que je veux afficher dans le cycle par contre les 3 div s'affichent mais ne bouge pas. qu'est-ce que je n'ai pas capté ?
http://www.randokerlouan.fr/randokerloua...t-act.html


Merci de ton aide

Alain
#10

D'après ton code source tu charges JQuery deux fois - Commences déjà par supprimer ta ligne :

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>


De manière générale je n'utilise plus JQueryTools car la version de JQuery est plus ancienne (1.4). Regarde du côté de {cms_jquery} dans ton admin / extensions / balises. C'est assez pratique Wink

Dis-nous ce que ca donne en ayant enlevé la seconde inclusion de JQuery
#11

Merci Aire libre,

J'ai fais le test en enlevant cette ligne de script comme tu me le demandais, cela ne change rien au niveau de ma page de test.
J'ai regardé la balise {cms_jquery} mais je ne l'ai pas dans ma version de cmsms en prod (1.9.3).

Par contre, en local, je suis passé en 1.10 et j'ai cette balise. J'ai donc créé une page de test identique à celle de la prod, j'ai viré {JQueryTools action=incjs} et remplacé par {cms_jquery} cela ne donne rien non plus au niveau du résultat de l'affichage.

Je vais essayer d'autres cycles et je vous tiens au courant....
#12

Je reviens vers vous car la situation a évoluée et dans le bon sens en plus.

Je suis parti sur cet exemple basic : http://jquery.malsup.com/cycle/basic.html que j'ai fais fonctionner en local en reprennant exactement les scripts qui étaient montés dans l'exemple. Puis j'ai implémenté ce que je voulais faire à savoir faire défilé des chaînes de caractères et ça marche http://www.randokerlouan.fr/randokerloua...t-act.html

Première étape franchie. La deuxième consiste à générer les div qui seront affichées avec des data de base de données. Là j'ai besoin de conseils. Balise utilisateur ou bloc de contenu global ? l'affichage tel que je le souhaite doit -il être inclus dans la balise ou dans le bloc ou dans le contenu de la page ?

Merci de votre aide

Alain
#13

Cool, ça avance Smile

Une catégorie de news 'affichage_bandeau' ferait l'affaire je pense, avec le gabarit 'gab_bandeau' associé qui se chargerai de générer les div's a ta convenance, avec leurs contenu (titre + texte + etc ... propre a {news})
#14

Merci Youpi pour ton aide.

Bon, j'ai repris une balise utilisateur que j'avais déjà commencer à travailler dans ce but et voila le résultat :
http://www.randokerlouan.fr/randokerloua...t-act.html

je vais quand même regarder ce que je peux faire avec le module News c'est une bonne idée. J'avais prévu une catégorie de news pour mes "Actu" mais je n'avais pas songé à faire un gabarit spécifique... qu'est-ce que l'on peut se compliquer la vie des fois.

En tous cas, je vous rejoints avec Aire Lib, c'est mieux d'utiliser du javascript qu'une animation flash dans ce cas là.

Merci de votre aide à tous les 2, je vais ajouter resolu dans le titre de mon premier poste.

A bientôt

Alain
#15

Bonsoir,

Ravi de voir que c'est résolu ! Le gros avantage d'utiliser JQuery plutôt qu'une animation flash est que tu peux facilement créer toutes sortes d'animations, et ce dans n'importe quel gabarit de CMSMS !

Je ferme le sujet Smile A bientôt
Sujet fermé


Atteindre :


Utilisateur(s) parcourant ce sujet : 3 visiteur(s)