Demande code pour ajout de bouton.

3 participants

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

Résolu Demande code pour ajout de bouton.

Message par Self Lun 17 Juin 2013 - 21:15

Bonjour.

Je ne m'y connais pas trop en codage et malgré mes récente recherche je n'ai pas trouver de code pouvant m'aider.
J'aimerais si quelqu'un pourrais me donner la solution avoir un bouton dans le groupe de cela Demande code pour ajout de bouton. Forum

Ce sont les icônes de modération en bas à gaudche des topics dont l'id est .left.rtl-inversion-left.


Dernière édition par SeLfde4Th7 le Mar 18 Juin 2013 - 18:19, édité 1 fois
Self

Self
Membre actif

Masculin
Messages : 3819
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Demande code pour ajout de bouton.

Message par Ea Mar 18 Juin 2013 - 12:24

Bonjour,


On peut ajouter un bouton avec :

Code:
$(function(){$(function(){

  $('<a class="sceditor-button" unselectable="on" title="Mon super bouton"><div unselectable="on" style="background-image:url(http://2img.net/i/fa//i/smiles/star3.png)">Mon super bouton</div></a>').insertAfter('.sceditor-button-emoticon').click(function(){
    $('#text_editor_textarea').sceditor("instance").insertText("[b][i]","[/i][/b]");
  });

})});
Pour changer l'image changez :

Code:
http://2img.net/i/fa//i/smiles/star3.png
pour changer ce qui est mis avant la sélection changez :

Code:
[b][i]
pour changer ce qui est mis après la sélection changez :

Code:
[/i][/b]
pour changer le bouton après lequel le nouveau bouton est mis, changez :

Code:
.sceditor-button-emoticon
( pour trouver la classe identifiant un autre bouton utiliser l'inspecteur de dom de votre navigateur ( sur firefox je pense que c'est CTRL + SHIFT + I ) )

pour que ça soit mis avant un bouton, changez le :

Code:
.insertAfter
en :

Code:
.insertBefore
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande code pour ajout de bouton.

Message par demeter1 Mar 18 Juin 2013 - 12:35

Selfde4th7, désolé de polluer ton topic?

Ea, est il possible d'insérer une bande déroulante permettant l’accès à plusieurs mises en forme ?.

demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande code pour ajout de bouton.

Message par Self Mar 18 Juin 2013 - 15:19

Bonjour Ea.

Merci de répondre à ma question, on vois que vous êtes déborder avec ce fameux éditeur.
Seulement je veut qu'il soit dans la barre des boutons de modération derrière le bouton fusionner les sujet et que quand on clique dessus il redirige vers un page.

le code devrais donner :


Code:
$(function(){$(function(){
        
          $('<a class="left rtl-inversion-left" unselectable="on" title="Aide à la modération"><div unselectable="on" style="background-image:url(http://www.aht.li/2066754/unlock_rep2.png)">Aide à la modération</div></a>').insertAfter('').click(function(){
            $fonction de redirection
          });
        
        })}); 

Alors je devrais vous demander la fonction pour rediriger sur la page , mais les bouton dont je vous parle et je vous ais mis l'image dans le premier post ne sont que des images redirigeables sur une fonction de modération du forum.
Et bien sur je voudrais que mon bouton ne soit visible qu'aux modérateurs/administrateurs.

Merci de vous penchez sur mon cas Ea et si jamais ce que je demande est trop exigent, ne le faite pas :/.
Self

Self
Membre actif

Masculin
Messages : 3819
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande code pour ajout de bouton.

Message par Ea Mar 18 Juin 2013 - 15:54

dans ce cas vous pouvez mettre sur les sujets ce script :

Code:
$(function(){
  $('a[href^="/merge?"]').after('<a href="http://www.google.com"><img src="http://2img.net/i/fa/fdf3/editer15.png" /></a>')
});
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande code pour ajout de bouton.

Message par Self Mar 18 Juin 2013 - 16:35

Très bien , cela fonctionne, merci Very Happy .
Cependant il est coller au derniers auriez vous un petit truc pour le décoler ne serais-ce que de 5px ?
Self

Self
Membre actif

Masculin
Messages : 3819
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande code pour ajout de bouton.

Message par Ea Mar 18 Juin 2013 - 16:45

mettre un espace avant <a j'imagine

si vous en voulez plusieurs, il faut utiliser plutôt plusieurs &nbsp;
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande code pour ajout de bouton.

Message par Self Mar 18 Juin 2013 - 18:12

Très bien merci beaucoup Ea.

Bonne soirée thumleft
Self

Self
Membre actif

Masculin
Messages : 3819
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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