Intégration d'un calendrier d'event PHP

**eywa2014** · 29/12/2013, 07h08

Bonjour;

Voilà après 4H de modif, je désespère. Et c'est pour cela que je viens vous voir

J'ai installé un calendrier d'event que j'ai eu en html.
J'aimerais l'intégrer à mon site via des page php. Mais voici mon problème :

Voici un lien du calendrier en html qui s'affiche parfaitement : http://5.135.162.3/testsite/pages/Eevent.html

Et voici le calendrier intégrée dans une page php de mon site : http://5.135.162.3/testsite/index.php?s=Event

On peut constater que le calendrier ce trouve tous en bas et fait décaler le footer.

Je sais vraiment pas quoi faire. JE vous met les sources :

Calendrier html :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <title>iCal-like Calendar (CSS+jQuery)</title>
        <link rel="stylesheet" href="http://5.135.162.3/testsite/calendrier/css/master.css" type="text/css" media="screen" charset="utf-8" />
        <script src="http://5.135.162.3/testsite/calendrier/js/jquery-1.3.min.js" type="text/javascript"> </script>
        <script src="http://5.135.162.3/testsite/calendrier/js/coda.js" type="text/javascript"> </script>
    </head>
    <body>
        <h1>Janvier</h1>
        <table cellspacing="0">
            <thead>
                <tr>
                <th>Lun</th><th>Mar</th><th>Mer</th>
                <th>Jeu</th><th>Ven</th><th>Sam</th>
                <th>Dim</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td class="padding" colspan="2"></td>
                    <td> 1</td>
                    <td> 2</td>
                    <td> 3</td>
                    <td> 4</td>
                    <td> 5</td>
                    </tr>
                    <td> 6</td>
                    <td> 7</td>
                    <td> 8</td>
                    <td class="today"> 9</td>
                    <td>10</td>
                    <td>11</td>
                    <td>12</td>
                    </tr>
                    <tr>
                    <td class="date_has_event">
                        13
                        <div class="events">
                            <ul>
                                <li>
                                    <span class="title">Event 1</span>
                                    <span class="desc">Lorem ipsum dolor sit amet, consectetu adipisicing elit.</span>
                                </li>
                                <li>
                                    <span class="title">Event 2</span>
                                    <span class="desc">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
                                </li>
                            </ul>
                        </div>
                    </td>
                    <td>14</td>
                    <td>15</td>
                    <td>16</td>
                    <td>17</td>
                    <td>18</td>
                    <td>19</td>
                </tr>
                <tr>
                    <td>20</td>
                    <td>21</td>
                    <td class="date_has_event">
                        22
                        <div class="events">
                            <ul>
                                <li>
                                    <span class="title">Event 1</span>
                                    <span class="desc">Lorem ipsum dolor sit amet, consectetu adipisicing elit.</span>
                                </li>
                                <li>
                                    <span class="title">Event 2</span>
                                    <span class="desc">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
                                </li>
                            </ul>
                        </div>
                    </td>
                    <td>23</td>
                    <td>24</td>
                    <td>25</td>
                    <td>26</td>
                </tr>
                <tr>
                    <td>27</td>
                    <td>28</td>
                    <td>29</td>
                    <td>30</td>
                    <td>31</td>
                    <td class="padding" colspan="1"></td>
                    <td class="padding"></td>
                </tr>
            </tbody>
            <tfoot>
                <th>Lun</th><th>Mar</th><th>Mer</th>
                <th>Jeu</th><th>Ven</th><th>Sam</th>
                <th>Dim</th>
            </tfoot>
 
    </body>
</html>

Et sur mon php :

(je tiens à préciser que j'avais test avant de faire une include j'ai test de mettre le code en entier dedans mais ça fait pareil)

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<div id="content">
 
<body>
  <h1><?php include('Eevent.html'); ?></h1>
</body>
 
 
<br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
 
 </div>

Voila merci d'avance

Je vous met en download le calendrier, si vous voulez test de voter coté : http://www.htmldrive.net/media/2010/9/13/1284362858.zip

**NoSmoking** · 29/12/2013, 16h24

Bonjour,
difficile de dire par où il faut commencer

Code :

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

1
2
3
4
5
<div id="content">
<body>
  <h1><?php include('Eevent.html'); ?></h1>
</body>
</div>

la structure n'est pas conforme, balise BODY dans balise DIV.

L'insertion d'un fichier HTML complet, contenant DOCTYPE, HEAD...etc dans une DIV, ne peut pas engendrer que du bonheur.

Il te servent à quoi tous ces BR si ce n'est à descendre ton calendrier

Code :

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

1
2
3
4
<br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

**eywa2014** · 29/12/2013, 18h40

Effectivement, c'était </br> qui faisait que le calendrier ce trouvait tous en bas.

J'aimerais intégrée ce HTML complet dans mon fichier PHP.

Voici donc la base du php ::

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<div id="content">
 
 
 
 
<br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
 
 </div>

les <br /> me serve à faire des espace et ainsi pouvoir descendre la page jusqu'au footer.

http://5.135.162.3/testsite/index.php?s=Event

Et donc j'aimerais intégrée ceci :

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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <title>iCal-like Calendar (CSS+jQuery)</title>
        <link rel="stylesheet" href="http://5.135.162.3/testsite/calendrier/css/master.css" type="text/css" media="screen" charset="utf-8" />
        <script src="http://5.135.162.3/testsite/calendrier/js/jquery-1.3.min.js" type="text/javascript"> </script>
        <script src="http://5.135.162.3/testsite/calendrier/js/coda.js" type="text/javascript"> </script>
    </head>
    <body>
        <h1>Janvier</h1>
        <table cellspacing="0">
            <thead>
                <tr>
                <th>Lun</th><th>Mar</th><th>Mer</th>
                <th>Jeu</th><th>Ven</th><th>Sam</th>
                <th>Dim</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td class="padding" colspan="2"></td>
                    <td> 1</td>
                    <td> 2</td>
                    <td> 3</td>
                    <td> 4</td>
                    <td> 5</td>
                    </tr>
                    <td> 6</td>
                    <td> 7</td>
                    <td> 8</td>
                    <td class="today"> 9</td>
                    <td>10</td>
                    <td>11</td>
                    <td>12</td>
                    </tr>
                    <tr>
                    <td class="date_has_event">
                        13
                        <div class="events">
                            <ul>
                                <li>
                                    <span class="title">Event 1</span>
                                    <span class="desc">Lorem ipsum dolor sit amet, consectetu adipisicing elit.</span>
                                </li>
                                <li>
                                    <span class="title">Event 2</span>
                                    <span class="desc">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
                                </li>
                            </ul>
                        </div>
                    </td>
                    <td>14</td>
                    <td>15</td>
                    <td>16</td>
                    <td>17</td>
                    <td>18</td>
                    <td>19</td>
                </tr>
                <tr>
                    <td>20</td>
                    <td>21</td>
                    <td class="date_has_event">
                        22
                        <div class="events">
                            <ul>
                                <li>
                                    <span class="title">Event 1</span>
                                    <span class="desc">Lorem ipsum dolor sit amet, consectetu adipisicing elit.</span>
                                </li>
                                <li>
                                    <span class="title">Event 2</span>
                                    <span class="desc">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
                                </li>
                            </ul>
                        </div>
                    </td>
                    <td>23</td>
                    <td>24</td>
                    <td>25</td>
                    <td>26</td>
                </tr>
                <tr>
                    <td>27</td>
                    <td>28</td>
                    <td>29</td>
                    <td>30</td>
                    <td>31</td>
                    <td class="padding" colspan="1"></td>
                    <td class="padding"></td>
                </tr>
            </tbody>
            <tfoot>
                <th>Lun</th><th>Mar</th><th>Mer</th>
                <th>Jeu</th><th>Ven</th><th>Sam</th>
                <th>Dim</th>
            </tfoot>
 
    </body>
</html>

Pour que ça rentre dans mon php sans faire de problème.

Car quand j'include le fichier complet dans le php ou que je met le code dedans, ça me fait le footer totalement décallé et des trous.

Que dois-je faire pour bien le transformer ?

Merci