Tranférer <textarea> d'un popup dans un <Input>

Version imprimable

01/06/2005, 15h47
JEFF56

Tranférer <textarea> d'un popup dans un <Input>

Bonjour,

Dans un gros formulaire, je souhaite que lorsqu'il clique sur certain input un ShowModalDialog se déclanche et ouvre une fenetre avec un textarea limité à 80 carac s'ouvre pour faciliter la saisie.
Lorsqu'il referme que le contenu du textarea alimente de input appelant sans les retours chariots.

:?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
<script language="javascript">
function openTextarea(TextExis){
var TextParam  = new Object(); 
TextParam.Text = TextExis; 
TextParam.Limite= 80; 
var m=showModalDialog("textarea.html",TextParam , "status=no; scroll=no; help=no; unadorned=yes");
return m
}
</script>
</head>
<body>
<form name="frm" action="page.asp" method=post>
<input type="text" value="" name="zone" onclick="this.value=openTextarea(this.value);" readonly>
</form>
</body>
</html>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
<script language="JavaScript" type="text/JavaScript">
function textCounter(field, countfield, maxlimit) {
if (field.value.length > maxlimit)
        field.value = field.value.substring(0, maxlimit);
else
        countfield.value = maxlimit - field.value.length;
}
</script>
<body onload="textCounter(this.FormZone.Zone,this.FormZone.Long1,80);">
 
<form name="FormZone">
   - Nombre de caractères <input name="Long1" type="text" value="255" size="2" READONLY>
 
	<textarea name="Zone"onKeyDown="textCounter(document.FormZone.Zone,document.FormZone.Long1,80);" onKeyUp="textCounter(document.FormZone.Zone,document.FormZone.Long1,80);"></textarea>
      <input type="button" value="Valider" Onclick="window.returnValue=document.FormZone.Zone.value;window.close();">
</form>
<script>
	document.FormZone.Zone.value=window.dialogArguments.Text;
</script>
</body>
</html>

je commence à approcher du résultat

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
<script language="javascript">
function openTextarea(TextExis){
var TextParam  = new Object(); 
TextParam.Text = TextExis; 
TextParam.Limite= 80; 
var m=showModalDialog("textarea.html",TextParam , "status=no; scroll=no; help=no; unadorned=yes");
if (typeof m == 'undefined'){ return TextExis; } else { return m; }
}
</script>
</head>
<body>
<form name="frm" action="page.asp" method=post>
<input type="text" value="" name="zone" onclick="this.value=openTextarea(this.value);" readonly>
</form>
</body>
</html>

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
<html>
<script language="JavaScript" type="text/JavaScript">
var Limit=0;
function textCounter(field, countfield, maxlimit) {
if (field.value.length > maxlimit)
        field.value = field.value.substring(0, maxlimit);
else
        countfield.value = maxlimit - field.value.length;
}
 
</script>
<body onload="textCounter(this.FormZone.Zone,this.FormZone.Long1,80);">
 
<form name="FormZone">
   - Nombre de caractères <input name="Long1" type="text" value="255" size="2" READONLY>
 
      <textarea name="Zone"onKeyDown="textCounter(document.FormZone.Zone,document.FormZone.Long1,Limit);" onKeyUp="textCounter(document.FormZone.Zone,document.FormZone.Long1,80);"></textarea>
      <input type="button" value="Valider" Onclick="window.returnValue=document.FormZone.Zone.value;window.close();">
      <input type="button" value="Annuler" Onclick="window.returnValue=window.dialogArguments.Text;window.close();">
 
</form>
<script>
	document.FormZone.Zone.value=window.dialogArguments.Text;
	Limit=window.dialogArguments.Limite;
</script>
</body>
</html>