Discussion :

[jpguiche]

Bonjour,

J'ai un code qui marche sous IE9 mais pas sous Firefox 11.0 ni Chrome 18.0.
Voici le code :

Code :

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

1
2
3
4
5
6
7
8
9
 
 
// boucle sur $i
...
onclick='if (document.getElementById(\"ligne[$i]\").disabled==false
document.getElementById(\"ligne[$i]\").disabled=true
else window.document.getElementById(\"ligne[$i]\").disabled=false ;'>" ;
 
<p id='ligne[$i]' ...>

Le paragraphe "p" contient du texte et un select.
Sous IE, sur clic le texte et le selec de "p" se "disabled" puis se "enable".
Sous FirexFox et Chrome ça ne marche pas.

Une idée ???

[sekaijin]

c'est quoi ce onclick avec du texte et des ' et \"
je ne comprends rien

j'imagine que ce que tu veux faire c'est ajouter un lien avec un boucle for

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var ElementOuPlacerLesLiens = document.getElementById('IdDeLElementOuPlacerLesLiens');
 
for (var i=0; i<max; i++) {
  var lien = document.createElement('A');
  lien.setAttribute('href', '#');
  lien.onclick = function() {
    if(document.getElementById('ligne[' + $i + ']').disabled==false) {
      document.getElementById('ligne[' + $i + ']').disabled=true;
    } else {
      document.getElementById('ligne[' + $i + ']').disabled=false;
    } 
  }
  ElementOuPlacerLesLiens.appendChild(lien);
}

si ton tag p est généré dans la boucle for c'est encore plus simple

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
var ElementOuPlacerLesLiens = document.getElementById('IdDeLElementOuPlacerLesLiens');
var ElementOuPlacerLesParagraphes = document.getElementById('IdDeLElementOuPlacerLesParagraphes');
 
for (var i=0; i<max; i++) {
  var lien = document.createElement('A');
  lien.setAttribute('href', '#');
  lien.para = document.createElement('P');
  //...
 
  lien.onclick = function() {
    if(this.para.disabled==false) {
      this.para.disabled=true;
    } else {
      this.para.disabled=false;
    } 
  }
  ElementOuPlacerLesLiens.appendChild(lien);
  ElementOuPlacerLesParagraphes.appendChild(lien.para);
}

enfin si IE9 accepte ton code, je crois que M$ n'a pas fait beaucoup de progrès car il n'est absolument pas conforme à la norme et plein d'erreur de syntaxe.

A+JYT

[jpguiche]

Thanks a lot sekaijin,... mais en te lisant je m'aperçois que je n'ai pas posté ma question au bon endroit... En effet, je débute en JS et en fait ce petit bout de code JS est dans du PHP : à l'intérieur d'un TAG j'ai le onscript='...' donc c'est plutôt dans le forum PHP que je vais le poster.

JP

[sekaijin]

je te déconseille de généré le js en php
mieux vaut un fichier switch.js

Code :

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

1
2
3
4
5
6
7
8
9
function switch(paraId) {
  var para = document.getElementById(paraId);
  if(para.disabled==false) {
    para.disabled=true;
  } else {
    para.disabled=false;
  }
  return false; 
}

et dans le php

Code html :

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

1
2
 
?><a onclick="return swtich('<?php echo ligne[$i]; ?>')">click</a><?php ;

A+JYT

[Eric2a]

Salut,

Il manquait la parenthèse fermante dans la condition JS.

Code php :

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

echo "<input type='checkbox' onclick='if(document.getElementById(\"ligne[$i]\").disabled==false)document.getElementById(\"ligne[$i]\").disabled=true;else document.getElementById(\"ligne[$i]\").disabled=false;'>";

On aurait pu simplifier...

Code php :

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

echo '<input type="checkbox" onclick="document.getElementById(ligne[$i]).disabled=!document.getElementById(ligne[$i]).disabled;">';

Mais si tu débutes en JS, le mieux est de commençer à suivre les bonnes pratiques comme celles recommandées par sekaijin.

[sekaijin]

je te conseille tout de même de mettre ton javasript dans un fichier js ton php sera plus propre et lisible
mais surtout tu bénéficira de l'efficacité du navigateur

j'ai donné une explication ici

A+JYT