Cherche code pour fermer la boite de smileys après avoir cliqué sur l'un d'eux

[Invité]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.skywebforum.com/

Description du problème

Bonjour

Suite à ce topic , j'ai pu obtenir un icône sur la barre d'éditeur pour accéder à la boite de smileys .

https://forum.forumactif.com/t368138-conserver-uniquement-un-icone-sur-la-barre-d-editeur-pour-acceder-aux-smileys

Comme me l'a suggéré Self , que je remercie au passage , j'ai donc introduit ce code sur le template posting_body

Code:

    <script type="text/javascript">
      $(function(){
          $('<div class="sceditor-group slidesmile"><a class="sceditor-button sceditor-button-slidesmile" unselectable="on" title="Smiley"><div unselectable="on" style="background-image:url(http://2img.net/i/fa/i/smiles/icon_smile.gif)"></div></a></div>').insertBefore('#textarea_content').click(function(){
            $('#smiley-box').slideToggle();
          });
      });
    </script>

Puis, j'ai adapté le code CSS sur ma feuille de style , afin de l'adapter au bouton "Réponse " uniquement .

Code:

      /* Supprimer la boite à smileys sur le côté et la placer dans la barre d'éditeur. */
      #smiley-box{
      display:none;
    }
     
      #quick_reply .sceditor-button-slidesmile {
          display:none;
        }
       
        #quick_reply #textarea_content{
          width:50% !important;
        }   
   
    #textarea_content, .sceditor-container iframe{
      width:80% !important;
 
    }
 
   
    .slidesmile {
      position:relative;
      top:37px; left:585px;
      z-index:4;
 
    }


Je recherche donc un nouveau code pour fermer la boite de smileys , une fois que l'on a cliqué sur le smiley désiré , et non de laisser cette boite ouverte , ou de le faire manuellement en cliquant sur le bouton "smileys " .
La fermeture se ferait de la même façon que sur le tchat, donc automatiquement.
Cela pour éviter un abus de clic sur ces smileys , et de ne pas faire quelque chose de trop restrictif .

Cordialement

[Invité]

Bonjour,

Je ne peux malheureusement pas tester pour en être sûr, n'ayant pas de compte sur votre forum, mais vous pouvez tester ce code :

Code:

    <script type="text/javascript">
      $(function(){
          $('<div class="sceditor-group slidesmile"><a class="sceditor-button sceditor-button-slidesmile" unselectable="on" title="Smiley"><div unselectable="on" style="background-image:url(http://2img.net/i/fa/i/smiles/icon_smile.gif)"></div></a></div>').insertBefore('#textarea_content').click(function(){
            $('#smiley-box').slideToggle();
          });
      });
      $('#smiley-box').slideToggle();
    </script>

On essaye de faire en sorte qu'en cliquant n'importe où sur l'élément #smiley-box, on le referme s'il était ouvert.
Dites-moi si ça fonctionne ou non

[Invité]

Bonjour

Malheureusement la boite reste ouverte directement, et aucun clic sur l'élément #smiley-box ne la ferme .
Merci tout de même Toryudo

[Invité]

Au temps pour moi, je crois que je dormais... j'ai oublié de marquer que c'était au clic qu'il fallait refermer l'élément...
Dernier essai alors :

Code:

    <script type="text/javascript">
      $(function(){
          $('<div class="sceditor-group slidesmile"><a class="sceditor-button sceditor-button-slidesmile" unselectable="on" title="Smiley"><div unselectable="on" style="background-image:url(http://2img.net/i/fa/i/smiles/icon_smile.gif)"></div></a></div>').insertBefore('#textarea_content').click(function(){
            $('#smiley-box').slideToggle();
          });

          $('#smiley-box').click(function(){
            $(this).slideToggle();
          });
      });
    </script>

[Invité]

Bonjour

Toujours rien .
J'ai beau cliquer dans la boite à smileys , rien ne se passe .
Merci pour votre réponse

[Invité]

Bonjour

Petit up.
Peut être une solution en passant par un javascript qui fermerait cette boite avec un simple clic dans la zone des smileys ?

[Invité]

Bonjour,

En fait, c'est ce que j'ai essayé de faire : quand on clique sur la boite, alors elle se referme. Or, après quelques recherches, les smiley sont affichés... un peu à part, dans un <iframe> (une autre page, un autre template). Et l'évènement "click" de javascript ne gère pas bien ces "autres fenêtres" créées avec <iframe>, c'est pour cette raison que ce que j'ai proposé ne fonctionne pas.

J'ai essayé de copier le code sur un autre forum, j'ai essayé de faire quelques tests, mais rien à faire.
On pourrait aussi partir du template qui affiche les smiley dans cette boite, mais je n'arrive pas à le trouver... pour le coup, je laisse la place à quelqu'un qui aurait une idée, parce que je suis à court d'idées.

Désolé de ne pouvoir en faire plus

[Invité]

Bonjour

Merci d'avoir pris le temps de m'aider Toryudo .

Petit up

[Invité]

Bonjour

Le code pour la boite à smileys n'est pas #smileyContainer iframe ?
J'ai fais quelques essais sans résultats .

Petit up

[Invité]

Bonjour

Je cherche un javascript à placer directement dans le panneau d'admin " javascript " afin de mieux cibler la boite à smileys , car dans les templates il est diffusé sur plusieurs pages .

[Invité]

Bonjour
Petit Up

[Invité]

Bonjour
Up

[Invité]

Bonjour
Up

[Invité]

Bonjour

Personne n'a une idée ?

[Invité]

Up

[Invité]

Up

[Lixyr]

Bonjour,

J'ai fait quelque recherches, et je n'ai rien trouvé. Les smileys étant contenus dans une iframe, il n'est pas possible de les atteindre via JavaScript. On ne peut donc pas créer d'évent sur le contenu de l'iframe, et donc sur les smileys.

[Invité]

Bonjour

Merci pour votre réponse Lixyr .

Si cela n'est pas possible, peut on avoir la boite à smileys du tchat étant donné que celle ci se rétracte après un clic , comme sur ma demande.

L'idée serait d'afficher celle de la Chatbox au même endroit que celle du forum, et de supprimer l'autre .

[Lixyr]

Quand on regarde le code source de la boite à smiley de la chatbox on voit que c'est une simple table. Pas d'iframe donc pas de lien et de soucis cross-domaine. La zone de message ne sera pas modifiée, je ne pense pas qu'on pourra modifier le système de smiley actuel pour le remplacer par une pop-up comme le fait la chatbox, cependant, je peux vous conseiller d'aller poster dans les suggestions et améliorations pour les forums FA, je viendrai vous appuyer au besoin, c'est un code que j'avais tenté également pour mon forum.

Bien que votre demande ne soit pas réalisable actuellement sur notre plateforme, nous vous invitons afin d'améliorer nos services à poster une suggestion dans ce forum en respectant les règles de la section. Suivant la ferveur des membres de notre communauté pour votre proposition, elle pourra se retrouver à l'étude par notre équipe et éventuellement être mise en place (aucun délai ne peut cependant être donné).

[Invité]

Quand on regarde le code source de la boite à smiley de la chatbox on voit que c'est une simple table. Pas d'iframe donc pas de lien et de soucis cross-domaine. La zone de message ne sera pas modifiée, je ne pense pas qu'on pourra modifier le système de smiley actuel pour le remplacer par une pop-up comme le fait la chatbox,

Je ne suis pas sûr d'avoir tout compris. En fait il y a une adresse si on prend par exemple celle de la chatbox, donc si j'ai bien compris elle ne sera pas fonctionnelle sur la partie texte du forum ?

[Lixyr]

Quand vous dites "elle ne sera pas fonctionnelle", vous parlez de quoi ?

[Invité]

Je voulais dire que la boite aux smileys ne serait pas fonctionnelle sur la zone texte des commentaires , même si on pouvait remplacer l'iframe #smiley-box par celle de la Chatbox, c'est bien cela ?

[Lixyr]

Et bien, la boîte à smiley de la chatbox est totalement différente de celle de l'éditeur de message, elles n'ont pas du tout le même comportement, et ne sont pas appelée de la même manière. D'ailleurs, l'éditeur de texte de la chatbox n'est pas le même que celui des messages, c'est probablement pour ça que la boîte à smiley n'a pas le même comportement.
Le seul moyen que vous avez de pouvoir faire ce que vous voulez avec les smiley est de demander une amélioration de cette boite à smiley au niveau des éditeurs de messages. Mais je ne vous promets pas que ce sera réalisable, il est d'ailleurs fort possible que ça ne le soit pas. Mais tentez, on verra bien.

[Invité]

Bonjour,

Vous avez essayé avec quelque chose de ce genre pour voir au moins?

Code:

$(window).load(function() {
var iframe = $('#smiley-box iframe').contents();
iframe.find("img").click(function(){
$('#smiley-box').slideToggle();
});
});

Bon dans tous les cas c'est pas très utile d'une certaine manière...c'est mieux de proposer une amélioration mes excuses à Lixyr

Bye

[Invité]

Bonjour,

Vous avez essayé avec quelque chose de ce genre pour voir au moins?

Code:

$(window).load(function() {
var iframe = $('#smiley-box iframe').contents();
iframe.find("img").click(function(){
$('#smiley-box').slideToggle();
});
});

Bonjour
Je ne sais pas pourquoi je n'y ai pas pensé , d'associer le tout.
Le résultat est que cela fonctionne .

Un grand merci à Don Vito Corleone .

Pour ceux que ça intéresse, ajouter le code ci dessus dans la feuille des javascript , sans oublier les codes d'origine placés au début de ce topic.

Problème résolu .