Membres connectés récemment
[PHPBB2] Nouveaux BBcode pour le TchatBox :
Page 1 sur 1 • Partagez
- InvitéInvité
- Version du forum :PHPBB2
- Templates modifiés :oui
- Navigateur :Opera
bonjour,
là je me lance dans l'incertitude, car je voudrais savoir si c'est possible que le TchatBox ait plus de BBcode comme "Citation" "Éditer" par exemple ?
Merci d'avance pour vos réponses,
mes amitiés,
Lydie
ce screen on voit la citation mais je l'ai fait manuellement, mais les membres ne savent peut-être pas utiliser les balises "quote"
là je me lance dans l'incertitude, car je voudrais savoir si c'est possible que le TchatBox ait plus de BBcode comme "Citation" "Éditer" par exemple ?
Merci d'avance pour vos réponses,
mes amitiés,
Lydie
ce screen on voit la citation mais je l'ai fait manuellement, mais les membres ne savent peut-être pas utiliser les balises "quote"
Coucou ma tite Lydie,
C'est purement impossible.
Par contre on peut placer des significations en dessous ou au dessus:
Par exemple:
Pour afficher un texte qui au clic affichera dans une balise textarea:
Il suffira de copier le texte et l'insérer dans le message de la chatbox.
Es tu partante pour ce projet?
Tu as choisis la chatbox du haut ou du bas ?
là je me lance dans l'incertitude,Tu as bien fais de commencer ton texte ainsi .
C'est purement impossible.
Par contre on peut placer des significations en dessous ou au dessus:
Par exemple:
Pour afficher un texte qui au clic affichera dans une balise textarea:
- Code:
[code]Votre texte[/code]
Il suffira de copier le texte et l'insérer dans le message de la chatbox.
Es tu partante pour ce projet?
Tu as choisis la chatbox du haut ou du bas ?
Coucou ma tite Lydie,
alors voici un script,malheureusement je n'ai pas trouvé la condition pour savoir si le membre est connecté ou non sur la chatbox( et je ne pense pas que cela soit possible (on va rechercher une information dans une iframe (page externe) )
Donc, le code html sera toujours visible quelque soit le statut(connecté ou non).
Je t'explique le fonctionnement( l'édition étant a proscrire).
Je t'ai créé 5 boutons:
Code
Citation
Image
Spoiler
Couleur
A chaque clic sur un de ces boutons affichera un contenu en dessous et un bouton"Copier le code" sera affiché,il suffit de cliquer dessus pour le copier dans le presse papier.
Une fois cliqué,un message en rouge apparaitra pendant une seconde pour annoncer qu'il a bien était copié,il suffira de déposer le texte saisi dans le corps de message de la Chatbox:
Voici le script:
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur l'index.
Déposer ceci:
Penser a cliquer sur le bouton
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajouter ceci:
Penser a cliquer sur le bouton
Je reviens que ce soir chère amie.
Si tu veux ajouter d'autres boutons, donnes moi les informations necessaires stp.
Il n'y a que le BBcode qui fonctionne sur l'éditeur de la ChatBox.
alors voici un script,malheureusement je n'ai pas trouvé la condition pour savoir si le membre est connecté ou non sur la chatbox( et je ne pense pas que cela soit possible (on va rechercher une information dans une iframe (page externe) )
Donc, le code html sera toujours visible quelque soit le statut(connecté ou non).
Je t'explique le fonctionnement( l'édition étant a proscrire).
Je t'ai créé 5 boutons:
Code
Citation
Image
Spoiler
Couleur
A chaque clic sur un de ces boutons affichera un contenu en dessous et un bouton"Copier le code" sera affiché,il suffit de cliquer dessus pour le copier dans le presse papier.
Une fois cliqué,un message en rouge apparaitra pendant une seconde pour annoncer qu'il a bien était copié,il suffira de déposer le texte saisi dans le corps de message de la Chatbox:
Voici le script:
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur l'index.
Déposer ceci:
- Code:
$(function(){
$('div[id^="chatbox_top"]').after('<div class="M14_cont_chatBox">
<span class="M14_copyinfo"> Texte copié </span>
<span class="M14_editorchat BBcode">Code</span>
<span class="M14_editorchat BBquote">Citation</span>
<span class="M14_editorchat BBimg">Image</span>
<span class="M14_editorchat BBspoiler">Spoiler</span>
<span class="M14_editorchat BBcolor">Couleur</span> <br />
<span class="M14_copy-code"title="Cliquez pour sélectionner le code">Copier le code</span>
<textarea class="M14_chat_boxhelp"></textarea></div>');
var u=$('.M14_copy-code');
var t=$('textarea.M14_chat_boxhelp');
var bbcode="[code]Votre texte[/code]";
var bbquote="[quote]Votre texte[/quote]";
var bbimg="[img]Le lien de votre image[/img]";
var BBspoiler="[spoiler=Afficher]Votre texte[/spoiler]";
var BBcolor="[color=#ff0000]hhgghhgh[/color]";
$('.BBcode').click(function(){u.fadeIn();t.text(bbcode);});
$('.BBquote').click(function(){u.fadeIn();t.text(bbquote);});
$('.BBimg').click(function(){u.fadeIn();t.text(bbimg);});
$('.BBspoiler').click(function(){u.fadeIn();t.text(BBspoiler);});
$('.BBcolor').click(function(){u.fadeIn();t.text(BBcolor);});
$('.M14_copy-code').on( 'click', function() {
$('.M14_copyinfo').fadeIn().delay(1000).fadeOut();
var copyText =$('textarea.M14_chat_boxhelp');
copyText.select();
document.execCommand("copy");});});
Penser a cliquer sur le bouton
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajouter ceci:
- Code:
.M14_cont_chatBox{width:90%;margin-left:5%;height:auto;background-color:#20aec8;text-align:center;padding:3px;margin-top: 10px;margin-bottom: 3px;border-radius:6px;}
.M14_editorchat{font-size:12px;color:white;padding:3px;margin:2px 3px;}
textarea.M14_chat_boxhelp{width:80%;height:30px;text-align:center;padding:2px 0px;border-radius:6px;}
.M14_reset{float: left;}
.M14_copy-code
{
display:none;
color:white;
font-size:12px;
float: right;
position: relative;
top: -10px;
right: 20px;
}
.M14_copyinfo{color:red;float:right;font-size:12px;position: relative;top:20px;right:20px;display:none;}
Penser a cliquer sur le bouton
Je reviens que ce soir chère amie.
Si tu veux ajouter d'autres boutons, donnes moi les informations necessaires stp.
Il n'y a que le BBcode qui fonctionne sur l'éditeur de la ChatBox.
- InvitéInvité
bonjour mon Phil, j'espère que tu as passé une bonne nuit , le repos est essentiel dans sa vie ... je te dis ça car je vois que tu as travaillé pour moi ce matin, tu es extrêmement gentil et quel dévouement pour les membres de ton forum!! je vais m'en occuper ce matin, et je te tiens au courant , vraiment
- InvitéInvité
je me suis aperçue quand on cite, le message reste en place une fois copiée (voir le screen) , y a-t-il un moyen qu'il soit effacé une fois collée dans le Tchatt ? je me suis aussi aperçue qu'on ne peut pas citer deux fois à la suite, il faut faire F5 et là je peux ...
Édit : je viens de m'apercevoir que les membres qui n'ont pas fait de présentation peuvent utiliser le Tchatt , est-ce possible de les empêcher à Tchatter ?
Édit : je viens de m'apercevoir que les membres qui n'ont pas fait de présentation peuvent utiliser le Tchatt , est-ce possible de les empêcher à Tchatter ?
bé la balise code ne servira pas j'en suis sûr ! que Yt oui ! je pense que le remplacer ça sera mieux non ?
Ok pas de soucis Lydie.
y a-t-il un moyen qu'il soit effacé une fois collée dans le Tchatt ? je me suis aussi aperçue qu'on ne peut pas citer deux fois à la suite, il faut faire F5 et là je peux ...
Non, mais on peut l'effacer une fois copié.
Édit : je viens de m'apercevoir que les membres qui n'ont pas fait de présentation peuvent utiliser le Tchatt , est-ce possible de les empêcher à Tchatter ?
La seule possible est de définir :
si le membre n'a pas xx message(s), on bloque le visu de la chatBox.
Alors, cette version va afficher la chatBox aux membres ayant au moins 10 messages.
Il faudra paramétrer la valeur dans le script à 2 reprises ici:
Afin de laisser plus de temps pour le texte qui va s'afficher , tu peux augmenter la valeur 800 par 2000(2 secondes) ici:
Son texte ici:
Ensuite, au clic sur sur le bouton copié le conteneur va se vider et laisser un message explicite en dessous de celui-ci:
J'ai donc remplacer le bouton Code par YouTube.
Il faut remplacer le script et la c.s.s Lydie.
La c.s.s:
Il faudra paramétrer la valeur dans le script à 2 reprises ici:
- Code:
if(_userdata["user_posts"]< 11){ $('#chatbox_top').closest('table').remove();$('#chatbox_popup').closest('tr').remove();}
if(_userdata["user_posts"] < 11)return;
Afin de laisser plus de temps pour le texte qui va s'afficher , tu peux augmenter la valeur 800 par 2000(2 secondes) ici:
- Code:
$('.M14_copyinfo').fadeIn().delay(800).fadeOut();
Son texte ici:
- Code:
//le texte qui va s afficher
var textcopieinfo=" Texte copié, déposez le contenu dans la ChatBox";
Ensuite, au clic sur sur le bouton copié le conteneur va se vider et laisser un message explicite en dessous de celui-ci:
J'ai donc remplacer le bouton Code par YouTube.
Il faut remplacer le script et la c.s.s Lydie.
- Code:
$(function(){
if(_userdata["user_posts"]< 11)
{
$('#chatbox_top').closest('table').remove();
$('#chatbox_popup').closest('tr').remove();
}
if(_userdata["user_posts"] < 11)return;
//le texte qui va s afficher
var textcopieinfo=" Texte copié, déposez le contenu dans la ChatBox";
$('div[id^="chatbox_top"]').after('<div class="M14_cont_chatBox">
<span class="M14_editorchat BByoutube">YouTube</span>
<span class="M14_editorchat BBquote">Citation</span>
<span class="M14_editorchat BBimg">Image</span>
<span class="M14_editorchat BBspoiler">Spoiler</span>
<span class="M14_editorchat BBcolor">Couleur</span> <br />
<span class="M14_copy-code"title="Cliquez pour sélectionner le code">Copier le code</span>
<textarea class="M14_chat_boxhelp"></textarea><br /><div class="M14_copyinfo">'+textcopieinfo+'</div></div>');
var u=$('.M14_copy-code');
var t=$('textarea.M14_chat_boxhelp');
var bbyoutube="[youtube]Votre lien YouTube[/youtube]";
var bbquote="[quote]Votre texte[/quote]";
var bbimg="[img]Le lien de votre image[/img]";
var BBspoiler="[spoiler=Afficher]Votre texte[/spoiler]";
var BBcolor="[color=#ff0000]hhgghhgh[/color]";
$('.BByoutube').click(function(){t.val(bbyoutube);});
$('.BBquote').click(function(){t.val(bbquote);});
$('.BBimg').click(function(){t.val(bbimg);});
$('.BBspoiler').click(function(){t.val(BBspoiler);});
$('.BBcolor').click(function(){t.val(BBcolor);});
$('.M14_copy-code').on( 'click', function() {
$('.M14_copyinfo').fadeIn().delay(800).fadeOut();
var copyText =$('textarea.M14_chat_boxhelp');
copyText.select();
document.execCommand("copy");
$('textarea.M14_chat_boxhelp').val('');
});
});
La c.s.s:
- Code:
.M14_cont_chatBox{width:90%;margin-left:5%;height:60px;background-color:#20aec8;text-align:center;padding: 3px 3px 10px 3px;margin-top: 10px;margin-bottom: 3px;border-radius:6px;}
.M14_editorchat{font-size:12px;color:white;padding:3px;margin:2px 3px;}
textarea.M14_chat_boxhelp{width:80%;height:30px;text-align:center;padding:2px 0px;border-radius:6px;}
.M14_reset{float: left;}
.M14_copy-code
{
color:white;
font-size:12px;
float: right;
position: relative;
top: -10px;
right: 20px;
}
.M14_copyinfo{display:none;color:red;float:right;font-size:12px;width: 100%;}
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum