[AJAX] utilisation d'un calendrier avec ajax

**cyreel** · 18/03/2010, 11h23

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!

**E.Bzz** · 18/03/2010, 11h27

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

A+

**cyreel** · 18/03/2010, 13h47

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é!

**E.Bzz** · 18/03/2010, 14h05

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+

**Ecosmose** · 18/03/2010, 14h35

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....

**cyreel** · 18/03/2010, 15h56

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.

**andry.aime** · 25/03/2010, 08h49

Bonjour,

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

**cyreel** · 26/03/2010, 11h24

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

Code html :

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
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.

**E.Bzz** · 26/03/2010, 11h42

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

Code php :

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

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

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

A+

**cyreel** · 26/03/2010, 15h02

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.

**E.Bzz** · 20/04/2010, 17h03

Tu testes avec quel nav ?

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

A+

**cyreel** · 20/04/2010, 17h24

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.

**E.Bzz** · 20/04/2010, 17h34

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

Par contre, côté développement, il est préférable de s'y conformer (pour éviter les surprises)

A+

**cyreel** · 20/04/2010, 18h00

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.

**cyreel** · 20/04/2010, 19h03

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.

**E.Bzz** · 21/04/2010, 09h15

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)

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+

[AJAX] utilisation d'un calendrier avec ajax

AJAX

Discussions similaires

Partager

Partager