[AJAX] utilisation d'un calendrier avec ajax

Version imprimable

18/03/2010, 11h23
cyreel

[AJAX] utilisation d'un calendrier avec ajax

Bonjour à tous,
j'ai essayé d'utiliser le calendrier avec ajax et php decris sur ce lien: http://j-seignalet.developpez.com/tu...ax/calendrier/

Le calendrier ne s'affiche pas et n'indique aussi aucune erreur javascript ou autre.
Le tableau est créer mais les cases sensé contenir les jours, ainsi que le lien du mois ne s'affiche pas.

Help me please!
18/03/2010, 11h27
E.Bzz

Bonjour,
il faudrait nous montrer ton code (HTML + Javascript + CSS) à toi ;)

A+
18/03/2010, 13h47
cyreel

salut,
j'ai téléchargé le code sur le lien ci-haut cité et c'est ce code qui ne marche pas sur mon poste. J'ai bien testé tous les navigateurs sans suite.

Je n'ai rien ajouté au code téléchargé!
18/03/2010, 14h05
E.Bzz

OK.
Alors dans ce cas, n'as tu pas oublié d'inclure une des librairies ?
Cf. § 3.1 et 3.2
(attention : dans le § 3.1 il y a des </div> en trop)

Sinon encore (je n'ai pas lu tout le tuto), n'y a-t-il pas besoin d'un premier appel Ajax (que tu aurais oublier) pour initialiser le calendrier ?

A+
18/03/2010, 14h35
Ecosmose

Dans ce genre de programme n-Tiers, une des meilleurs approches pour s'approprier les sources et de bouchonner l'accès aux données pour une génération de valeur (aléatoire) par exemple...

Peut être que le mieux serait de debugger les différentes couches (DAO, Business Objects et Présentation) pour observer à quel moment , les données ne sont pas présentes....
18/03/2010, 15h56
cyreel

J'ai repris plusieurs fois le tuto mais toujours pas d'affichage. Quelqu'un a-t-il aussi essayé avec les sources à télécharger.
Je comprend vraiment pas.
25/03/2010, 08h49
andry.aime

Bonjour,

Citation:

il faudrait nous montrer ton code (HTML + Javascript + CSS) à toi

Bonjour a tous!
Voici le code de ma page calendrier.php. Les autres fichier inclus n'ont pas été touché.

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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Exemple d'application AJAX avec openrico et prototype</title>
      <?php
      include("./conf/mysql.php");
      ?>
      <!-- Feuille de style -->
      <link rel="stylesheet" type="text/css" href="./css/calendrier.css">
 
      <!-- On inclut la librairie openrico / prototype -->
      <script src="./js/rico/src/prototype.js" type="text/javascript"></script>
      <!-- script pour gérer les bords arrondis et le panel déroulant -->
      <script src="./js/rico/src/rico.js" type="text/javascript"></script>
      <script src="./js/rico/src/ricoStyles.js" type="text/javascript"></script>
      <script src="./js/rico/src/ricoEffects.js" type="text/javascript"></script>
      <script src="./js/function.js" type="text/javascript"></script>
      <script src="./js/rico/src/ricoComponents.js" type="text/javascript"></script>
      <script type="text/javascript">
              function roundMe() {
                       $$('div.conteneur').each(function(e){Rico.Corner.round(e)});
              }
      </script>
 
 
 
</head>
<body>
 
      <!-- on crée l'élément "calendrier" dans lequel va s'afficher dynamiquement le calendrier-->
 
      <script>tableau(<?php echo date("m");?>,<?php echo date("Y");?>);</script>
      <div id="calendrier" class="conteneur calendrier" style="width:260px;background-color:#c6c3de;">
      <table class="tab_calendrier" align="center">
             <tr><td class="titre_calendrier" colspan="7" width="100%"><a id="link_precedent" href="#"><img src="./images/previous.png"></a> <a id="link_suivant" href="#"><img src="./images/next.png"></a> <span id="titre"></span> </td></tr>
             <tr>
                 <td  class="cell_calendrier" >
                 Lun
                 </td>
                 <td  class="cell_calendrier" >
                 Mar.
                 </td>
                 <td  class="cell_calendrier">
                 Mer.
                 </td>
                 <td  class="cell_calendrier">
                 Jeu.
                 </td>
                 <td  class="cell_calendrier" >
                 Ven.
                 </td>
                 <td  class="cell_calendrier">
                 Sam.
                 </td>
                 <td  class="cell_calendrier">
                 Dim.
                 </td>
 
             </tr>
             <?php
             $compteur_lignes=0;
             $total=1;
             while($compteur_lignes<6){
                echo '<tr>';
                $compteur_colonnes=0;
                while($compteur_colonnes<7){
                   echo '<td id="'.$total.'" class="cell_calendrier" >';
                   echo '</td>';
                   $compteur_colonnes++;
                   $total++;
                }
                echo '</tr>';
                $compteur_lignes++;
             }
             ?>
      </table>
      </div>
 
      <div style="position: relative; width: 260px;">
          <div id="top-panel" style="background-color : #9791cb;position: relative;width: 260px;z-index: 1500;">
              <a class="voir_plus" href="javascript:void(0);" id="code-button" onclick="PullDown.panel.toggle(); return false;">
                  + Voir les évènements
              </a>
          </div>
          <div id="main-part">
          	<div id="outer_panel" class="panel-top" style="overflow: hidden; position: absolute; z-index: 1600;top: 19px; width: 260px;height: 132px;">
          		<div style="position: relative;top: 1px;background-color: #c6c3de;margin:0px;border: 1px solid #9791cb;" id="inner_panel">
          			    <div id="Evenements" style="height:150px">
                                    </div>
 
                        </form>
           	</div>
          </div>
      </div>
 
      <!-- Appel de la fonction qui va arrondir le conteneur du calendrier et des évènements pour le panel déroulant -->
      <script>
              javascript:roundMe()
              Event.observe(window, 'load', function(){
                   PullDown.panel = Rico.SlidingPanel.top( $('outer_panel'), $('inner_panel'));
              })
              var PullDown = {};
      </script>
 
</body>
</html>

Je n'ai pas touché aux autres fichiers.

26/03/2010, 11h42
E.Bzz

Je vois déjà un problème potentiel :

Code:

echo '<td id="'.$total.'" class="cell_calendrier" >';

Un id ne peut être entièrement numérique : préfixe le avec "td_" par exemple ...

A+
26/03/2010, 15h02
cyreel

merci pour la reponse!
Mai sur ce site qui utilise apparemment le meme code ca passe bien http://j-seignalet.developpez.com/tu...calendrier.php.
Je comprend pas ce qui se passe. je me demande si c'est pas mon serveur web. j'utilise wamp 2.0c.
20/04/2010, 17h03
E.Bzz

Tu testes avec quel nav ?

Tu n'as pas un lien sur ta page à toi ?

A+
20/04/2010, 17h24
cyreel

J'ai testé avec 4 navigateurs differents (IE, Firefox 3.6 Chrome et safari) mais mème résultat.
J'ai pas encore mis le site en ligne car il est en conception.
20/04/2010, 17h34
E.Bzz

Tu as regardé du côté CSS ?

Si tout est bon côté structure et données mais que l'affichage foire, je ne vois plus que ça ...

Tu n'aurais pas oublié un include CSS ?
Ou une modif que tu aurais faite dans ce fichier et qui gênerait l'affichage ?

Pour les id, c'est une règle W3C (de mémoire), mais les nav ne les respectent pas tous toutes :aie:
Par contre, côté développement, il est préférable de s'y conformer (pour éviter les surprises) ;)

A+
20/04/2010, 18h00
cyreel

Ok! merci. Je vais vraiment fouiller encore ce soir sinon je serai obliger d'en faire un moi même et j'ai pas le temps ni toutes les compétences necessaires.

Merci pour ton aide je te tiendrai informé d'ici ce soir.
20/04/2010, 19h03
cyreel

J'ai regardé tous les fichiers mais je n'ai pas d'erreur. Je me demande si c'est pas lié a la version de mysql ou de php?

Je me dit que c'est lié à une configuration sur mon poste ou une version de mysql. Je vais chercher un autre script pour faire mon calendrier.
21/04/2010, 09h15
E.Bzz

Citation:

Envoyé par cyreel

J'ai regardé tous les fichiers mais je n'ai pas d'erreur. Je me demande si c'est pas lié a la version de mysql ou de php?

N'utilisant ni l'un ni l'autre, je ne peux pas te dire si ça peut avoir un impact (bien qu'a priori j'en doute fort, le navigateur ne tenant compte que du code qu'il reçoit et non du système duquel il provient)

Citation:

Envoyé par cyreel

Je vais chercher un autre script pour faire mon calendrier.

C'est une bonne idée : il y en a d'autres, ne serait-ce que sur DVP, notamment dans les Contributions Javascript ;)

A+