Rajouter un bouton dans la zone d'édition de texte
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Rajouter un bouton dans la zone d'édition de texte
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
Merci Beaucoup !
- Code:
<blockquote></blockquote>
Merci Beaucoup !
Dernière édition par Powalicia le Mar 8 Fév 2011 - 20:07, édité 2 fois
Re: Rajouter un bouton dans la zone d'édition de texte
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
Peut être viendra -il sur votre sujet ?
Cordialement
ge
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
Peut être viendra -il sur votre sujet ?
Cordialement
ge
Re: Rajouter un bouton dans la zone d'édition de texte
est-il possible d'avoir tout de meme cette astuce ? ca pourrait m'etre utile quand je souhaite aller sur mon compte fondatrice.
Re: Rajouter un bouton dans la zone d'édition de texte
Puis-je faire un plagiat envers un modérateur de ce forum ? :lol!:
Re: Rajouter un bouton dans la zone d'édition de texte
Ce n'est pas un plagiat si tu cite tes sources ^^
Re: Rajouter un bouton dans la zone d'édition de texte
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.
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.
Re: Rajouter un bouton dans la zone d'édition de texte
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.
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.
Re: Rajouter un bouton dans la zone d'édition de texte
Je vais essayer ca tout de suite
Re: Rajouter un bouton dans la zone d'édition de texte
N'hésites pas si tu rencontre un soucis.
Re: Rajouter un bouton dans la zone d'édition de texte
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 :
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>
Re: Rajouter un bouton dans la zone d'édition de texte
tu rajoutes ceci à la fin de deux templates :
viewtopic_body et posting_body
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)
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>
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;
}
Re: Rajouter un bouton dans la zone d'édition de texte
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 :
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>
Re: Rajouter un bouton dans la zone d'édition de texte
Comme ceci,
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")
- 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")
Re: Rajouter un bouton dans la zone d'édition de texte
Solution testée et fonctionnelle.
Merci demeter1 pour le lien que j'ignorai et merci Etana pour cette belle solution (simple et efficace).
Merci demeter1 pour le lien que j'ignorai et merci Etana pour cette belle solution (simple et efficace).
Re: Rajouter un bouton dans la zone d'édition de texte
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 ....
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 ....
Re: Rajouter un bouton dans la zone d'édition de texte
Normal, il faut cliquer sur le bouton intitulé"autres" et appeler la fonction. A la suite, tu insérer ton texte entre les balises.
Re: Rajouter un bouton dans la zone d'édition de texte
j'ai deja mis la balise, je ne me suis pas contenté de poster un message sans aller chercher la fonction ^^
Re: Rajouter un bouton dans la zone d'édition de texte
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.
Re: Rajouter un bouton dans la zone d'édition de texte
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 :
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;
}
Re: Rajouter un bouton dans la zone d'édition de texte
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.
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.
Re: Rajouter un bouton dans la zone d'édition de texte
eukéééééé ... Je vais essayer ça ^^
Re: Rajouter un bouton dans la zone d'édition de texte
Le code fonctionne parfaitement sauf ...
Quand j'insère certaines balises comme par exemple :
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...
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...
Re: Rajouter un bouton dans la zone d'édition de texte
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 ...
le résultat :
http://privateroom.forumperso.com/t6-essai-encore-un-essai-de-plus#21
Fitz
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 ...
et le CSS correspondant à votre demande :<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>
/* --- 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
Re: Rajouter un bouton dans la zone d'édition de texte
SUJET PARFAITEMENT RESOLU POUR MA PART.
MERCI !!!!
Sujets similaires
» Rajouter un bouton dans l'éditeur de texte
» Comme rajouter une zone de texte lors d'une inscription?
» Rajouter des bouton dans la barre de navigation
» Supprimer (ou rajouter) un nom dans bouton "Joindre un administrateur"
» Curseur de souris non voyan dans une zone de texte css
» Comme rajouter une zone de texte lors d'une inscription?
» Rajouter des bouton dans la barre de navigation
» Supprimer (ou rajouter) un nom dans bouton "Joindre un administrateur"
» Curseur de souris non voyan dans une zone de texte css
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum