Affichier du texte a partir de la base donnée

Version imprimable

06/09/2009, 02h19
Invité

Affichier du texte a partir de la base donnée

Bonjour, j'ai une base de donnée qui contient une table avec deux champs : titre et description, disant que les titres sont extrait l'un au dessus de l'autre en l'appelant avec du PHP (disant on appelle les titres avec les descriptions),je veux que quand je clique sur le titre, on extrait et affiche directement la description de la base de donnée avec du javascript (sans charger la page), bien sure si une description était affiché juste avant, elle se cache!! avez vous une idée sur la façon dont on réalise un tel code, et encore comment faire son appel!!!:calim2:
06/09/2009, 10h10
hotline

Bonjour,

Tout dépend du poids de ta table. Si tu n'as que quelques titres et descriptions tu peux tout charger en une fois en mettant tes éléments dans des div cachés puis avec javascript tu les affiches en fonction des besoins, mais le plus logique serait de modifier dynamiquement le contenu en ayant recours à ajax.

Piste

Salut,

Ce code vite fait est un exemple, et comme le dit fort justement hotline, cela dépend de ton nombre de données, de leur tailles (actuelles et futures), etc... Soit tout est chargé à la création de la page, soit tu peux le faire via AJAX au fil de l'eau. Tout en sachant que même avec cette technique il peut être intéressant de charger les données par paquets car si l'utilisateur sollicite rapidement ton interface cela peut générer d'incessants allers-retours avec le server:

Code:

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
<html>
  <head>
    <script type="text/javascript">
      //la variable qui enregistre la description affichée
      var ldesc=null;
 
      function getDescription(numLigne) {
        //pourquoi ne pas récupérer les données via AJAX comme suggéré ?
        //si AJAX ajuster alors les enchainements: cas asynchrone)
        return "<span style='color:blue;'>Description numéro " + numLigne + "</span>";
      }
 
      function desc(numLigne) {
        var tm=document.getElementById("tm");
        if (ldesc) ldesc.style.display="none";
 
        tm.rows[numLigne].cells[0].innerHTML= getDescription(numLigne);
 
        tm.rows[numLigne].style.display="";
        ldesc = tm.rows[numLigne];
      }
    </script>
 
  </head>
  <body>
 
  <table border="1" id="tm">
   <tr onclick="desc(1);">
    <td >Titre 1</td>
   </tr>
   <tr style="display:none">
    <td></td>
   </tr>
   <tr onclick="desc(3);">
    <td>Titre 2</td>
   </tr>
   <tr style="display:none">
    <td></td>
   </tr>
   <tr onclick="desc(5);">
    <td>Titre 3</td>
   </tr>
   <tr style="display:none">
    <td></td>
   </tr>
  </table>
  </body>
</html>

ERE