Discussion :

[supcomingenieur]

Bonsoir,
j'ai crée une interface graphqiue en html contenant un menu déroulant.
je voudrais lorsque j'appuis sur l'un des lien de mon menu afficher un contenu particulier juste à côté du menu sans avoir à recharger toute la page
est ce que c'est faisable?

Merci d'avance

[saymoneu]

Bonjour,
bien sur que c'est faisable, il suffit de mettre un écouteur sur l'élément en question et de lancer une fonction selon l'événement.

ex:

Code javascript :

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

1
2
3
4
5
6
7
<script>
var element = document.getElementById('iddulienmenu');
var element2 = document.getElementById('divcachee');
  element.onHover = function() {
         element2.style.display="inline";
  };
</script>

[supcomingenieur]

merci pour ta réponse, je m'en suis inspirée pour chercher encore plus et j'ai fini par intégrer la fonction java script script suivante et ça focntionne comme attendu.

voila le 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
<ul class="menu">
    <li><a href="#">Server monitoring</a> </li>
    <li><a href="#">Routing</a>
      <ul class="fitem">
        <li><a href="#" onClick="afficheDescURL(' Route History ')">Route History</a></li>
        <li><a href="#" onClick="afficheDescURL(' IPv4 et 6')">IPv4 and IPv6 prefixes</a></li>
        <li><a href="#" onClick="afficheDescURL('prefixes recu et annoncés')">Received and Advertised prefixes</a></li>
        <li><a href="#" onClick="afficheDescURL(' mask ')">Masks</a></li>
      </ul>
    </li>
    <li><a href="#">Peers</a>
      <ul class="titem">
        <li><a href="#">Bgp Updates exchanged</a></li>
        <li><a href="#">Other</a></li>
        <li><a href="#">????</a></li>
      </ul>
    </li>
    <li><a href="#">Traffic and Througput</a>
      <ul class="titem">
        <li><a href="#">Total traffic</a></li>
        <li><a href="#">Total Throughput</a></li>
        <li><a href="#">Applications</a></li>
      </ul>
    </li>
    <li><a href="#">Alarms</a>
      <ul class="fitem">
        <li><a href="#">Chassis state</a></li>
        <li><a href="#">Route state</a></li>
        <li><a href="#">Traffic state</a></li>
        <li><a href="#">Peers state</a></li>
      </ul>
    </li>
</ul>

<ul class="graphs" id ="graphs">  // voici l'ul dynamique
</ul>

 
<script type="text/javascript">   
function afficheDescURL(toThis)   // voici la fonction
  {
  if (document.getElementById)
    {
    document.getElementById("graphs").innerHTML = toThis;
    }
  else if (document.all)
    {
    document.all["graphs"].innerHTML = toThis;
    }
  }
</script>

Maintenant, pour avancer encore plus, je voudrais modifier cette fonction de manière à ne pas afficher un simple texte en appuiyant sur le lien mais afficher un graphe (j'en ai plusieurs que j'ai crée avec php javascript caque graphes est dans un fichier php).

Espérons que ça soit possible de réaliser ceci et merci pour encore

[Bovino]

Code :

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

if (document.getElementById)

Mais à quoi sert cette condition ?
Connais-tu un seul navigateur qui ne reconnaisse pas document.getElementById ???

Sinon, pour ta question, tu devras passer par AJAX, mais je vois mal le rapport entre

Charger le contenu d'un "ul" sous l'action d'un bouton

et

afficher un graphe (j'en ai plusieurs que j'ai crée avec php javascript caque graphes est dans un fichier php)

[supcomingenieur]

Le rapport est claire: changer le contenu d'un "ul" c'est équivalent à afficher a chaque fois un graphe tout dépend du lien sur lequel j'appuie.

Cordialement

[SpaceFrog]

je pense que tu mélanges les posts ....