Aide sur Javascript

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Aide sur Javascript

pony99

Salut,

voici un code pour ajouté une valeur d'un liste déroulante dans un champs. avec un bouton [+]
Je voudrai suprimé la valeur ajouté en utilisant un bouton [-] mais je sèche, car a chaque fois j'ai la valeur NaN qui s'affiche

code :

Code :

// Pour ajouté un valeur
<script type="text/javascript">
function twTags_add(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) { tag = '' ;
alert('Oupss Cette option est déjà séléctionnée !!!'); break;}
}
if (tag) lt.value += '-' + tag;
} else lt.value = tag;
}
</script>
// 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>
<p><label for="list_pr" >Risques* :</label>
<input type="text" name="list_pr" id="list_pr" disabled> Dans :
<select id=liste_pr name=liste_pr size=1>
<option value=1>Valeur 1</option>
<option value=2>Valeur 2</option>
<option value=3>Valeur 3</option>
</select>
<input type=button onclick=twTags_add(document.getElementById('liste_pr').value) value=+>
<input type=button onclick=twTags_sup(document.getElementById('liste_pr').value) value=->
</p>

Merci pour votre aide

Message édité par pony99 le 01-12-2008 à 13:59:43

Publicité

bul3

bonjour,
tu te compliques la vie...

function twTags_sup(tag) {
if ( tag.selectedIndex>=0) tag.remove(tag.selectedIndex)
}

<input type="button"
onclick="twTags_sup(document.getElementById('liste_pr'))" value="-">

Cordialement.

---------------
[mon site] [m'écrire]

pony99

Salut bul3, et merci pour ta réponse, mais la solution que tu m'a donné ne fonction pas!

gatsu35

Blablaté par Harko

tu voudrais pas être plus explicite dans ta réponse ? merci

pony99

Ok désolé
La solution que m'a donné bul3 ne fonctionne pas.
En cliquand sur [-] ça me supprime les choix de la liste déroulante et non celle du champs
Moi je voudrai que ce soit la valeur du champs qui soit suprimer.

Exemple si une personne ajoute : choix 1 et Choix 2 dans la liste déroulante (ce qui donne 1-2 dans le champs).
Disant que la personne c planté en ajoutant le Choix 2, et qu'il veut corrigé en cliquant sur [-]
[-] ça nous suprime la valeur ajouté par [+] c'est a dire le [-2]

tpierron

Je verrai ta fonction twTags_sup plutôt comme ça :

Code :

function twTags_sup(tag) {
lt = document.getElementById('list_pr')
if (lt.value != '') {
// recuperation et trasformation des tags
var liste = ''
tags = lt.value.split('-')
for (var i=0; i<tags.length;i++) {
if (tags[i] != tag) liste += "-" + tags[i]
}
lt.value = liste.length > 1 ? liste.substr(1) : ''
}
else lt.value = tag
}

Edit: d'ailleurs juste pour préciser: la soustraction avec les chaines de caractères ne permet pas de retirer une sous-chaine d'une autre. En javascript, ça va simplement convertir les arguments en nombre et faire la soustraction. Si la chaine ne peux pas être convertie, tu auras ... NaN

Message édité par tpierron le 01-12-2008 à 18:15:19

pony99

Salut tpierron
Désolé mais cela fonctionne pas, en cliquand sur [-], rien ne se passe

tpierron

Les rapports d'erreur, ce n'est pas ton truc, on dirait. Bah, parceque ça marche chez moi sous IE7 et FF. Donc s'il y a une erreur quelconque au niveau de javascript, poste la ici.

pony99

Mais j'ai rien compris firebug! ou il ne trouve aucune érreur.
Sur IE, j'ai bien activé la case pour pour les notification des erreur de script, mais rien!

Voici mon scripte entier

Code :

<fieldset id="stock">
<legend>Phrases de risque et de sécurité</legend><br/>
<em>Choisisez les phrases de Risque ou de sécurité dans la liste déroulante puis cliquez sur + </em><br/><br/><br/>
<script type="text/javascript">
function twTags_add(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) { tag = '' ;
alert('Oupss Cette option est déjà séléctionnée !!!'); break;}
}
if (tag) lt.value += '-' + tag;
} else lt.value = tag;
}
</script>
<p><label for="list_pr" >Phrase R* :</label>
<input type="text" name="list_pr" id="list_pr" > choix :
<select id=liste_pr name=liste_pr size=1><? phrase_r () ;?>//
<script type="text/javascript">
function twTags_sup(tag) {
lt = document.getElementById('list_pr')
if (lt.value != '') {
// recuperation et trasformation des tags
var liste = ''
tags = lt.value.split('-')
for (var i=0; i<tags.length;i++) {
if (tags[i] != tag) liste += "-" + tags[i]
}
lt.value = liste.length > 1 ? liste.substr(1) : ''
}
else lt.value = tag
}
</script>
<input type="button"
onclick="twTags_sup(document.getElementById('liste_pr'))" value="-">
</p>

tpierron

Oué, évidemment si tu changes la manière dont tu appelles la fonction twTags_sup entre temps, je ne peux pas le deviner.

Pour info, avant :

Code :

<input type=button onclick=twTags_sup(document.getElementById('liste_pr').value) value=->

Après :

Code :

<input type="button" onclick="twTags_sup(document.getElementById('liste_pr'))" value="-">

Publicité

pony99

Excuse moi tpierron j'avais pas fait gaff que tu avais changer l'appel de la fonction.
J'ai re testé et ça marche :bounce: .
Mais si tu met 3 valeur, (V1-V2-V3) la 3ème valeur (V3) est bien supprimer , mais pas V2 ou V1

pony99

tpierron

Hmm, je ne suis pas sûr de comprendre ce que tu veux faire exactement. Ce que j'ai compris :

Si dans ton champ tu as: "1-2-3", et que dans ton popup tu choisis "2" et que tu cliques sur moins (-), ton champ contiendra "1-3".

Si ce n'est pas ça, va falloir détailler.

pony99

Salut TPierron et Merci pour ton aide précieuse! désolé de te repondre que maintenant.

Enfait, si dans le champs se trouve J'ai ajouté 1-2-3, si je clique sur [-], seul le dernier ajout est suprimer! les autre ne se suprime pas même si je clique sur [-]

je ne sais pas si c plus claire

PS : Certain se demonderont pkoi avoir un bouton [-] alors que nous pouvons le changer a la main.
Ben justement j'ai mis le champs en "disabled" pour evité cela

tpierron

Gné, donc si as "1-2-3", et que tu cliques sur (-), tu auras "1-2", puis si tu recliques sur (-), tu auras "1" ?

Code :

function twTags_sup(tag) {
   lt = document.getElementById('list_pr')
   tags = lt.value.split('-')
   if (tags.length > 0)
   {
      tags.splice(tags.length - 1, 1)
      lt.value = tags.join('-')
   }
}

FORUM HardWare.fr

Programmation

HTML/CSS

Aide sur Javascript

Sujets relatifs
Aide EXT Javascript	Aide SVP, JavaScript
aide prog javascript	Demande d'aide pour menu dropdown javascript
[resolu]Ouverture image à l'aide de javascript	aide pour programmer PHP et javascript
Besoin d'Aide LotusScript (proche javascript)	ecrire dans xml à l'aide de JavaScript.
aide pour un novice du javascript	Aide pour une débutante en javascript
Plus de sujets relatifs à : Aide sur Javascript

Page générée en 0.080 secondes