Personnaliser un bouton BBCode

Version imprimable

Salut,

Je n'arrive pas à personnaliser deux boutons... j'ai le code suivant qui fonctionne pour rajouter un lien :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
var nicLinkOptions = {
  buttons: {
    'link': {
      name: 'Lien',
      type: 'nicLinkButton',
      tags: ['A']
    },
    'unlink': {
      name: 'Supprimer le lien',
      command: 'unlink',
      noActive: true
    }
  }
};
 
var nicLinkButton = nicEditorAdvancedButton.extend({
  addPane: function () {
    this.ln = this.ne.selectedInstance.selElm().parentTag("A");
    this.addForm({
      "": {
        type: "title",
        txt: "Ajouter/Editer le lien"
      },
      href: {
        type: "text",
        txt: "URL",
        value: "http://",
        style: {
          width: "150px"
        }
      },
      title: {
        type: "text",
        txt: "Titre"
      },
      target: {
        type: "select",
        txt: "Ouvrir",
        options: {
          "": "La fenêtre courante",
          _blank: "Nouvelle fenêtre"
        },
        style: {
          width: "100px"
        }
      }
    }, this.ln)
  },
  submit: function (C) {
    var A = this.inputs.href.value;
    if (A == "http://" || A == "") {
      alert("Vous devez entrer une URL pour créer un lien");
      return false
    }
    this.removePane();
    if (!this.ln) {
      var B = "javascript:nicTemp();";
      this.ne.nicCommand("createlink", B);
      this.ln = this.findElm("A", "href", B)
    }
    if (this.ln) {
      this.ln.setAttributes({
        href: this.inputs.href.value,
        title: this.inputs.title.value,
        target: this.inputs.target.options[this.inputs.target.selectedIndex].value
      })
    }
  }
});
nicEditors.registerPlugin(nicPlugin, nicLinkOptions);

J'aimerai personnalité suivant le même procédé, mais j'aimerai au lieu de saisir un lien type "http://...", mettre une valeur id, ça j'y arrive, mais ce que je voudrai c'est que le lien qui sera crée soit de la forme "http://blabla.com/repertoire/page.php?id=" + l'id que j'aurai saisi.

J'espère que mes explications sont claires, avez-vous une idée comment y arriver :koi:

Merci @+.

Bonjour,
tu rajoutes un champ à saisir dans ta déclaration par exemple

Code:

1
2
3
4
  id:{
    type:"text",
    txt: "ID"
  },

ensuite dans la partie submit: tu récupères la valeur que tu ajoutes à ton href

Code:

1
2
3
4
5
6
7
8
    if (this.ln) {
      this.ln.setAttributes({
        href: this.inputs.href.value +this.inputs.id.value,
        title: this.inputs.title.value,
        id: this.inputs.id.value,         // attention cela devient un attribut du lien
        target: this.inputs.target.options[this.inputs.target.selectedIndex].value
      })
    }

inconvénient à la prochaine ouverture de la boite le href sera modifié.

Salut,

Merci de ta réponse, je m'en suis inspiré, mais j'ai un petit problème c'est que lorsque je veux récupérer le résultat, cela ne me donne pas la valeur :koi:, j'obtiens <a href="javascript:nicTemp();">essai</a> au lieu d'avoir quelque chose comme cela <a href="http://www.site.fr/page.php?id=1">essai</a> :koi:

Voici le code que j'ai fait :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var nicDicoOptions = {
    buttons : {
        'dico' : {name : 'Dico', type : 'nicDicoButton', tags : ['A']},
        'undico' : {name : 'Supprimer le lien Dico',  command : 'unlink', noActive : true}
    }
};
 
var nicDicoButton=nicEditorAdvancedButton.extend({addPane:function(){this.ln=this.ne.selectedInstance.selElm().parentTag("A");this.addForm({"":{type:"title",txt:"Ajouter/modifier l'ID dico"},href:{type:"text",txt:"URL",value:"",style:{width:"150px"}}},this.ln)},submit:function(C){var A=this.inputs.href.value;if(A==""){alert("Vous devez entrer un ID pour créer un lien dico");return false}this.removePane();if(!this.ln){var B="javascript:nicTemp();";this.ne.nicCommand("createlink",B);this.ln=this.findElm("A","href",B)}
if(this.ln){
    this.ln.setAttributes({
        href:"http://www.site.fr/page.php?id="+this.inputs.href.value,
        title:this.inputs.title.value,
        target:this.inputs.target.options[this.inputs.target.selectedIndex].value})}
}});nicEditors.registerPlugin(nicPlugin,nicDicoOptions);

@+.

Ce que tu obtiens est normal et ce compte tenu qu'il y a des erreurs dans ton code, je m'explique...

si on isole ce bout de code

Code:

1
2
3
4
5
6
    if (this.ln) {
      this.ln.setAttributes({
        href: "http://www.site.fr/page.php?id=" + this.inputs.href.value,
        title: this.inputs.title.value,
        target: this.inputs.target.options[this.inputs.target.selectedIndex].value
      })

cela sous entend qu'il existe les propriétés href, title et target or dans ta déclaration

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
    this.addForm({
      "": {
        type: "title",
        txt: "Ajouter/modifier l'ID dico"
      },
      href: {            // une seule propriété déclarée
        type: "text",
        txt: "URL",
        value: "",
        style: {
          width: "150px"
        }
      }
    }, this.ln)

on ne trouve que href donc cela plante ;)

Dans ton cas je verrais bien une déclaration de ce type

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
    this.addForm({
      "": {
        type: "title",
        txt: "Ajouter/modifier l'ID dico"
      },
      id:{
        type:"text",
        txt:"ID",
        value:""
      },
      href: {
        type: "text",
        txt: "",
        value: "",
        style: {
          display:"none",
          width: "150px"
        }
      }
    }, this.ln)

encore une chose le test dans la méthode submit n'est pas judicieux attendu que tu ne fais pas de saisie de l'URL mais de l'ID donc il devient

Code:

1
2
3
4
5
    var A = this.inputs.id.value;
    if (A == "") {
      alert("Vous devez entrer un ID pour créer un lien dico");
      return false
    }

19/04/2014, 18h14
zoom61

Personnaliser un bouton BBCode

OK, merci cela fonctionne.

@+.