modifier propriété composant sans refresh de la page

**dumser1** · 29/04/2008, 13h32

Bonjour à tous,

Voilà, j'ai une page html avec 2 inputs de type radio et des texfields.

L'idée est que lorsque un des radio button est sélectionné (le 2ème par exemple) les texfields deviennent non editable et ce, sans faire un refresh de la page.

Cela est-t-il possible? et si oui comment?

Merci

**Er3van** · 29/04/2008, 13h35

A priori c'est impossible en PHP sans rafraichissement, donc oriente toi vers le JavaScript.

**dumser1** · 29/04/2008, 13h37

oui justement je veux faire ca en javascript .. mais de ce coté la je suis un peu bloqué ...

**Matthieu2000** · 29/04/2008, 13h59

mets tes champs en

readonly

**Barsy** · 29/04/2008, 14h05

dans les boutons radio tu mets :

Code :

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

onClick="javascript:disableTextField()"

et dans le header tu rajoutes

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<script>
function disableTextField() {
var tf = document.getElementsByTagName('input');
for (var i = 0; i < tf.length; i++) {
if (tf[i].type == "text") 
tf[i].enabled = false;
}
}
</script>

**dumser1** · 29/04/2008, 14h37

merci pour vos réponses.

J'avais déjà essayé cette méthode mais malheureusement ca ne change rien.. c'est pour ca que je me demandais si il ne fallait pas de refresh ...

**tusssss** · 29/04/2008, 14h41

Etrange, essayes de remplacer le

Code :

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

tf[i].enabled = false;

par

Code :

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

tf[i].readOnly = true;

Même si il y a peu de probabilités que le problèmes provienne de la.

**dumser1** · 29/04/2008, 14h49

en effet, j'ai déjà essayé les 2 manières mais malheureusement, cela ne fonctionne pas ...

**Barsy** · 29/04/2008, 15h09

montre nous un bout de ton code, sans doute pourra-t-on t'éclairer de meilleure façon.

**dumser1** · 29/04/2008, 15h16

Je viens d'essayer avec le visibility à hidden mais tj rien

En gros voici 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
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
61
62
63
64
65
66
67
68
69
70
71
 
 
...
 
<SCRIPT LANGUAGE="JavaScript">
 
function changestatus (isdrawing)
{
 
	var test = document.all["blockDiv"]
 
	alert (test);
	test.style.visibility = "hidden"
 
 
	if (isdrawing)
	{
		...
 
	}
 
	else
	{
		...
	}
 
}
 
</SCRIPT>
 
<form>
 
 
 
		<TR>
			<TD CLASS="label" NOWRAP VALIGN="TOP">
				&nbsp;`[ASBDocument_HTMLLABEL.DocumentType_]`&nbsp;</LABEL>
			</TD>
 
			<TD CLASS="labelVerticalDividerRight" BACKGROUND="`img`tbl-divider-ver.gif" STYLE="background-repeat: repeat-y;"><IMG HEIGHT="1" ALT="" SRC="`img`spacer.gif" WIDTH="2" BORDER="0"></TD>
 
			<TD CLASS="valuestatic" NOWRAP>
				<INPUT TYPE="RADIO" NAME="ASB_DocumentType" ID="DocType1"  VALUE="Document" onclick="changestatus(0)"><LABEL FOR="DocType1">`[ASBDocument_HTMLLABEL.Document]`</LABEL><BR>
				<INPUT TYPE="RADIO" NAME="ASB_DocumentType" ID="DocType2" CHECKED VALUE="Drawing" onclick="changestatus(1)"><LABEL FOR="DocType2">`[ASBDocument_HTMLLABEL.Drawing]`</LABEL>
			</TD>
		</TR>
 
	<div id="blockDiv">
 
		;;call <.HTMLPrefix() + "list.html">( "Horizontal_Divider" )
		<TR>
			<TD CLASS="label" NOWRAP>
				<LABEL FOR="Reference">&nbsp;`[ASBDocument_HTMLLabel.Reference_]`&nbsp;</LABEL>
			</TD>
			<TD CLASS="labelVerticalDividerRight" BACKGROUND="`img`tbl-divider-ver.gif" STYLE="background-repeat: repeat-y;"><IMG HEIGHT="1" ALT="" SRC="`img`spacer.gif" WIDTH="2" BORDER="0"></TD>
			<TD><INPUT CLASS="valueEditable" TYPE="text" ID="name1" NAME="ASB_reference" VALUE="`data.asb_reference`" SIZE="40" MAXLENGTH="248"></TD>
		</TR>
		;;call <.HTMLPrefix() + "list.html">( "Horizontal_Divider" )
		<TR>
			<TD CLASS="label" NOWRAP>
				<LABEL FOR="Index">&nbsp;`[ASBDocument_HTMLLabel.Index_]`&nbsp;</LABEL>
			</TD>
			<TD CLASS="labelVerticalDividerRight" BACKGROUND="`img`tbl-divider-ver.gif" STYLE="background-repeat: repeat-y;"><IMG HEIGHT="1" ALT="" SRC="`img`spacer.gif" WIDTH="2" BORDER="0"></TD>
			<TD><INPUT CLASS="valueEditable" TYPE="text" ID="name2" NAME="ASB_Index" VALUE="`data.asb_index`" SIZE="40" MAXLENGTH="248"></TD>
		</TR>
		;;call <.HTMLPrefix() + "list.html">( "Horizontal_Divider" )
	</div>
 
</form>
 
....

**tusssss** · 29/04/2008, 15h25

Code :

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

test.style.visibility = "hidden"

Je crois.

Par contre si tu as utilisé le readOnly ou le enabled sur le div, à priori c'est normal que ca n'ai pas fonctionné.

Edit : ton code vient de changer ou alors j'ai eu une hallucination?

Je lisais test.visibility...

**tusssss** · 29/04/2008, 15h29

remplace ton test par

Code :

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

document.getElementById('blockDiv').style.visibility="hidden";

Avec un peu de chance, pourquoi pas.

**Barsy** · 29/04/2008, 15h31

Avec mon code en remplaçant enabled par readOnly, ça marche chez moi.

**dumser1** · 29/04/2008, 15h33

Non je l'ai édité ... j'avais essayé avec et sans style mais ca ne change rien.

Aussi non, pour le readonly et le enabled, je l'ai essayé avant le div mais je ne l'ai pas inclus ici.

J'ai essay" avec le

Code :

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

document.getElementById('blockDiv').style.visibility="hidden";

mais ca va tj pas

**E.Bzz** · 29/04/2008, 16h27

Bonjour,

Code :

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

enabled = false

Code :

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

tf[i].disabled = true;

EDIT : et pas de "javascript:" dans le code des évènements (pas besoin de préciser : c'est toujours du JS) !!!

A+

**dumser1** · 29/04/2008, 16h41

bon j'air trouvé l'erreur, en fait ce sont les styles qui posent problèmes ... apparement si je mes certain style (que je n'ai pas créé) et bien mon display = none ne fonctionne pas ...

Merci qd même pour l'aide .. je repars ds mes recherches pour une autre solution

**E.Bzz** · 29/04/2008, 16h46

Même en utilisant des propriétés correctes, ça ne fonctionnait pas ???

Envoyé par E.Bzz

Code :

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

tf[i].disabled = true;

**SpaceFrog** · 29/04/2008, 16h59

sous IE il faut initialiser les porpriétés dans la balise ...
sinon IE ne sait ps les créer et les appliquer en mêem temps, ça marcherait au second click ...

**dumser1** · 30/04/2008, 09h00

avec le disabled aussi cela ne fonctionne pas

**E.Bzz** · 30/04/2008, 09h04

Envoyé par dumser1

avec le disabled aussi cela ne fonctionne pas

Envoyé par SpaceFrog

sous IE il faut initialiser les porpriétés dans la balise ...
sinon IE ne sait ps les créer et les appliquer en mêem temps, ça marcherait au second click ...

L'as-tu initialisé dans la balise ?

A+

modifier propriété composant sans refresh de la page

JavaScript

Discussions similaires

Partager

Partager