Discussion :

[zoom61]

Salut,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Merci @+.

[NoSmoking]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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é.

[zoom61]

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 , 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>

Voici le code que j'ai fait :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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);

@+.

[NoSmoking]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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
    }

[zoom61]

OK, merci cela fonctionne.

@+.