Champs HTML de TOWeb

Page 23 sur 27

Le code source des pages Web de votre site ne peut être supprimé ni remplacé car TOWeb régénère systématiquement et automatiquement toutes les pages et leur contenu. Mais si vous avez des lignes de code HTML ou vos propres scripts (JavaScript, PHP, ...) vous pouvez les ajouter dans les pages de votre site à l'aide des champs HTML de TOWeb. Selon vos besoins, vous pouvez également utiliser des simples champs textes de TOWeb. Ces deux types de champs peuvent avoir des fichiers additionnels qui seront alors publiés en suppléments dans le sous-répertoire /_fields de votre espace web.

Pour insérer ou modifier un champ TOWeb en édition d'un paragraphe utilisez le bouton Champ Script ( ). Vous pouvez également créer et gérer tous vos champs scripts à partir de l'étape "Options > Sécurité & HTML".

Champ Script


Exemple du champ script %DATE% permettant d'afficher la date du jour en JavaScript
1) A partir de l'éditeur de champs, créez un nouveau champ en cliquant sur Ajouter un champ
2) Remplacer le nom attribué par défaut ("CHAMP") par le nom suivant : DATE
3) Cochez le choix Script HTML pour le type de champ
4) Dans le contenu remplacez le script par défaut en faisant un copier/coller du source code suivant de votre script :

<script>

var d = new Date();
document.open() ;
document.write(d.getDate());
document.write("/");
document.write(d.getMonth() + 1);
document.write("/");
document.write(d.getFullYear());
document.close() ;
</script>

5) Dans un paragraphe d'une de vos rubriques ajouter la ligne de texte suivante :

La date du jour est : %DATE%

6) Construisez et visualisez votre site. Vous devriez voir dans votre page à la place de %DATE% la date du jour affichée dans votre page web.

Ce script est un petit exemple en "JavaScript" qui fait apparaître la date du jour. Vous pouvez créer ou bien coller d'autres scripts plus complexes contenant HTML, JavaScript, PHP, applets comme par exemple ceux éventuellement fournis par votre hébergeur (compteur de pages, forum, etc). Si vous avez besoin d'autres fichiers dans la rubrique où votre script est utilisé (par exemple des images, vidéos ou applications), vous pouvez les ajouter à la liste des fichiers supplémentaires prévue à cet effet.

Autre exemple : si vous avez des scripts en JavaScript qui nécessitent d'être exécutés seulement lorsque la page est chargée (comme par exemple après le chargement de JQuery si vous utilisez des fonctions de cette librairie) alors vous devrez déclarer une fonction onTOWebPageLoaded (en respectant bien les lettres minuscules et majuscules) dans laquelle vous effectuerez le copier/coller de votre code. L'exemple du script ci-dessous montre comment personnaliser l'action du clic sur le logo de votre site (réalisé avec TOWeb V5 ou versions supérieures) afin d'ouvrir non plus votre page d'accueil mais le site de Google :

<script>
function onTOWebPageLoaded() {
$('#logo').click( function() { window.location = "http://www.google.com"; return(false); } );
}
</script>


Script PHP
Si vous souhaitez inclure un script PHP dans une de vos rubriques vous devrez utiliser un champ script HTML comme décrit précédemment mais également modifiez ensuite le nom du fichier de votre rubrique en lui donnant un nom qui contiendra l'extension .php et valider ce changement par le bouton situé à coté.

ATTENTION : les scripts PHP ne fonctionnent que sur des serveurs web. Si vous demandez l'affichage d'un aperçu local dans votre navigateur web (touche F12 ou bouton ) ces scripts ne pourront pas être exécutés par votre ordinateur et vos pages s'afficheront de façon incorrecte. Pour visualiser le bon comportement et bon affichage des scripts PHP sur votre site vous devrez le publier et le tester en ligne depuis le serveur web de votre hébergeur.

Champ Texte

Exemple du champ texte %ADRESSE% contenant une adresse postale
1) A partir de l'éditeur de champs, créez un nouveau champ en cliquant sur Ajouter un champ
2) Remplacez le nom attribué par défaut ("CHAMP") par le nom suivant : "ADRESSE"
3) Cochez le choix Texte pour le type de champ
4) Dans la zone texte du champ, remplacez le texte par défaut ("Saisissez le texte de votre champ ici") par votre adresse postale complète. Vous pouvez la saisir par exemple sur plusieurs lignes comme ceci :
Lauyan Software
34 rue du Général de Gaulle
78120 Rambouillet (France)

5) Cliquez ensuite sur le bouton OK pour enregistrer votre nouveau champ.

Vous avez créé un champ ADRESSE contenant votre adresse postale. A partir de maintenant, chaque fois que vous aurez besoin d'utiliser votre adresse dans un paragraphe, tapez simplement %ADRESSE% (avec le signe % de chaque côté du nom) ou insérez le là où vous le souhaitez. Quand vous générerez votre site web, %ADRESSE% sera remplacé par l'adresse dans toutes les pages web où vous l'avez inséré.

Cet exemple utilise une adresse postale mais vous pouvez utiliser les champs texte pour tout autre texte (une note de copyright, le nom d'une entreprise, un slogan, un numéro de téléphone etc…), en fait tout texte (plus ou moins long) que vous voulez insérer à différents endroits de votre site et que vous ne voulez pas avoir à modifier sur toutes les pages.

Champs prédéfinis

Si vous désirez placer des liens vers la rubrique de votre site contenant votre politique de confidentialité vous pouvez utiliser le champ %TW-PRIVACY% à l'intérieur de vos textes.

Si vous utilisez une page d'introduction ou de consentement sur votre site vous pouvez utiliser le champ  %TW-SITE-AGREEMENT%.

Dans un site e-Commerce, le texte d'acceptation des conditions de ventes (modifiable depuis "Options > Langues > Traduire les textes prédéfinis ") peut utiliser le champ prédéfinis %TW-CDV% pour faire faire apparaitre un lien vers la page des conditions de ventes de votre site.