Discussion :

[LutorCorp]

Bonjour,

J'ai un mal fou a comprendre la logique du jquery, mais je ne désespère pas.

Je souhaite parcourir mon Dom et y repérer tous les id commençant par ligne.
j'ai une ligne de x id correspondant à ce critère.

Parmi cette liste d'id je souhaite repérer tous les inputs select et text pour leur changer leur attribut en readonly.

Voila globalement la demande.

Exemple de code HTML de ma page

Code html :

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
<! Ligne 2 !>		
<tr id='ligne1' bgcolor = "#FFFFFF" align="left" valign="top" border="1" cellspacing="0" class="St1" Style='display' >
<td align='center'>01</td><td>
<input name="%%Surrogate_T_1" type="hidden" value="1">
<select name="T_1">
<option>
<option>Test1
<option>Test1
<option selected value="_o85hn8qbfdog70sk2epimst39epig_">Test1</select>
</td><td>
<input name="L_1" value="1 - essai" tabindex="102" size=80 onkeyup="maximum(this,120);"></td>
</tr>
<! Ligne 2 !>
<tr id='ligne2' bgcolor = "#FFFFFF" align="left" valign="top" border="1" cellspacing="0" class="St1" style='display'>
<td align='center'>02</td><td>
<input name="%%Surrogate_T_2" type="hidden" value="1">
<select name="T_2">
<option>
<option>Test2
<option selected>Test2
<option value="_o85hn8qbfdog70sk2epimst39epig_">Test2</select>
</td><td>
<input name="L_2" value="2 - essai " tabindex="102" size=80 onkeyup="maximum(this,120);"></td>
</tr>

Au niveau du jquery j'ai un peu de mal a demarrer :

Code :

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

1
2
3
$(document).ready(function(){
$("div:contain('ligne')").css("readonly", "readonly"); 
});

Mais la ca ne traite pas les input. D'ailleurs ca ne traite rien du tout.

Si une bonne âme pouvait me tendre la main.

Merci d'avance

[SpaceFrog]

je ne vois pas un seul div dans le code donné ... c'est normal ?

si le but est d'atteindre les inputs dasn des tr dont l'id commence par "ligne"
le selecteur ressemblerait plutot à

Code :

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

$("[id^='ligne'] input")

[LutorCorp]

Ok merci.

Euhhh, oui je me suis trompé dans le titre c'est pas les div mais les id.

J'ai ajouté :

Code :

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

1
2
3
4
$(document).ready(function()
{
$("[id^='ligne'] input").attr('readonly', true);
});

Cela fonctionne pour mes champs text mais pas pour les champs de type liste déroulante :
le champ texte est L_2 ca fonctionne
Le champ liste déroulante est T_2 ca ne fonctionne pas

exemple :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<tr id='ligne2' bgcolor = "#FFFFFF" align="left" valign="top" border="1" cellspacing="0" class="St1" style='display'>
<td align='center'>02</td><td>
<input name="%%Surrogate_T_2" type="hidden" value="1">
<select name="T_2">
<option>
<option>Test2
<option selected>Test2
<option value="_o85hn8qbfdog70sk2epimst39epig_">Test2</select>
</td><td>
<input name="L_2" value="2 - essai " tabindex="102" size=80 "></td>
</tr>

Merci

[danielhagnoul]

Bonjour

Parmi cette liste d'id je souhaite repérer tous les inputs select et text pour leur changer leur attribut en readonly.

Il n'existe pas d'input du type "select" !

Un élément "<select>" peut être "disabled" mais pas "readonly".

Exemple :

Code :

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

1
2
3
4
var jObjLigne = $( "[id^='ligne']" );
 
jObjLigne.find( "input[type='text']" ).prop( "readonly", true );
jObjLigne.find( "select" ).prop( "disabled", true );

[LutorCorp]

Ok j'ai bien compris le principe mais comme je suis nul en jquery et en explication c'est compliqué d'avoir la bonne réponse de suite.

Ce code aurait dû fonctionner si mes champs étaient vraiment typés text et select.

Code :

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

1
2
3
4
var jObjLigne = $( "[id^='ligne']" );
 
jObjLigne.find( "input[type='text']" ).prop( "readonly", true );
jObjLigne.find( "select" ).prop( "disabled", true );

Mais mes champs apparaissent comme ça dans le code source de la page :

Code html :

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

1
2
3
4
5
6
7
8
<input name="%%Surrogate_T_2" type="hidden" value="1">
<select name="T_2">
<option>
<option>Test2
<option selected>Test2
<option value="_o85hn8qbfdog70sk2epimst39epig_">Test2</select>
</td><td>
<input name="L_2" value="2 - essai " tabindex="102" size=80 "></td>

L_2 est bien disabled ou readonly avec ce code :

Code :

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

$("[id^='ligne'] input").attr('readonly', true);

ou

Code :

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

$("[id^='ligne'] input").attr('disabled', true);

je voudrais la meme chose pour le champ T_2.

ou s'il existe un moyen de faire : Je voudrais mettre tous les lignes de mon code ou le debut est "<input name=" ou "select name=" avec les attr ou prop readonly ou disabled ???

Je suis navrant,

[danielhagnoul]

Bonjour

C'est le même principe : $( "select[name='T_2']" ).