Ajax

De TheliaDoc
Version du 9 septembre 2011 à 17:25 par Paulbe (discuter | contributions)

(diff) ← Version précédente | Voir la version courante (diff) | Version suivante → (diff)
Aller à : navigation, rechercher

Il est toujours agréable de pouvoir donner des effets à ses pages Web, Jquery est aujourd'hui une des librairies les plus utilisées sur le Web (et sans doute bientôt dans thelia directement.

Voici un exemple d'utilisation, mais il en existe de nombreux autres...

tout d'abord, nous devons appeler Jquery, (pour que celui ci soit intégré dans toutes vos pages, utilisez meta.html) et thickbox pour les effets graphiques d'affichage des images

exemple de contenu du fichier meta.html

<meta http-equiv="Content-Type" content="text/html; charset= utf-8" />
<link rel="alternate" type="application/rss+xml" title="Flux #VARIABLE(nomsite)" href="rss.php?ref=#PRODUIT_REF&id_rubrique=#RUBRIQUE_ID" />

<title>#VARIABLE(nomsite)</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="thickbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="thickbox.js"></script>

Vous appellez la page meta.html dans vos pages par la commande Thelia "INCLURE"

exemple :

	#INCLURE "meta.html"

exemple d'intégration dans la page produit.html (remarquez l'appel à la classe thickbox) :

<THELIA_PROD type="PRODUIT" ref="#PRODUIT_REF"> 
	<div class = "ListeProduitsPetits">
                       <THELIA_img type="IMAGE" num="1" produit="#ID" largeur="250"> 
                           <a href="#FICHIER" title="#PRODTITRE" class="thickbox">
                           <img src="#IMAGE"  alt="#PRODTITRE en carton" title="#PRODTITRE " border="0" id="photozoom" /></a>
                        </THELIA_img>

	<div class="ficheProduit">
	<div class="prixProduit">
		#PRIX €
	</div>



<a href="panier.php?action=ajouter&ref=#REF" class="LIEN_commander">Ajouter au panier</a>

<br /><br />

	<div class="chapoProduit">
        	#CHAPO
	</div>
	<div class="descriptionProduit">
		#DESCRIPTION
	</div>


</THELIA_PROD>

Rédaction : Albert Bruc