Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PHPBB2] Nouveaux BBcode pour le TchatBox :



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

Anonymous
Invité
Invité

MessageInvité Mar 14 Jan 2020 - 14:44

  • 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" 

[PHPBB2] Nouveaux BBcode pour le TchatBox : Captu547
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 14 Jan 2020 - 16:03

Coucou ma tite Lydie,
là je me lance dans l'incertitude,
Tu as bien fais de commencer ton texte ainsi MDR .
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 ?

Anonymous
Invité
Invité

MessageInvité Mar 14 Jan 2020 - 18:49

bonsoir mon Phil  fr4  é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 Mercimill

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 14 Jan 2020 - 18:51

Et avant de te déconnecter clin oeil

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



Anonymous
Invité
Invité

MessageInvité Mar 14 Jan 2020 - 18:54

elle est activée en haut  :)

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 14 Jan 2020 - 18:57

Ok merci, je vois cela demain matin .

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 15 Jan 2020 - 4:22

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:



[PHPBB2] Nouveaux BBcode pour le TchatBox : 160

[PHPBB2] Nouveaux BBcode pour le TchatBox : 228

[PHPBB2] Nouveaux BBcode pour le TchatBox : 312



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 Valid


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 [PHPBB2] Nouveaux BBcode pour le TchatBox : Sans_t10


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.





Anonymous
Invité
Invité

MessageInvité Mer 15 Jan 2020 - 9:36

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  Mercimill

Anonymous
Invité
Invité

MessageInvité Mer 15 Jan 2020 - 9:53

c'est magnifique  Mercibis  mais   clin oeil  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 ?

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 15 Jan 2020 - 11:22

On peut l'ajouter si tu veux non ?


Anonymous
Invité
Invité

MessageInvité Mer 15 Jan 2020 - 11:28

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

Anonymous
Invité
Invité

MessageInvité Mer 15 Jan 2020 - 13:42

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 ...

[PHPBB2] Nouveaux BBcode pour le TchatBox : Captu551

É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 ?


Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 15 Jan 2020 - 17:06

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.




Anonymous
Invité
Invité

MessageInvité Mer 15 Jan 2020 - 17:19

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

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 15 Jan 2020 - 17:34

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:

[PHPBB2] Nouveaux BBcode pour le TchatBox : 161

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


Anonymous
Invité
Invité

MessageInvité Mer 15 Jan 2020 - 17:44

ok attends ...

Anonymous
Invité
Invité

MessageInvité Mer 15 Jan 2020 - 17:48

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é :)

Anonymous
Invité
Invité

MessageInvité Mer 15 Jan 2020 - 18:03

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

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 15 Jan 2020 - 18:08

De rien ma tite Lydie,



Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil




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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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