Demande code pour ajout de bouton.

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

Résolu Demande code pour ajout de bouton.

Message par Self le Lun 17 Juin - 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

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 - 18:19, édité 1 fois

Self
+ Hyperactif +

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

Self a été remercié(e) par l'auteur de ce sujet.
  • 0

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

Message par Ea le Mar 18 Juin - 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://illiweb.com/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://illiweb.com/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
Aidactif
Aidactif

Messages : 23429
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 le Mar 18 Juin - 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
+ Hyperactif +

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

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

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

Message par Self le Mar 18 Juin - 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
+ Hyperactif +

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

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

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

Message par Ea le Mar 18 Juin - 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://illiweb.com/fa/fdf3/editer15.png" /></a>')
});

Ea
Aidactif
Aidactif

Messages : 23429
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 le Mar 18 Juin - 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
+ Hyperactif +

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

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

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

Message par Ea le Mar 18 Juin - 16:45

mettre un espace avant <a j'imagine

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

Ea
Aidactif
Aidactif

Messages : 23429
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 le Mar 18 Juin - 18:12

Très bien merci beaucoup Ea.

Bonne soirée thumleft

Self
+ Hyperactif +

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

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

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


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