Envoie d'une chaine dans une zone de texte (javascript/HTML5)

Résolu
GADJO -  
 Utilisateur anonyme -
Bonjour,

tout d'abord voici mon code :

partie javascript:
------------------------------------------------------------------------------------------------------------------------------------------
function getString(var string)
{
var text = document.getElementById("file").value;

var name = text + string;

document.getElementById("file").value = filename;

// updateRangeValue();
}

partie HTML5

<div>file name :<input name="file" type="text" id="file" value="test"></div>

<div><input name="button1" type="button" value="Test" onClick="getString('00test')"></div>

----------------------------------------------------------------------------------------------------------------------------------------------
*Ceci n'est qu'une partie de mon code.*

Mon problème est le suivant : J'aimerais qu'a l'appuie sur le bouton(button1), ma fonction récupère la chaîne presente dans mon text(file), l'additionne avec la chaîne envoyer a l'appuie de button1 et la remplace l'ancienne chaîne contenue dans le text(file) par le résultat de cette addition, avec possibilite de voir les changement en temps réel (sans avoir besoin d'actualiser la page).

Avez vous un avis/solution a mon problème.

Merci de vos réponses.

A voir également:

8 réponses

Utilisateur anonyme
 
Salut salut,

Et tu as des messages d'erreur? Ou un comportement que tu ne souhaites pas?

Ca me parait bizzare d'utiliser l'opérateur + pour additionner des variables qui sont définis comme des String, cela devrait te les concaténer.
Je pense que tu devrais faire des parseInt sur tes variables.
0
GADJO
 
pour moi quand j'exécute cette fonction je n'ai pas d'erreur mais rien ne se passe mon text affiche toujours test, au lieu de test00test.

je vais essayer avec les parseInt
0
Utilisateur anonyme
 
Mais tu souhaites concaténer des chaines ou additionner des nombres?
0
GADJO
 
je souhaite relier les 2 chaîne, ctd : ch1: bon; ch2:jour. résultat = ch1+ch2 =bonjour

puis ensuite le renvoyer dans mon txt
0
Utilisateur anonyme
 
Ah ok autant pour moi j'avais mal compris. Je regarde ça
0
GADJO
 
ok merci
0
GADJO
 
Edit :

---------------------------------------------------------------------------------------------------------------------------------

function getString(var string)
{
var text = document.getElementById("file").value;
var name = parseInt(text,10) + parseInt(string,10);
document.getElementById("file").value = filename;
// updateRangeValue();
}

---------------------------------------------------------------------------------------------------------------------------------

code toujours non fonctionnel
0
Utilisateur anonyme
 
Oubli ce que je t'ai dis je pensais que tu souhaites additionner des nombres.

Ton code à l'ai correct , ajoute un point virgule dans le onClick :
... onClick="getString('00test');">...

Sinon fait des alert à l'entrée de la fonction pour voir le champ passer en paramètre ainsi que le champ récupérer de l'input text.
0
GADJO
 
ok je teste je te tient au courant
0
GADJO
 
j'ai tester avec ce code :

------------------------------------------------------------------------------------------------------------------------------------

function getString(var string)
{
alert(string);

var text = document.getElementById("file").value;

alert(text);

var name = parseInt(text,10) + parseInt(string,10);

alert(name);

document.getElementById("file").value = filename;
// updateRangeValue();
}

------------------------------------------------------------------------------------------------------------------------------------

je n'ai aucun message qui s'affiche ...
0
Utilisateur anonyme
 
Ah ok ca veut dire qu'il ne rentre même pas dans la fonction.

Le code javascript tu l'as placé sur la même page ou tu inclus un script js?
0
GADJO
 
je l'ai placer dans le même page
0
Utilisateur anonyme
 
Re,

En regardat un peu mieux, j'ai noté le var en trop dans la déclaration de la fonction : function getString(var string)
et une variable filename que je ne toruve pas.

Essaie comme ça, ça fonctionne !


<script>
function getString(string)
{
var text = document.getElementById("file").value;

var name = text + string;

document.getElementById("file").value = name;

// updateRangeValue();
}

</script>

<div>file name :<input name="file" type="text" id="file" value="test"></div>

<div><input name="button1" type="button" value="Test" onClick="getString('00test');"></div>
0
GADJO
 
ok je teste
0
GADJO
 
up : malheureusement cela ne marche toujours pas ...

j'ai pourtant déjà d'autre fonction java-script qui marche bien, mais celle la non.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Utilisateur anonyme
 
Si je copie colle le code il fonctionne chez moi...
T'as un message d'erreur?
0
kapoblanco Messages postés 15 Date d'inscription   Statut Membre Dernière intervention   3
 
J'ai aussi testé le code et il fonctionne bien pour moi aussi
0
GADJO
 
non, mais je suis sous debian(linux) et je le teste avec iceweasel(firefox) ça vient peut être de la...
0
Utilisateur anonyme
 
Le code en lui même ne change pas.
As tu activé le javascript ?
0
GADJO
 
oui je pense j'utilise déjà du javascript sur d'autre fonction pour afficher ou cacher quelques lignes et sa fonctionne.
0
GADJO
 
une autre idée ?
0
Utilisateur anonyme
 
Met une alert("coucou"); au début du script si elle n'apparait c'est que ce n'est pas interprété, tu peux le vérifier dans le options. Je vois pas d'autre solution, si il interprète certain javascript et pas d'autre il y a forcément un truc qui ne va pas sur ton navigateur, ce n'est pas normal. A la limite retélécharge ou essai avec un autre.
0
GADJO
 
je ne vois pas l'alert je pense que mon probleme vien dans l'appel de la fonciton
0
GADJO
 
C'est bon j'ai régler mon problème !

En fait je n'utilisais pas exactement les même variable dans mon code donc je n'avais pas remarquer que j'avais nommer ma zone de texte pareil que ma fonction.

Donc du coup en modifiant le nom de ma fonction, ça marche !

Merci à vous tous pour l'aide que vous m'avez apporter.

Cordialement GADJO.
0
Utilisateur anonyme
 
Pas de soucis , c'est cool.
Poste en résolu please.
0