svt:Timer - pour une galerie d'images changeantes

Tests pour Viewhelpers von SVT inklusive Timer

Le plugin suivant montre qu'une minuterie peut également être réglée toutes les minutes. Dans le même temps, l'exemple montre comment SVG peut être utilisé de manière flexible pour afficher des graphiques. Les opérations arithmétiques requises dans la vue pour un rendu dynamique sont effectuées par le viewhelper <svt: calculate>.

Étant donné que la référence au fichier SVT a été étendue par une fonction de minuterie, vous pouvez également utiliser des modèles personnalisés pour afficher et masquer des images à différents moments. Bonne technologie pour les campagnes de marketing en temps opportun et les apparences de site Web. Vous pouvez convertir rapidement tous les éléments de contenu importants si votre site Web est programmé dans TYPO 8.7.

Préparer le test-plugin de 'svt' pour les tests

  1. Définir un sysfolder pour les définitions de timer.
  2. Définir une définition de temporisateur avec la structure périodique:
    • période active pendant une minute
    • période passive pendant une minute
    • période passive pendant une minute
  3. Définir une définition de temporisateur avec la structure périodique:
    • période passive pendant une minute
    • période active pendant une minute
    • période passive pendant une minute
  4. Ouvrez l'élément de contenu pour ce plugin.
    (Si vous lisez ceci dans le frontend, vous l'avez déjà fait.)
  5. Ajoutez au moins deux svg-files comme partiels alternatifs à ce plugin:
    • Remarquez le premier fichier svg avec la première définition de timer.
    • Remarquez le deuxième fichier svg avec la deuxième définition de timer.
    Si vous avez installé cette extension, vous trouverez deux sous-tables dans le dossier / fileadmin / svt / Diagramms. Sinon, vous devez d'abord mettre à disposition les fichiers svg / partials à partir de typo3conf / ext / svt / initialization / files / diagrammes / dans votre TYPO3-FAL.
  6. Rechargez chaque minute la page, qui contient ce plugin, et voyez comment cela fonctionne.

Generate CSS and JS dynamically with TYPO3

Generate dynamically CSS/stylesheets

german flag could change temporay (typoscript-time-condition)

CSS classes for flag requested by extension and dynamically generated by TYPO3

Staticly inluded javascript, which is dynamically generated by TYPO3

Open the console of your browser. You should find two messages: one from the static file and one from the dynamically generated stream.

calcul résultat attendu vérifié
2 ↑ -3 ↓ 5 ↑ 333 D'accord
2 ↑ (-3 ↓ 5) ↑ 3 33 D'accord
30 *sin(30°) +14 2929 D'accord
round(30 *sin(30°) +14) 2929 D'accord
abs(3*5+6*-4+3^2-1)11 D'accord

Testez les svg-charts

Vous devez définir une minuterie périodique dans un dossier séparé. La minuterie devrait prendre trois minutes. Ajouter à ce plugin un graphique du dossier 'fileadmin / svt / Diagramms' comme 'alternative partielle' et combinez-le avec votre «minuterie de trois minutes».

Liste des données pour un graphique à barres

C'est le partiel par défaut. Il montre une table (uid, valeur, couleur) Il n'y a pas d'alternative active partielle.
uid valeur couleur
1-12007darkred
213937darkblue
315885gray
4-2986silver
5-143221green
671317gainsboro
72052gold
8281146darkred
9118darkblue
101747gray
11462574silver
12-2363green

Chart-partial remplacera list-partial

Le nouveau chemin remplace l'objet

Si vous avez défini au moins un partial à redéfinir, cela annulera partiellement à chaque fois la valeur par défaut partiellement définie par le plugin.
Heinz: -12007Michael: 13937Laurin: 15885Klaus: -2986Thomas: -143221Wolfgang: 71317Peach: 2052Pit: 281146John: 118Friedrich: 1747Martin: 462574Albert: -2363

Remplacer par le chemin défini par une chaîne

Modèle avec diagramme remplacer périodiquement modèle avec texte

Minuterie utilisée dans si-condition

Cette partie utilisera viewhelper < svt: timerActive >. Le viewhelper génère un '1', si le timer est actif. Vous pouvez basculer entre deux modèles alternatifs (partiels) dans cet exemple.
  • ### Michael: 13937
  • ### Laurin: 15885
  • ### Wolfgang: 71317
  • ### Peach: 2052
  • ### Pit: 281146
  • ### John: 118
  • ### Friedrich: 1747
  • ### Martin: 462574
  • ### Heinz: -12007
  • ### Klaus: -2986
  • ### Thomas: -143221
  • ### Albert: -2363

Sélection de Partiel de la liste par minuterie

Le viewhelper sélectionne le premier hit en tant que partie alternative d'un objettorage. Le objectstorage peut contenir une liste de partiels alternatifs. Vous pouvez utiliser ce viewhelper pour utiliser différents partiels alternatifs avec des périodes qui se chevauchent sans conflits.
  • ### Michael: 13937
  • ### Laurin: 15885
  • ### Wolfgang: 71317
  • ### Peach: 2052
  • ### Pit: 281146
  • ### John: 118
  • ### Friedrich: 1747
  • ### Martin: 462574
  • ### Heinz: -12007
  • ### Klaus: -2986
  • ### Thomas: -143221
  • ### Albert: -2363

Basculer entre différents teaser par minuterie

Use SVG in HTML to allow different teaser-forms. If your developer define and allows it, you may override an existing partials with your uploaded partial. The current test situation is simpler. The timer only switch between two SVG-partials. The table show your used informations, which are similiar in both cases.
Votre don prend en charge l'Internet créatif dynamique.69,-€SUPERMon cadeau pour toi

Informations used for the teaser
Path of Image Short Sentence Price Pimp Word Slogan
/typo3temp/assets/_processed_/3/c/csm_FarbeImLeben_56611a851b.jpgVotre don prend en charge l'Internet créatif dynamique.69,-€SUPERMon cadeau pour toi

Ne pas oublier

Après son test, l'éditeur peut oublier de remplacer la date du test par une date historique. Activez le planificateur de 'svt', qui réinitialise automatiquement la date du test dans la base de données.