Copier un texte dans une autre cellule texte

Version imprimable

24/11/2014, 17h14
Jovan

Copier un texte dans une autre cellule texte

Je suis un nouveau petit novice dans l'art du langages WEB et je galère un peu je dois créer une petite page toute simple avec 2 textes et 2 boutons (ça j'y suis arrivé ^^) le premier boutons se nomme "gauche" le second "droite", l'idée est que quand j'ai un texte dans la case "text2" (mes id sont "text1" et "text2") et que je clique sur le bouton de "gauche" et bien il faut que le texte de "text2" soit intégralement copier dans "text1" à la conditions qu'il n'y ai rien d'écris dans "text1" si il y a du texte et bien il ne se passe tout simplement rien. Et inversement si clique "droite" c'est "text1=>"text2".

Merci d'avance pour vôtre aide. =)
24/11/2014, 23h44
Pifon

tu peux recuperer les valeurs de tes input type=text avec :

Code:

var contenuInput= document.getElementById('tonInput')

et te servir de onClick sur tes inputs type = button
25/11/2014, 09h39
sekaijin

Citation:

Envoyé par Pifon

tu peux recuperer les valeurs de tes input type=text avec : var contenuInput= document.getElementById('tonInput') et te servir de onClick sur tes inputs type = button

Oops oops oops
var contenuInput= document.getElementById('tonInput') .value Attention document.getElementById('tonInput')récupère l'élément pas sa valeur.
A+JYT
25/11/2014, 09h52
Jovan

Merci pour ces infos je vais essayer de suite =)

J'ai essayé votre méthode et ça ne fonctionne pas ça passe dans ma fonction gauche mais ça ne rentre jamais dans le if et je ne vois pas l'erreur.
Dans la fonction gauche c'est la méthode proposer dans droite c'est mon code.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var contenuInput1=document.getElementById('text1').value;
var contenuInput2=document.getElementById('text2').value;
function copierGauche(){
	//alert("Gauche");
	if(contenuInput1==""){
	alert('je vais copier');
	contenuInput2=contenuInput1;
	}
	else{
		alert("le champ n'est pas vide");
	}
}
function copierDroite(){
	//alert("Droite");
	if(document.getElementById('text2').value==""){
	alert('je vais copier');
	document.getElementById('text1').value=document.getElementById('text2').value;
	}
	else{
		alert("le champ n'est pas vide");
	}	
}

Code:

1
2
3
4
5
6
7
8
<form>
<input type="text" name="text1" id="text1" />
<input type="button" id="gauche" value="<=" onclick="copierGauche()" />
<input type="button" id="droite" value="=>" onclick="copierDroite()" />
<input  type="text" name="text2" id="text2" />
</form>
</body>
</html>

8O

tu as relu ce que tu as écrit ??

Citation:

si contenuInput1 est vide alors mettre le contenu vide de contenuInput1 dans contenuInput2

Code:

1
2
3
4
5
6
7
8
<form>
<input type="text" name="text1" id="text1" />
<input type="button" id="gauche" value="&le;" onclick="copier('text2', 'text1')" />
<input type="button" id="droite" value="&ge;" onclick="copier('text1', 'text2')" />
<input type="text" name="text2" id="text2" />
</form>
</body>
</html>

Code:

1
2
3
4
5
6
7
8
9
10
function copier(from, to){
  console.log(from + '=>' + to);
  if(document.getElementById(to).value==''){
    console.log('je vais copier');
    //copier la valeur de from dans l'élément to et pas le contraire
    document.getElementById(to).value=document.getElementById(from).value;
  } else {
    console.log("le champ " + to + "n'est pas vide");
  }	
}

A+JYT

25/11/2014, 15h50
Jovan

Ah oui dans ma logique j'étais parti sur "text1" = "text2" signifiait que text1 sera text2 et non pas l'inverse
Merci de m'avoir expliquer l'erreur =)