Discussion :

[pony99]

Salut a tous

Voila étant carrément un ignorant en javascript, je cherche un petit scripte qui me permettrais de faire un choix d'une valeur dans une liste déroulante, cliquez sur ajouter.
Alors le diminutif de cette valeur s'ajoute a un champs se trouvant dessous.

plusieurs choix de valeur serait possible et les valeur serait séparé par une virgule.

Le scripte ressemble a celui-ci (Scripte du plugin TAG de Dotclear), mais il ne sont pas en forme de liste déroulante mais en lien.

Est-ce qu'une ame charitable pourrai m'aidez a mettre les choix dans une liste déroulante, puis cliquez sur un bouton pour l'ajouter au champs

Merci

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
// JavaScript Document
<script type="text/javascript">
// fonction
function twTags_add(tag)
{
	lt = document.getElementById('twtags').list_tags;
	if (lt.value != '')
		lt.value += ', ' + tag;
	else
		lt.value = tag;
}
</script>
// le champ
<div id="tagBox" class="moreOptions">
<form method="post" id="twtags" action="tools.php?p=twtags&amp;post_id=15&amp;gmi=1" onsubmit="formSubmit=true;">
<p class="field"><label for="list_tags"><strong>Tags définis</strong></label>
<input type="text" size="80" name="list_tags" id="list_tags" maxlength="256" class="max" /></p>
 
// les valeur a ajoutées
<p class="field"><label class="inline" for="new_tags">Associer un nouveau tag&nbsp;:</label> 
<a href="#twtags" onclick="twTags_add('V1'); return false;">Valeur 1</a>, 
<a href="#twtags" onclick="twTags_add('V2'); return false;">Valeur 2</a>, 
<a href="#twtags" onclick="twTags_add('V3'); return false;">Valeur 3</a>, 
<a href="#twtags" onclick="twTags_add('V4'); return false;">Valeur 4</a>, 
<a href="#twtags" onclick="twTags_add('V5'); return false;">Valeur 5</a>, 
<a href="#twtags" onclick="twTags_add('V6'); return false;">Valeur 6</a>, 
<a href="#twtags" onclick="twTags_add('V7'); return false;">Valeur 7</a>, 
<a href="#twtags" onclick="twTags_add('V8'); return false;">Valeur 8</a>, 
<a href="#twtags" onclick="twTags_add('V9'); return false;">Valeur 9</a>, 
<a href="#twtags" onclick="twTags_add('V10'); return false;">Valeur 10</a></p>
<p class="field"><input class="submit" type="submit" value="enregistrer" /></p>
<input type="hidden" name="dctoken" value="f77dc720e4ec236144121e36805a6daf" /></form></div>

[pony99]

En demandant bidouillant un peu j'ai trouvé la solution, je l'ajoute ici si d'autre personne veulent l'utilisé

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
<script type="text/javascript"> 
function twTags_add(tag) { 
   lt = document.getElementById('list_tags'); 
   if (lt.value != '') { 
      // recuperation et trasformation des tags 
      tags = lt.value.split(', '); 
      for (var i=0; i<tags.length;i++) { 
           if (tags[i] == tag) { tag = '' ; 
           alert('Cette option est déjà séléctionnée !!!'); break;}            
      } 
      if (tag) lt.value += ', ' + tag; 
   } else lt.value = tag; 
} 
</script> 
// les valeur a ajoutées 
<p class="field"><label class="inline" for="new_tags">Associer un nouveau tag&nbsp;:</label> 
<a href="#twtags" onclick="twTags_add('V1'); return false;">Valeur 1</a>, 
<a href="#twtags" onclick="twTags_add('V2'); return false;">Valeur 2</a>, 
<a href="#twtags" onclick="twTags_add('V3'); return false;">Valeur 3</a>, 
<a href="#twtags" onclick="twTags_add('V4'); return false;">Valeur 4</a>, 
<a href="#twtags" onclick="twTags_add('V5'); return false;">Valeur 5</a>, 
<a href="#twtags" onclick="twTags_add('V6'); return false;">Valeur 6</a>, 
<a href="#twtags" onclick="twTags_add('V7'); return false;">Valeur 7</a>, 
<a href="#twtags" onclick="twTags_add('V8'); return false;">Valeur 8</a>, 
<a href="#twtags" onclick="twTags_add('V9'); return false;">Valeur 9</a>, 
<a href="#twtags" onclick="twTags_add('V10'); return false;">Valeur 10</a></p> 
<p class="field"><input class="submit" type="submit" value="enregistrer" /></p> 
<input type="hidden" name="dctoken" value="f77dc720e4ec236144121e36805a6daf" /></form></div>

Mais j'aimerai ajouté un boutont qui permettra de suprimé un choix si l'utilisateur c'est planté

Voila ce que j'ai fait, mais ça ne fonctionne pas

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// Pour supprimer une valeur 
<script type="text/javascript">
function twTags_sup(tag) {
   lt = document.getElementById('list_pr');
   if (lt.value != '') {
      // recuperation et trasformation des tags  
      tags = lt.value.split('-');
      for (var i=0; i<tags.length;i++) {
           if (tags[i] == tag) {lt.value += - tag ; break;}           
      }
      if (tag) lt.value -= '-' - tag;
   } else lt.value = tag;
}
</script>

Mais quand je clique sur [-] j'ai la valeur NaN qui s'affiche
Coment faire SVP