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] Boîte à smileys sur le tchatt


2 participants

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

Anonymous
Invité
Invité

MessageInvité Dim 5 Aoû 2018 - 9:06

Bonjour,
sur mon Tchatt j'adore mettre des smileys mais j'ai un souci, la boîte à smileys ne s'ouvre pas en grand, ne reste pas ouverte, ensuite je ne peux en prendre qu'un à chaque fois .
Mon souhait si c'est possible, c'est quand je prends un smiley la boîte à smileys reste grande ouverte tout le temps, tant que j'ai besoin de mettre des smileys ? (j'espère que je me suis fait bien comprendre, pas facile d'expliquer  clin oeil )
merci d'avance,
mes amitiés
Lydie


Dernière édition par petitefeuille le Mer 8 Aoû 2018 - 9:58, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 5 Aoû 2018 - 19:46

Hello Lydie,

il y a bien ce script qui remplace la popup :
https://help.forumotion.com/t141875-chatbox-smile-s-window-integrated-into-the-chat-window#966406

A déposer sur l'index:
Code:
       
        $(function() {
          if (_userdata.session_logged_in) {
              // Here will be checked if the chat is within the object tag, if it is, changes to iframe!
              if (jQuery('object#frame_chatbox').length) {
                jQuery('#frame_chatbox').replaceWith('<iframe src="/chatbox/index.forum?archives" id="frame_chatbox" scrolling="yes" width="100%" height="100%" type="text/html" style="border: 0px;" />');
              }
          }
        });
       
        $(window).load(function() {
          if (_userdata.session_logged_in) {
              // Calls the customization feature of the chat...
              chatFunction();
       
              // Here is the solution to a problem: When the iframe is changed, the function is called again!
              $('#frame_chatbox').load(function() {
                chatFunction();
              });
          }
        });
       
        // Function for customizing the chat.
        function chatFunction() {
          var oIframe = (document.getElementById("frame_chatbox").contentWindow.document || document.getElementById("frame_chatbox").contentDocument),
              script = oIframe.createElement("script"),
              chatbox_script = function() {
                window.smile = {
                    Load: function() {
                      jQuery.ajax({
                          url: "/post?mode=smilies",
                          cache: true,
                          type: "get",
                          dataType: "text",
                          success: function(response, status, xhr) {
                            if (xhr.status == 200) {
                                var htmlSmile = $("<div>" + response + "</div>");
                                htmlSmile.find("#smilies_categ, p, span").remove();
                                var oTarget = htmlSmile.find("a"),
                                  oThis, patt, regex;
                                for (var i = 0, len = oTarget.length; i < len; i++) {
                                  oThis = $(oTarget[i]);
                                  patt = /\('(.*?)'\)/i.exec(oThis.attr("href"))[1];
                                  oThis.attr({
                                      href: "#",
                                      onclick: "smile.Insert('" + patt + "');return false;"
                                  });
                                }
                                /*var aSmiles = [
                                "☎", "★", "♥️", "♪", "✓",
                                "⧉", "©️", "𝒥𝒮", "█", "▓",
                                "◯", "☆", "♣️", "✗", "ℱℳ"
                                ],
                                sSmiles = "<p>";
                                for (var i = 0, len = aSmiles.length; i < len; i++) {
                                sSmiles += "<a href='#' onclick='smile.Insert("" + aSmiles[i] + "");return false;'>" + aSmiles[i] + "</a>";
                                }*/
                                jQuery("#chat-smiles-show").html(
                                  htmlSmile.find("#simple-wrap, tbody:last").html()
                                );
                            }
                          }
                      });
                      jQuery("head").append(
                          "<style type='text/css'>" +
                          "#chat-smiles-show {" +
                          " background: none no-repeat scroll center center rgb(255, 255, 255);" +
                          " border: 2px solid #d2d2d2;" +
                          " height: 250px;" +
                          " overflow: auto;" +
                          " padding-top: 6px;" +
                          " position: absolute;" +
                          " width: 225px;" +
                          " z-index: 99999;" +
                          "}" +
                          "#chat-smiles-show > p {" +
                          " margin: 0;" +
                          "}" +
                          "#chat-smiles-show p a {" +
                          " margin-bottom: 14px;" +
                          "}" +
                          "#chat-smiles-show a {" +
                          " display: inline-block;" +
                          " font-size: 18px;" +
                          " margin-bottom: 5px;" +
                          " margin-left: 10px;" +
                          " text-decoration: none;" +
                          "}" +
                          "</style>"
                      );
                      jQuery("body").append("<div id='chat-smiles-show' style='display: none;'></div>");
                    },
       
                    Show: function(event) {
                      var elenPos = jQuery("#divsmilies"),
                          target = jQuery("#chat-smiles-show");
                      target.css({
                          "left": (elenPos.offset().left + elenPos.outerWidth()) - target.outerWidth(),
                          "top": elenPos.offset().top - target.outerHeight()
                      });
                      return (target[0].style.display == "none") ? target.fadeIn("fast") : target.fadeOut("fast");
                    },
       
                    Insert: function(smile) {
                      var id = document.getElementById("message");
                      id.focus();
                      id.value += " " + smile + " ";
                      document.getElementById("chat-smiles-show").style.display = "none";
                    }
                };
       
                smile.Load();
       
                $("#divsmilies").unbind("click").bind("click", function(event) {
                    smile.Show(event);
                });
              };
          script.type = "text/javascript";
          script.innerHTML = "(" + chatbox_script.toString() + ")();";
          oIframe.getElementsByTagName("head")[0].appendChild(script);
        }

L'affichage se fait plus rapidement mais dès que tu cliques un smiley la fenêtre disparait.
L'avantage est l'affichage instantané clin oeil
Anonymous
Invité
Invité

MessageInvité Mar 7 Aoû 2018 - 8:53

Bonjour Phil, merci de ta réponse, mais malheureusement ça ne change pas ! la boîte à smileys ne reste pas !  je te laisse le script en place si tu veux voir  pasvuT

(Je suis aussi désolée si ma réponse tarde à venir, j'ai des amis en vacances à la maison, et je leur sers de guide et donc pas très présente  timidesortdutrou ) 
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 7 Aoû 2018 - 9:02

Hello Lydie,

petitefeuille a écrit:mais malheureusement ça ne change pas ! la boîte à smileys ne reste pas !

Milouze14 a écrit:
L'affichage se fait plus rapidement mais dès que tu cliques un smiley la fenêtre disparait.


(Je suis aussi désolée si ma réponse tarde à venir, j'ai des amis en vacances à la maison, et je leur sers de guide et donc pas très présente

Profites bien clin oeil
Anonymous
Invité
Invité

MessageInvité Mar 7 Aoû 2018 - 9:15

L'affichage se fait plus rapidement mais dès que tu cliques un smiley la fenêtre disparait.


oui c'est cela , et donc on ne peut pas faire mieux ?
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 7 Aoû 2018 - 9:33

Tu peux remplacer le script par celui-ci:

Edit, j'ai un bug avec les balise codes:

Sur ce lien:
https://help.forumotion.com/t141875-chatbox-smile-s-window-integrated-into-the-chat-window#966406

Sélectionnes le script et remplaces cette ligne:

Code:
 document.getElementById("chat-smiles-show").style.display = "none";


Par :
Code:
 document.getElementById("chat-smiles-show").style.display = "show";

         
Anonymous
Invité
Invité

MessageInvité Mar 7 Aoû 2018 - 9:46

Édit:

j'ai trouvé et remplacé .. et toujours pareil  oups1
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 7 Aoû 2018 - 12:19

Je vois pourquoi, tu utilises un script qui génère une iframe et non la chatbox en bas de page du forum.
Il faut activer cette dernière Lydie clin oeil
Anonymous
Invité
Invité

MessageInvité Mar 7 Aoû 2018 - 12:24

je veux bien Phil   timidesortdutrou  mais là il faut m'expliquer comment et où le faire  impeccable   (bon là je suis désolée , on va reprendre plus tard, mes amis m'attendent, merci mon ami à plus tard ) 
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 7 Aoû 2018 - 16:05

Il faut juste supprimer le script Lydie clin oeil
Anonymous
Invité
Invité

MessageInvité Mer 8 Aoû 2018 - 9:58

bonjour Phil , d'accord ! Merci de ton aide et passe de bonnes vacances fr4
Jackymi
Jackymi
MIlouzien regretté

http://www.skywebforum.com/

MessageJackymi Mer 8 Aoû 2018 - 10:22

-Staff du Forum Milouze14-



  • Hello 
    Sujet résolu et déplacé dans le forum adéquat.

Pour toute information,merci de contacter un Membre du Staff

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