Discussion :

[laurentSc]

Bonjour,

ce que je voudrais : on a une liste d'items ; comme ça :

User Centric
OCP Processes
Function Skills
Transverse Activities
Offer Creation Academy

et si l'on clique sur l'un d'eux, ça affiche dessous du texte (qu'on peut ensuite réduire) ; comme ça (pour le 1er item) :

User Centric
' 'test
OCP Processes
Function Skills
Transverse Activities
Offer Creation Academy

Voilà ce que j'ai tenté (et qui ne marche pas !) :

Code html+javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
    <script type="text/javascript">
function expandtest(){
  targetElement="test";
  Item = document.getElementById(targetElement); 
  Item.style.display=(Item.offsetWidth == 0)?block:none; 
}
</script>
...
    <div><a href="#" onclick="expandtest">User Centric</a>
      <div id="test" style={display:none;}>test</div>
    </div>
    <div>OCP Processes</div>
    <div>Function Skills</div>
    <div>Transverse Activities</div>
    <div>Offer Creation Academy</div>

Comment faire marcher ça ?

[laurentSc]

Ca y est ; ça marche (j'étais pas loin) :

Code html+javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
  <script type="text/javascript">
function expandtest(){
  targetElement="test";
  Item = document.getElementById(targetElement); 
  Item.style.display=(Item.offsetWidth == 0)?"block":"none"; 
}
</script>
...
    <div><a href="#" onclick="expandtest">User Centric</a>
      <div id="test" style={display:none;}>test</div>
    </div>
    <div>OCP Processes</div>
    <div>Function Skills</div>
    <div>Transverse Activities</div>
    <div>Offer Creation Academy</div>

[laurentSc]

Je réessaye exactement le même code ce soir, et il marche plus .
En commentant, j'ai vu que c'est la ligne 5 qui provoque le message "erreur sur la page".
D'où ça peut venir ?