Fork me on GitHub

Comment avoir des zones de textes redimensionnables dans Xoops 2.0 et Xoops 2.2

200521
Novembre
  Anonyme Programmation, Hack, ... 4137
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. Open in new window
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é

Note: 10.00 (5 votes) - Noter cet article -

Partager Twitter Partagez cette article sur GG+
Format imprimable Envoyer cet article Ă  un ami
Les commentaires appartiennent Ă  leurs auteurs. Nous ne sommes pas responsables de leur contenu.
Semi pro
Inscrit le: 04/02/2003
De: Qc.ca
Contributions: 1389
king76 PostĂ© le: 21/11/2005 20:25  Mis Ă  jour: 21/11/2005 20:25
 Re: Comment avoir des zones de textes redimensionnables d...
Allo,

Ca doit être sympa ca en effet.. ca me rappele aussi certaines boites quand j'utilise Koivi qui sont vraiment trop petite et j'ai remarqué que ce n'était pas le cas sur le module news ou generalement on a assez de place pour éditer, surtout quand on passe en mode HTML ! Mais la c'est un autre soucis, enfin si quelqu'un au passage sais comment faire pour koivi et le mode html pour éviter d'avoir une fenetre trop petite..

Merci
Anonyme PostĂ© le: 21/11/2005 20:35  Mis Ă  jour: 21/11/2005 20:35
 Re: Comment avoir des zones de textes redimensionnables d...
Salut King,

Dans kiovi il y a, en haut Ă  droite, un "bouton" qui te permet de mettre l'Ă©diteur en plein Ă©cran (en tout cas sur toute la largeur de l'Ă©cran).

A+
Hervé
Supporter Xoops
Inscrit le: 09/01/2005
De: Breizh
Contributions: 16972
Kris PostĂ© le: 21/11/2005 21:17  Mis Ă  jour: 21/11/2005 21:17
 Re: Comment avoir des zones de textes redimensionnables d...
Coooolllll....., sympa le hack !
Je viens de le tester avec cbb 1.15, pas de problème.
Semi pro
Inscrit le: 19/08/2005
De: 97221
Contributions: 1980
Jah PostĂ© le: 21/11/2005 23:43  Mis Ă  jour: 21/11/2005 23:56
 Re: Comment avoir des zones de textes redimensionnables d...
Merçi, testé et approuvé, génial ce hack.
Par contre, ça marche pas pour les PM.
Supporter Xoops
Inscrit le: 13/05/2005
De: Le théíƒÂ¢tre de la vie
Contributions: 340
mediateur PostĂ© le: 22/11/2005 01:49  Mis Ă  jour: 22/11/2005 14:03
 Re: Comment avoir des zones de textes redimensionnables d...
bonne idée, en effet... bientôt le wysiwyg

Mais quand même ça le fait avec XOOPS 2.0.9.3
(j'avais écrit que ça ne le faisait pas, parce que je ne sais pas lire : il faut aller dans le répertoire du thème et modifier effectivement comme c'est très bien indiqué ici, bon sang de bonsoir et ça marche super !) halala ! je vais prendre des cours d'attention, moi !

merci.
Xoops accro
Inscrit le: 15/07/2004
De:
Contributions: 4763
blueteen PostĂ© le: 22/11/2005 08:46  Mis Ă  jour: 25/11/2005 14:04
 Re: Comment avoir des zones de textes redimensionnables d...
Excellent ce hack je vais tester ça, merci :)

Pour king76 :
Je prends l'exemple, des blocs personnalisés.
En effet, si l'on coche 'html' la fenĂŞtre devient Ă  peine plus haute qu'une ligne.
Voici une ligne de code Ă  modifier pour conserver une fenĂŞtre de bonne taille mĂŞme en html !

Dans modules/system/admin/blocksadmin/blockform.php
Cherche la ligne
Citation :

$textarea = new XoopsFormDhtmlTextArea(_AM_CONTENT, 'bcontent', $block['content'], 15, 70);


Et remplace la, par :

Citation :

$textarea = new XoopsFormDhtmlTextArea(_AM_CONTENT, 'bcontent', $block['content'], '100%', '500px');


Je te laisse tester :)

edit : Sinon avec la dernière version dispo, il y a une fonctionnalité très sympa !

http://dev.xoops.org/modules/xfmod/pr ... owfiles.php?group_id=1038
(1.0.53b2)
Tu trouveras 2 petites flèches en bas à droite du bloc de saisie, qui permettent d'agrandir/réduire à volonté le bloc de saisie.
tu verras c'est bluffant

Open in new window
Supporter Xoops
Inscrit le: 13/05/2005
De: Le théíƒÂ¢tre de la vie
Contributions: 340
mediateur PostĂ© le: 22/11/2005 14:07  Mis Ă  jour: 22/11/2005 14:07
 Re: Comment avoir des zones de textes redimensionnables d...
Comment pourrais-je aller "taquiner" les fenêtre de PP_News qui ne se sont pas "soumise" à la bonne volonté de ce hack ?
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

48 Personne(s) en ligne (2 Personne(s) connectée(s) sur Articles) | Utilisateur(s): 0 | Invité(s): 48 | Plus ...