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

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 le 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
*****

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 le Mar 1 Fév 2011 - 21:37

up

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 le 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
+ Hyperactif +

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

http://tsi80.pro-forums.fr/
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 le 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
*****

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 le Mar 1 Fév 2011 - 22:07

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

ge80
+ Hyperactif +

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

http://tsi80.pro-forums.fr/
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 le Mar 1 Fév 2011 - 22:17

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

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 le 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
+ Hyperactif +

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

http://tsi80.pro-forums.fr/
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 le Mar 1 Fév 2011 - 22:47

ok merci

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 le 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é

http://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
+ Hyperactif +

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

http://altitudetropicale.forums-actifs.com/index.forum
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 le Mer 2 Fév 2011 - 1:07

Je vais essayer ca tout de suite

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 le Mer 2 Fév 2011 - 1:11

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

demeter1
+ Hyperactif +

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

http://altitudetropicale.forums-actifs.com/index.forum
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 le 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
*****

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 le 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
+ Hyperactif +

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

http://altitudetropicale.forums-actifs.com/index.forum
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 le 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
*****

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 le 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
+ Hyperactif +

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

http://altitudetropicale.forums-actifs.com/index.forum
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 le 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
+ Hyperactif +

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

http://tsi80.pro-forums.fr/
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 le 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
*****

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 le 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
+ Hyperactif +

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

http://altitudetropicale.forums-actifs.com/index.forum
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 le 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
*****

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 le 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
+ Hyperactif +

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

http://altitudetropicale.forums-actifs.com/index.forum
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 le 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
*****

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 le 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
+ Hyperactif +

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

http://altitudetropicale.forums-actifs.com/index.forum
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 le Mer 2 Fév 2011 - 20:00

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

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 le 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
*****

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 le 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
+ Hyperactif +

Masculin
Messages : 3539
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 le Jeu 3 Fév 2011 - 3:29

SUJET PARFAITEMENT RESOLU POUR MA PART.

MERCI !!!!

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


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