Supprimer du texte via Javascript

Version imprimable

Bonjour à tous,

Comment puis je supprimer un morceau de texte ?
Exemple:
J'ai une champs hidden qui contient: "voiture-rat-pigeon-vacances" et je veux supprimer juste le mot "rat" ?
Code:

1 2 3 4 5 6 7 8 9 10 11 function delete_id_cpt(txt){ cpt_txt=document.getElementById('cpt_txt').value; if(cpt_txt.indexOf(txt,0) != -1){ alert(txt+"Trouver"); // c'est ici que jvais devoir faire appel a la fct que vous allez me donnez ?! }else{ alert(txt+" Non trouver"); } }
Merci

10/09/2009, 16h49
SpaceFrog

toujours le mot rat ? ou le mot en seconde position ?

Citation:

Exemple:
J'ai une champs hidden qui contient: "voiture-rat-pigeon-vacances" et je veux supprimer juste le mot "rat" ?

Donc c'est un exemple ...

Je veux faire appel à ma function avec un parametre qui sera le mots à supprimer, donc chaque fois qu'il trouvera le mots il le supprimer de mon hidden ?

J'essaye en ce moment de faire ça, mais sa ne fonctionne pas !!
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function delete_id_cpt(txt){ cpt_txt=document.getElementById('cpt_txt').value; if(cpt_txt.indexOf(txt,0) != -1){ alert(txt+"Trouver"); //Au lieu de toLowerCase() je veux appeller une function delete() de JAVASCRIPT document.getElementById('cpt_txt').value[i].toLowerCase(); // c'est ici que jvais devoir faire appel a la fct que vous allez me donnez ?! }else{ alert(txt+" Non trouver"); } }
Merci

Bonjour,

Code:

1
2
3
4
5
6
7
function supprime(id_input, mot, sep) {
var tabVal = document.getElementById(id_input).value.split(sep);
for (var i=0;i<tabVal.length; i++)
  if (tabVal[i] == mot)
     tabVal[i] = "";
document.getElementById(id_input).value = tabVal.join("-");
}

==>

Code:

supprime("id_input_a_traiter","rat","-");

A+

oui ou encore

Code:

1
2
3
4
5
6
<script type="text/javascript">
function killword(idobj,mot,sep){
var reg=new RegExp("\\"+sep+mot+"|"+mot+"\\"+sep,"g")
return document.getElementById(idobj).value.replace(reg,"")
}
</script>

qui peut s'utiliser comme ceci

Code:

1
2
 
<input type='text' id="test" value="voiture-rat-pigeon-vacances" onclick="this.value=killword(this.id,'rat','-')" style="width:200px;"/>

14/09/2009, 19h21
c-bolo
Salut à tous,

Sorry mais sa fonctionne toujours pas ?!
E.Bzz==>
Citation:
Bonjour,
Code :

function supprime(id_input, mot, sep) {
var tabVal = document.getElementById(id_input).value.split(sep);

Code:

1 2 3 4 5 for (var i=0;i<tabVal.length; i++) if (tabVal[i] == mot) tabVal[i] = ""; document.getElementById(id_input).value = tabVal.join("-"); }

==>
Code :

Code:

supprime("id_input_a_traiter","rat","-");

A+
Si par exemple dans la "value" de mon "input" j'ai "1-2-3"
Avec cette function j'ai de retour 1--3, càd qu'il remplace le 2 par "" rien de plus ?!

SpaceFrog ==> Concernant cette function rien ne se passe ..;

J'ai essayé de modifier vos codes mais rien ... !
Je n'arrive pas à supprimer un mots d'une une chaine ?!
15/09/2009, 08h29
SpaceFrog

il manque juste la partie du code html pour que l'on puisse voir ce que tu n'a pas compris ...

tu peux nous montrer le html de l'input avec son id ?
17/09/2009, 11h28
E.Bzz

Citation:

Envoyé par c-bolo

J'ai une champs hidden qui contient: "voiture-rat-pigeon-vacances" et je veux supprimer juste le mot "rat" ?

Citation:

Envoyé par c-bolo

Si par exemple dans la "value" de mon "input" j'ai "1-2-3"
Avec cette function j'ai de retour 1--3, càd qu'il remplace le 2 par "" rien de plus ?!

Est-ce que tu relis ce que tu écris ?
C'est exactement ce que tu as demandé !

Ou alors, il faut que tu nous explique la différence entre "supprimer un mot" et "remplacer un mot par une chaîne vide" :koi:

A+
17/09/2009, 11h36
SpaceFrog

perso avec ma regexp j'ai inclus la suppression des séparateurs ... :rolleyes:
17/09/2009, 11h42
E.Bzz

Citation:

Envoyé par SpaceFrog

perso avec ma regexp j'ai inclus la suppression des séparateurs ... :rolleyes:

Oui, donc l'une des 2 est forcément la bonne :?

A+

Bonjour à tous,

Mon code html est générer par du Javascript

1- Création de mes <input....

Une question est un ensemble de:
1 * Question (type = text), 3 * Reponse (type = text),2 * mauvaiseReponse (type=hidden), 3 * Radio et 1 * Supprimer (type= button)

Les boutons radio sont en liaison directe avec le champs reponse concerner
Dans la value de mon button radio j'ai la bonne reponse et les deux autre seront stocker dans les deux hidden mauvaiseReponse

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
 
function ajouterMedia(type,dDocName,dDocTitle) { // Déclenché depuis le bouton ajouter, affiche des input Question/Reponse
    var cpt = parseInt(document.getElementById(type + "cpt").value) + 1;
    stocker_id_cpt(cpt);
    var noeud_element = document.createElement("div");
    noeud_element.setAttribute('id', type + '-' + cpt);
    noeud_element.className = "FieldTextRow";
    var html=null;
    // Les if/else est juste la pour afficher le zero lorsque c'est une unité ex: 1 devient 01 ect ...
 
    /*Question*/
    if(cpt<10){
        html = '<b><p>Question 0'+cpt+' <input id="' + type + 'Id-'+cpt+'" name="'+type+'Id-'+cpt+'" value="'+dDocName+'" type="text" size="50px"><br></b>';
    }else{
        html = '<b><p>Question '+cpt+' <input id="' + type + 'Id-'+cpt+'" name="'+type+'Id-'+cpt+'" value="'+dDocName+'" type="text" size="50px"><br></b>';
    }
 
    /*Réponse*/
 
    if(cpt<10){
        html = html + '<b> Reponse 0'+cpt+':<h4>(Séléctionner la bonne réponse)</h4></b><br>';
    }else{
        html = html + '<b> Reponse '+cpt+':<h4>(Séléctionner la bonne réponse)</h4></b><br>';
    }
 
    html = html +'<input id="mauvaisereponse1-'+cpt+'" name="mauvaisereponse1-'+cpt+'" value="" type="hidden" >';
    html = html +'<input id="mauvaisereponse2-'+cpt+'" name="mauvaisereponse1-'+cpt+'" value="" type="hidden" >';
 
    /*01 button text*/
    var cptReponse=1;
    html = html + '<input id="'+type+'Label-'+cpt+'-'+cptReponse+'" name="'+type+'Label-'+cpt+'" value="'+dDocTitle+'" type="text" >';
    /*01 button radio*/
    html = html + '<input id="bonnereponse'+cpt+'" name="bonnereponse'+cpt+'" value="" type="radio" onclick="javascript:chargeValueRadio(\''+type+'\','+cpt+','+cptReponse+')"><br>';
 
 
    /*02 button text*/
    cptReponse++;
    html = html + '<input id="'+type+'Label-'+cpt+'-'+cptReponse+'" name="'+type+'Label-'+cpt+'" value="'+dDocTitle+'" type="text" >';
    /*02 button radio*/
    html = html + '<input id="bonnereponse'+cpt+'" name="bonnereponse'+cpt+'" value="" type="radio" onclick="javascript:chargeValueRadio(\''+type+'\','+cpt+','+cptReponse+')"><br>';
 
 
    /*03 button text*/
    cptReponse++;
    html = html + '<input id="'+type+'Label-'+cpt+'-'+cptReponse+'" name="'+type+'Label-'+cpt+'" value="'+dDocTitle+'" type="text" >';
    /*03 button radio*/
    html = html + '<input id="bonnereponse'+cpt+'" name="bonnereponse'+cpt+'" value="" type="radio" onclick="javascript:chargeValueRadio(\''+type+'\','+cpt+','+cptReponse+')">';
 
    if(cpt<10){
        html = html + '<input type="button" value="Supprimer la question 0'+cpt+'" onclick="javascript:supprimerMedia(\''+type+'\','+cpt+')"/><br><br><br><hr>';
    }else{
        html = html + '<input type="button" value="Supprimer la question '+cpt+'" onclick="javascript:supprimerMedia(\''+type+'\','+cpt+')"/><hr><br><br>';
    }
 
    noeud_element.innerHTML = html;
 
    if(document.getElementById(type+"s").appendChild(noeud_element) != null)
        document.getElementById(type+"cpt").value = cpt;
};

Le bouton Supprimer appel une fonction qui permet de supprimer une bloc question.

Code:

1
2
3
4
5
6
7
8
9
10
function supprimerMedia(type,cpt) {
    var noeud = document.getElementById(type+"-"+cpt);
    if(noeud != null){
        document.getElementById(type+"s").removeChild(noeud);
    }
    document.getElementById('nbrQuestion').value--;
    //alert("Avant supprime cpt_txt: "+document.getElementById('cpt_txt').value);
    supprime(cpt); // c'est ICI que je dois faire appel à ma fonction encore inconnue ?!
    //alert("Apres supprime cpt_txt: "+document.getElementById('cpt_txt').value);
};

On peut constater que la variable "cpt" est l'identifiant de la question !
Avant de crée une nouvelle question, je stock dans cpt_txt le cpt.

Si je veux supprimer une question je dois aussi supprimer le cpt de ma variable cpt_txt de type string

J'espère que je vous embrouille pas avec tt le code ?!

Sinon merci d'avance à tous ++

Voici la fonction que j'ai copie de SpaceForg
Code:

1 2 3 4 5 function killword(cpt,sep){ var reg=new RegExp("\\"+sep+cpt+"|"+cpt+"\\"+sep,"g") return document.getElementById("cpt_txt").value.replace(reg,"") }
Voici le code de l'appelant !
Code:

1 2 3 4 5 6 7 8 9 10 11 function supprimerMedia(type,cpt) { var noeud = document.getElementById(type+"-"+cpt); if(noeud != null){ document.getElementById(type+"s").removeChild(noeud); } document.getElementById('nbrQuestion').value--; alert("Avant supprime cpt_txt: "+document.getElementById('cpt_txt').value); killword(cpt,"-"); alert("Apres supprime cpt_txt: "+document.getElementById('cpt_txt').value); };
AUCUNE REACTION ?!

Sorry mais je reformule ma question pour qu'il n'y es pas d'ambiguité

Avant

Code:

<input id="cpt_txt" type="hidden" value="1-2-3-4-5" >

Ici la taille est 7

Après

Code:

<input id="cpt_txt" type="hidden" value="1-3-5" >

Ici la taille est 5
C'est à dire la question dont l'id = 2 et 4 j'en veux plus

J'aurais bien aimez mettre la valeur 1, 3 et 5 dans un tableau, mais je ne sais pas comment faire pour récupère un tableaux global via une servlet Java

Merci à tous

17/09/2009, 19h53
SpaceFrog
heu la fonction killword retourne la valeur ...
elle ne modifies pas la chaine
si tu ne l'attribues à rien ne t'étonne pas que tu ne voies rien ...
Code:

1 2 3 4 cpt=document.getElementById('cpt_txt').value alert("Avant supprime cpt_txt: "+cpt); cpt=killword(cpt,"-"); alert("Apres supprime cpt_txt: "+cpt);

Oupss :oops:

Effectivement j'avais oublié d'utilisé le retour de ma fonction ?!
Code:

1 2 3 4 5 function supprimerMedia(type,cpt) { ....... document.getElementById('cpt_txt').value=killword(cpt,"-"); ....... };
Encore merci à tous !!

++