Forum ZitePLUS
Vous n'êtes pas identifié(e).
- Contributions : Récentes | Sans réponse
#1 24/04/2008 12:00:27
- Defaz
- Membre
- Inscription : 23/04/2008
- Messages : 5
... Integrer Mootools ?
Bonjour !
Mootools est donc un framework Javascript qui permet de donner des effets à une page web.
J'aimerais donc intégrer quelques effets comme :
- Celui-ci pour le menu latéral.
- Celui-la pour les infobulles.
- Ou encore Ce dernier pour frimer sur mes pages 
Le plus gros soucis est que je n'y connais rien en JavaScript, alors je fais des essais mais pour le moment ça ne donne pas grand chose.
J'ai donc ajouté dans template.php dans la balise <head> ceci pour charger le fichier :
<script type="text/javascript" src="js/mootools-release-1.11.js"> </script>Par contre je bloque pour la suite...
Si vous avez des pistes, je suis intéressés. Pour le moment je squatte le site du zero
PS : une petite merveille ce Zite 
Hors ligne
#2 25/04/2008 09:51:39
- Defaz
- Membre
- Inscription : 23/04/2008
- Messages : 5
Re : ... Integrer Mootools ?
Bon ça fonctionne !! Suffisait de demander à un expert
Donc pour ceux que ça intéresse, je vais détailler les premiers pas pour l'intégration de Mootools
1/ Télécharger et uploader mootools-release-1.11.js
- Aller sur : http://mootools.net/download et cochez l'intégralité (une fois les effets fonctionnels vous pourrez sélectionner les éléments qui vous suffisent).
- Renommez le fichier mootools-release-1.11.js.txt en mootools-release-1.11.js.
- Enfin, envoyez le fichier sur votre FTP soit dans le répertoire racine de Zite, soit dans un sous-répertoire.
2/ Intégration du code dans template.php
- Ouvrez template.php, cherchez
<link href="style.css" rel="stylesheet" type="text/css" />- Ajoutez en dessous
<script type="text/javascript" src="mootools-release-1.11.js"> </script>- src="mootools-release-1.11.js" désigne l'endroit ou vous avez mis le fichier, dans le cas présent il est à la racine du dossier Zite.
3/ Intégration d'un des effets de mootools
- Aller sur cette page pour choisir l'effet que vous souhaitez intégrer.
- Ouvrez template.php et insérez entre <script type="text/javascript" src="mootools-release-1.11.js"> et </script> la fonction suivante :
window.addEvent('domready', function() {
// ICI EST L'ENDROIT OU VOUS PLACEZ LE JAVASCRIPT
});- Ensuite, sur la page de votre exemple trois liens vous indiquent les fragments de codes à recuperer, vous les trouverez aux liens à droite sous le titre et présentés ainsi : js code | html code | css code
- js code est à ajouter à la place de
// ICI EST L'ENDROIT OU VOUS PLACEZ LE JAVASCRIPT- html code est éventuellement à ajouter dans le corps de votre page, c'est à dire entre les balises <body>.
- Et enfin css code sera à ajouter à la fin de votre fichier style.css.
Bien entendu tout les scripts ne fonctionneront pas immédiatement et il faudra adapter le code fournit par Mootools ou bien adapter Zite à celui-ci.
En esperant que ça vous sera utile 
Hors ligne