Rajouter un bouton dans la zone d'édition de texte

4 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Rajouter un bouton dans la zone d'édition de texte

Message par Nekothika Lun 31 Jan 2011 - 2:06

Bonjour je voudrais savoir comme rajouter un bouton dans la fenêtre d'écriture eu dessus qui ferait le code suivant à la même manière que center ou italique

Code:
<blockquote></blockquote>

Merci Beaucoup !


Dernière édition par Powalicia le Mar 8 Fév 2011 - 20:07, édité 2 fois
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par Nekothika Mar 1 Fév 2011 - 21:37

up
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par ge80 Mar 1 Fév 2011 - 22:00

Bonjour

Toto456 avait proposé une solution d'un bouton dans la barre bbcode.

Ce bouton permettant d'insérer à la FIN du texte un texte qui pourrait être le votre.

Ceci nécessite la modification d'une template et de pas mas de temps Wink

Peut être viendra -il sur votre sujet ?

Cordialement
ge
ge80

ge80
Membre actif

Masculin
Messages : 16167
Inscrit(e) le : 08/10/2006

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par Nekothika Mar 1 Fév 2011 - 22:04

est-il possible d'avoir tout de meme cette astuce ? ca pourrait m'etre utile quand je souhaite aller sur mon compte fondatrice.
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par ge80 Mar 1 Fév 2011 - 22:07

Puis-je faire un plagiat envers un modérateur de ce forum ? :lol!:
ge80

ge80
Membre actif

Masculin
Messages : 16167
Inscrit(e) le : 08/10/2006

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par Nekothika Mar 1 Fév 2011 - 22:17

Ce n'est pas un plagiat si tu cite tes sources ^^
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par ge80 Mar 1 Fév 2011 - 22:26

Il faudrait que je retrouve le sujet d'origine.

Aof-Neptune avez déjà retrouvé ce lien pour moi une précédente fois.

Espérons qu'il l'ait encore.

Sinon j'ai la version que j'ai adaptée et testée.
ge80

ge80
Membre actif

Masculin
Messages : 16167
Inscrit(e) le : 08/10/2006

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par Nekothika Mar 1 Fév 2011 - 22:47

ok merci
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par demeter1 Mer 2 Fév 2011 - 1:03

Bon, vu que je recherchai une fonctionnalité équivalente , j'ai fait quelques recherches et voici ce que j'ai trouvé

https://forum.forumactif.com/t285231-ajouter-un-bouton-dans-la-fenetre-d-edition?highlight=bouton+bbcode

Je n'ai pas trouvé la solution apportée par Toto mais, Etana avait proposé une solution équivalente. Je viens de la tester et elle fonctionne à merveille.

demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par Nekothika Mer 2 Fév 2011 - 1:07

Je vais essayer ca tout de suite
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par demeter1 Mer 2 Fév 2011 - 1:11

N'hésites pas si tu rencontre un soucis.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par Nekothika Mer 2 Fév 2011 - 1:15

En effet je viens de voir le code et je ne sais pas comment le modifier,

http://s301826463.onlinehome.fr/fdf/viewtopic.php?pid=1#p1

De plus il semble que l'on puisse personnaliser la fonction plus que je ne l'avais espéré aussi j'aimerais pour coder les balise suivantes :

Code:
<blockquote>[justify] MESSAGE [/justify]</blockquote>
Cela nous permettra de faire la mise en page pour nos RP juste avec une manip Ctrl + A et clique bouton
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par demeter1 Mer 2 Fév 2011 - 1:29

tu rajoutes ceci à la fin de deux templates :
viewtopic_body et posting_body
Code:
<script type="text/javascript">
jQuery(document).ready(function(){
    if(jQuery('div#other.select').length==1)
    {
        if(jQuery('div#other.select :last').attr('tagName')=='BUTTON') jQuery('div#other.select').append('<br>');
        var g= '"'; var gg= ''+unescape('%22')+'';
        jQuery('div#other.select').append('<button onclick='+g+'bbfontstyle('<p class='+gg+'hjmodo'+gg+'>','</p>');selectWysiwyg(this,'other');return false'+g+'>ModMessage</button>');
    }
});
</script>
si tu souhaites modifier le nom de la ligne d'appel et le nom du css, il faut changer ModMessage et hjmodo.

ModMessage correspond au nom qui apparait dans le bouton intitulé "autres"
hjmodo correspond a l'attribue css

Je t'avouerai que pour les deux, j'ai mis exactement le même nom

Par la suite, tu installes dans ta feuille de style (en modifiant hjmodo par l'attribue que tu as installé dans ton script)

Code:
.hjmodo{   
  text-indent:..px;
text-align: justify;
}

demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par Nekothika Mer 2 Fév 2011 - 1:40

ligne d'appel et nom du css : rien compris dsl ^^

quand a l'affichage il semble y avoir des bugs et c'est quoi exactement hjmodo etc...


EDIT : Je viens de comprendre que les options de mises en formes se font dans le deuxième code. Comment je fais pour intégrer :

Code:
<blockquote>[justify] MESSAGE [/justify]</blockquote>
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par demeter1 Mer 2 Fév 2011 - 6:31

Comme ceci,
Code:
.hjmodo{ 
  text-indent:..px;
text-align: justify;
}

text indent correspond à ton blockquote et text-align: justify a ton justify

Ligne d'appel : le nom que tu souhaites donner à la fonction (ModMessage correspond au nom qui apparait dans le bouton intitulé "autres")
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par ge80 Mer 2 Fév 2011 - 7:36

Solution testée et fonctionnelle.

Merci demeter1 pour le lien que j'ignorai et merci Etana pour cette belle solution (simple et efficace).
ge80

ge80
Membre actif

Masculin
Messages : 16167
Inscrit(e) le : 08/10/2006

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par Nekothika Mer 2 Fév 2011 - 11:28

Je vous remercie beaucoup pour vos explications et votre patiente vis à vis de mes problème de compréhension merci !

EDIT : j'ai collé le code en bas de chacun de mes templates.

http://s301826463.onlinehome.fr/fdf/viewtopic.php?pid=1#p1

collé le css, tout validé, enregistré et publié

mais quand j'arrive pour poster un nouveau message ... rien, la mise en page ne se fait pas ....
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par demeter1 Mer 2 Fév 2011 - 18:24

Normal, il faut cliquer sur le bouton intitulé"autres" et appeler la fonction. A la suite, tu insérer ton texte entre les balises.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par Nekothika Mer 2 Fév 2011 - 18:26

j'ai deja mis la balise, je ne me suis pas contenté de poster un message sans aller chercher la fonction ^^
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par demeter1 Mer 2 Fév 2011 - 18:45

Powalicia, je crois que le plus simple est que tu nous postes ton script avec le css que tu as installé. On arrivera mieux à déterminer où se trouve le soucis.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par Nekothika Mer 2 Fév 2011 - 18:53

En bas de mes deux templates :

http://s301826463.onlinehome.fr/fdf/viewtopic.php?pid=1#p1

(le code contenu dans la fenetre de code)

Et dans mon CCS :

Code:
.hjmodo{
  text-indent:..px;
text-align: justify;
}
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par demeter1 Mer 2 Fév 2011 - 19:01

le soucis se situe au niveau du css
sur cette partie (text-indent:..px;), vous devez donner une valeur en pixels à ..px.

Comme par exemple : text-indent:50 px;

Le texte indent correspond à l'écartement que vous souhaitez sur la première lettre d'un texte.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par Nekothika Mer 2 Fév 2011 - 20:00

eukéééééé ... Je vais essayer ça ^^
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par Nekothika Jeu 3 Fév 2011 - 2:04

Le code fonctionne parfaitement sauf ...

Quand j'insère certaines balises comme par exemple :

Code:
[i] ... [/i]

j'essaye une première fois : tout le texte est justifié mais seules la première et dernière ligne subisse l'alinéa.

j'ai rajouté : font-style: italic;

dans le CSS, la balise italique en BBCode est devenu inutile signe que mon attribut fonctionne mais le problème reste le même ....

J'ose espérer que toutes les balise en BBCode voir autres, ne sont pas affectées...
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par Scoubifitz Jeu 3 Fév 2011 - 3:01

bonsoir,

pardon d'intervenir , mais le plus simple est de faire une "div" en fonction BBcode ...

copier-coller le script dans les templates :
général - viewtopic_body et
Poster & Messages Privés - posting_body en fin de template ...

<script type="text/javascript">
jQuery(document).ready(function(){
if(jQuery('div#other.select').length==1)
{
if(jQuery('div#other.select :last').attr('tagName')=='BUTTON') jQuery('div#other.select').append('<br>');
var g= '"'; var gg= '\'+unescape(\'%22\')+\'';
jQuery('div#other.select').append('<button onclick='+g+'bbfontstyle(\'<div class='+gg+'format-RP'+gg+'>\',\'</div>\');selectWysiwyg(this,\'other\');return false'+g+'>Format-RP</button>');
}
});
</script>
et le CSS correspondant à votre demande :

/* --- Formatage du message RP --- */
.format-RP {
text-indent:50px; /* --- retrait de la première ligne --- */
margin-left:50px; /* --- retrait de tout le bloc --- */
width:400px; /* --- largeur du bloc --- */
text-align: justify; /* --- remplissage des lignes --- */
}

le résultat :

http://privateroom.forumperso.com/t6-essai-encore-un-essai-de-plus#21

Fitz
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rajouter un bouton dans la zone d'édition de texte

Message par Nekothika Jeu 3 Fév 2011 - 3:29

SUJET PARFAITEMENT RESOLU POUR MA PART.

MERCI !!!!
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum