[PHPBB2] Nouveaux BBcode pour le TchatBox :

Coucou ma tite Lydie,

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 ?

bonsoir mon Phil    ébé écoutes pourquoi pas ! en dessous je penses ça sera mieux . Par contre je dois me déconnecter pour se soir . Peut-on voir ça un autre jour ?   et merci d'être là pour m'aider

Et avant de te déconnecter

Tu as activé la chatbox du haut ou du bas ?

elle est activée en haut  :)

Ok merci, je vois cela demain matin .

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:

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.

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 

c'est magnifique    mais     rien sur ton travail, je te rassure, est-ce que ça serait possible au lieu de "Code" mettre la balise "Youtube" s'il te plait ?

On peut l'ajouter si tu veux non ?

bé la balise code ne servira pas j'en suis sûr ! que Yt oui !  je pense que le remplacer ça sera mieux non ?

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 ?

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.

La seule possible est de définir :
si le membre n'a pas xx message(s), on bloque le visu de la chatBox.

ah bien !! ça m'intéresse mon Phil

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:

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%;}


ok attends ...

alors c'est parfait, juste que 10 messages c'est beaucoup .. peut-on mettre 2 messages s'il te plait ?  

en fait j'ai trouvé :)

écoutes mon Phil c'est parfait je te remercie beaucoup pour ton excellent travail et te souhaite une bonne soirée mon ami

De rien ma tite Lydie,