contenu champ de texte changeant en fonction d'un bouton radio

Invité · 25/05/2007, 13h57

Bonjour développeurs !

Voici mon soucis :
J'ai un petit formulaire avec une seule zone de texte et un bouton qui permet de copier le contenu de cette zone.
Le contenu de cette zone est le résultat de la fonction "function heuredate()" qui me permet d'avoir l'heure + la date.
Je voudrais qu'en fonction du bouton radio coché, s'ajoute au contenu la valeur de ce meme bouton radio.

Ex:

lulu (bouton radio) - toto (bouton radio)

*** Lulu - 25/05/2007 - 13:47*** (textarea avec le contenu de "function heuredate()")
Copier (bouton pour copier le contenu final ds le presse papier)

Voici le code actuel :

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
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
60
 
<script language="JavaScript">
 
function heuredate()
{
aujourd = new Date;
 
jour = aujourd.getDate();
mois = aujourd.getMonth()+1;
annee = aujourd.getFullYear();
heure = aujourd.getHours();
min = aujourd.getMinutes();
 
 
min0 = "";
heure0 = "";
mois0 = "";
jour0 = "";
annee0 = "";
 
 
 
if (min < 10)
{
min0 = "0";
}
if (heure < 10)
{
heure0 = "0";
}
if (mois < 10)
{
mois0 = "0";
}
if (jour < 10)
{
jour0 = "0";
}
if (annee < 10)
{
annee0 = "0";
}
 
concatDate = "*** Lulu - " + jour0 + jour + "/" + mois0 + mois + "/" + annee0 + annee ;
concatHeure = heure0 + heure + ":" + min0 + min + "***";
ensemble = concatDate + " - " + concatHeure;
document.formtemps.zone.value = ensemble;
pas = setTimeout("heuredate()", 1000);
 
}
 
function copy2Clipboard(obj)
	{
  	var textRange = document.body.createTextRange();
  	textRange.moveToElementText(obj);
  	textRange.execCommand("Copy");
	}
 
 
</script>

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
 
<body onLoad="heuredate()" onUnload="clearTimeout(pas)">
 
 
<center>
<form name="formtemps">
Lulu	<input  id="lulu" type="radio" name="pseudo" value="lulu" checked onclick="pseudof() ;">
Toto	<input  id="toto" type="radio" name="pseudo" value="toto"  onclick="pseudof();"/>
<br />
<textarea name="zone" cols=28 rows=1></textarea><br>
<input type=button value="Copier" onclick="copy2Clipboard(document.formtemps.zone)">
 
</form>
</center>
</body>

J'ai bien entendu essayé plusieurs méthodes, mais en vain.
Que pourriez me conseiller pour la fonction "pseudof()"
J'ai essayé :

Code :

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

1
2
3
4
var pseudos = document.getElementsByName("pseudo");
for (i=0; i<pseudos.length; i++)
if (pseudos[i].checked)
la_valeur = pseudos[i].value;

Mais echec !

Auriez vous des idées, merci

Cordialement.

**E.Bzz** · 25/05/2007, 14h08

Bonjour,
en ajoutant id="zone" dans le <textarea>, et en appelant la fonction avec onclick="pseudof(this);" :

Code :

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

1
2
3
4
function pseudof(objRadio) {
if (objRadio.checked)
document.getElementById('zone').value=objRadio.value;
}

Tu devrais utiliser les <label> pour tes radio ...

A+

Invité · 25/05/2007, 18h35

Salut E.Bzz et merci de ta réactivité.
J'ai bien testé ton code et effectivement, j'obtiens déjà un résultat plus proche de ce que je souhaitais au départ.
Mais (y'a toujours un 'mais' qui traine quelque part...) en ayant intégré la fonction function pseudof(objRadio), désormais le fait de sélectionner un bouton radio, la valeur du bouton apparaît bien dans le textarea, mais disparait aprés 1sec pour laisser place au contenu de la fonction function heuredate().
Comment faire pour que le pseudo vienne s'ajouter au contenu deja présent ds le textarea ?
Ex :
page principal
lulu (bouton radio) - toto (bouton radio)

*** - 25/05/2007 - 13:47*** (textarea)
clic sur lulu
lulu (bouton radio) - toto (bouton radio)

*** Lulu - 25/05/2007 - 13:47*** (textarea)
clic sur toto
lulu (bouton radio) - toto (bouton radio)

*** Toto - 25/05/2007 - 13:47*** (textarea)

Merci

Invité · 26/05/2007, 23h32

Merci de ta réponse.
Grace a ton aide j'ai pu obtenir le résultat souhaité :
Le javascript

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
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
 
<script language="JavaScript">
 
 
 
function copynirepnimevo(obj)
	{
  	var textRange = document.body.createTextRange();
  	textRange.moveToElementText(obj);
  	textRange.execCommand("Copy");
	}
 
function pseudonirepnimevo(objRadio) 
    { 
aujourd = new Date;
 
jour = aujourd.getDate();
mois = aujourd.getMonth()+1;
annee = aujourd.getFullYear();
heure = aujourd.getHours();
min = aujourd.getMinutes();
 
 
min0 = "";
heure0 = "";
mois0 = "";
jour0 = "";
annee0 = "";
 
 
 
if (min < 10)
{
min0 = "0";
}
if (heure < 10)
{
heure0 = "0";
}
if (mois < 10)
{
mois0 = "0";
}
if (jour < 10)
{
jour0 = "0";
}
if (annee < 10)
{
annee0 = "0";
}
 
concatDate = jour0 + jour + "/" + mois0 + mois + "/" + annee0 + annee ;
concatHeure = heure0 + heure + ":" + min0 + min + " ***";
ensemble = concatDate + " - " + concatHeure + "\nPas de rép. ni mevo.";
if (objRadio.checked) document.getElementById('zone').value="*** " + objRadio.value + " - " + ensemble ; 
    }

Le formulaire

Code :

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

1
2
3
4
5
6
7
8
9
10
<form name="nirepnimevo">
Lulu<input  id="lulu" type="radio" name="pseudo" value="Lulu" onClick="pseudonirepnimevo(this);">
Toto <input  id="toto" type="radio" name="pseudo" value="Toto"  onclick="pseudonirepnimevo(this);"/>
<br />
<textarea name="zone" cols=49 rows=5 wrap="physical" id="zone">*** xxxxxxx - 26/05/2007 - 23:39 *** Pas de r&eacute;p. ni mevo.</textarea>
<br>
<br>
<input type=button value="Copier" onClick="copynirepnimevo(document.nirepnimevo.zone)">
 
</form

contenu champ de texte changeant en fonction d'un bouton radio

JavaScript

Discussions similaires

Partager

Partager