Discussion :

[Jovan]

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. =)

[Pifon]

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

Code :

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

var contenuInput= document.getElementById('tonInput')

et te servir de onClick sur tes inputs type = button

[sekaijin]

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

[Jovan]

Merci pour ces infos je vais essayer de suite =)

[Jovan]

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 :

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
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 html :

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

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>

[sekaijin]

tu as relu ce que tu as écrit ??

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

Code html :

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

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 :

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

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

[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 =)