Comment avoir des zones de textes redimensionnables dans Xoops 2.0 et Xoops 2.2
Date 21/11/2005 | Sujet : Programmation, Hack, ...
| Qu'est-ce que c'est ?
N'avez vous jamais trouvé que les zones de textes disponibles dans Xoops sont trop
petites (ou trop larges  ) ?
Avec cette modification de Xoops (qu'on appelle aussi un hack), vous serez en
mesure de redimensionner toutes les zones de textes disponibles dans Xoops.
Vous pouvez les rendre plus hautes, plus larges et même plus petites !
Pour une meilleure compréhension, voyez cette animation. 
C'est très utile lorsque vous écrivez un article assez long ou une réponse dans un
forum et lorsque vous souhaitez avoir une vue globale de votre texte.
Cette modification a été appliquée aux simples zones de texte, comme celles que vous
pouvez trouver dans les préférences générales de votre site ainsi que dans les zones
de textes en dhtml qui sont par exemple utilisées dans les commentaires.
L'idée originale provient de FUDforums, un excellent forum Open Source.
Pour fonctionner, ce hack nécessite que javascript soit activé.
Tests
J'ai testé avec succès cette modification avec le module de News (1.4x) et avec toutes les
zones de textes disponibles dans Xoops comme par exemple les préférences générales du site
ou les commentaires.
J'ai aussi testé, avec succès, le hack avec les navigateurs suivants :
Mozilla 1.7.12, Internet Explorer 6, Opera 8.5, Firefox 1.0.7, Netscape 8.0.3.3, Konqueror
Il y a deux versions du hack, une pour la série des Xoops 2.0 et une pour la série
des Xoops 2.2.
Vous trouverez des liens pour télécharger les hacks à la fin de cet article.
Les hacks ont été réalisés avec Xoops 2.0.13.2 et Xoops 2.2.3
Tout ce que vous avez à faire c'est de télécharger les fichiers et de les recopier sur votre site.
Si vous avez des problèmes avec ce hack
Il est possible que ce hack ne fonctionne pas avec votre site (à cause du thème et de la feuille
de style).
Rapidement (pour les experts), dans tous les cas (Xoops 2.0 ou 2.2), trouvez la feuille de
style utilisée par Xoops et modifiez le style de l'élément textarea en remplaçant width par
min-width.
En détails :
Pour Xoops 2.0.x et pour la partie administrative de votre site, éditez le ficher
/xoops/modules/system/style.css et trouvez la ligne qui commence (ou qui contient) textarea,
ensuite, dans cette même ligne, cherchez width: et remplacez le par min-width
Voilà un exemple.
Avant :
Citation :
textarea { border: #000000 1px solid; width: 430px; font: 11px verdana, arial, helvetica, sans-serif;}
Après :
Citation :
textarea { border: #000000 1px solid; min-width: 430px; font: 11px verdana, arial, helvetica, sans-serif;}
Pour Xoops 2.0.x et pour le côté utilisateur de votre site, dans le répertoire de votre thème,
éditez tous les fichiers css et utilisez le même processus que ci-dessus (trouvez texarea et
width et remplacez le par min-width).
Pour Xoops 2.2.3 et pour la partie administrative de votre site ainsi que pour la partie utilisateur,
éditez le fichier /xoops/themes/mytheme/css/style.css (remplacez mytheme par votre thème) et trouvez
la ligne qui commence par (ou qui contient) textarea, ensuite, dans cette même ligne, cherchez width:
et remplacez le par min-width
Voilà un exemple.
Avant :
Citation :
textarea { border: #000000 1px solid; width: 430px; font: 11px verdana, arial, helvetica, sans-serif;}
Après :
Citation :
textarea { border: #000000 1px solid; min-width: 430px; font: 11px verdana, arial, helvetica, sans-serif;}
Pour discuter de ce hack
Vous pouvez discuter de ce hack sur ce forum.
Utilisez-le pour faire part de vos suggestions ainsi que des problèmes rencontrés.
Téléchargement
Lien vers le hack complet pour Xoops 2.0.13.2
Lien vers le hack complet pour Xoops 2.2.3
A bientôt,
Hervé
|
|