[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