Pluxopolis

Tout savoir pour devenir un pro de PluXml, mais pas seulement...

Réaliser des menus déroulants à partir des menus des pages statiques

Rédigé par jack le 32 commentairese

Dans ce tutorial nous allons voir comment réaliser avec jQuery des menus déroulants à partir des menus et des groupes de pages statiques.

Lire la suite de Réaliser des menus déroulants à partir des menus des pages statiques

DClassé dans : PluXml ,Mots clés : Page statique, Navigation, PluXml, Thème, jQuery

Validation des commentaires en jQuery

Rédigé par jack le 2 commentairese


Avec ce tutoriel nous allons voir comment valider en jQuery les champs de saisie du formulaire des commentaires. L'objectif est d'afficher des messages "Champ obligatoire", "Adresse email invalide", "Url invalide" lorsque les critères de saisie ne seront pas corrects.

Pour la démo, j'utilise: Mode d'emploi...

Lire la suite de Validation des commentaires en jQuery

DClassé dans : PluXml ,Mots clés : Commentaires, jQuery, Programmation, Tuto, Validation

Créer une pagination pour les commentaires

Rédigé par jack le Aucun commentairee


Je vous propose de mettre en place un système de pagination pour les commentaires à base de jQuery.
Pour ce tutoriel je me base sur: Mode d'emploi...

Lire la suite de Créer une pagination pour les commentaires

DClassé dans : PluXml ,Mots clés : PluXml, jQuery, Programmation, Tuto, Commentaires, Navigation

Bonne pratique pour déclarer jQuery dans un plugin

Rédigé par jack le 2 commentairese

Pour tester si jQuery est déjà présent en mémoire et éviter de le charger inutilement plusieurs fois, voici la déclaration à utiliser dans un plugin de PluXml. 

<script type="text/javascript">
/* <![CDATA[ */
   if(typeof(jQuery) === "undefined") document.write(\'<script  type="text/javascript" src="https://pluxopolis.net/<?php echo PLX_PLUGINS; ?>monPlugin/jquery-x.xx.x.min.js"><\/script>\');
/* !]]> */
</script>
Si vous le pouvez, n'hésiter pas à déclarer jQuery en fin de page en utilisant le hook ThemeEndBody pour la partie visiteur ou le hook AdminFootEndBody pour la partie administration.

Exemple avec le hook ThemeEndBody: 

<?php

class monPlugin extends plxPlugin {

	public function __construct($default_lang) {

        # appel du constructeur de la classe plxPlugin (obligatoire)
        parent::__construct($default_lang);

		$this->addHook('ThemeEndBody', 'ThemeEndBody');

    }
	
	public function ThemeEndBody() {?>

<script type="text/javascript">
/* <![CDATA[ */
   if(typeof(jQuery) === "undefined") document.write(\'<script  type="text/javascript" src="https://pluxopolis.net/<?php echo PLX_PLUGINS; ?>monPlugin/jquery-x.xx.x.min.js"><\/script>\');
/* !]]> */
</script>	
	
	<?php
	}
}
?>
Adaptez avec le nom de votre plugin (monPlugin) et compléter le numéro de version utilisé de jQuery dans le nom du fichier (jquery-x.xx.x.min.js). 

src="https://pluxopolis.net/monPlugin/jquery-x.xx.x.min.js"

Merci à Jerry Wham pour avoir partagé cette bonne pratique sur le forum de PluXml.

DClassé dans : PluXml ,Mots clés : PluXml, Programmation, Plugins, jQuery

Top