fullcalendar - external-event
Bonjour,
Merci pour votre aide.
Dans external-event, je veux mettre tous les rdv de la semaine, et ça fonctionne.
Mais j'ai un problème technique, voila, j'ai mis un longueur de 20cm pour le external-vent et un scrollbar.
L'IE (8) m'affiche un div avec un scrollbar mais les données ne sont pas dans le div, il dépasse le div.
Pouvez-vous m'aider à mettre ds le div les informations et qd on bouge le scrollbar vers le bas, je veux voir les autres informations.
Merci de votre aide.
fichier css pour le div external
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
| #wrap {
width: 1100px;
margin: 0;
}
#external-events {
float: left;
width: 170px;
padding: 0 10px;
border: 1px solid #ccc;
background: #eee;
text-align: left;
height:20cm;
overflow: scroll;
}
#external-events h4 {
font-size: 16px;
margin-top: auto;
padding-top: auto;
}
.external-event { /* try to mimick the look of a real event */
margin: 5px 0;
padding: 2px 4px;
background: #3366CC;
color: #fff;
font-size: .85em;
cursor: pointer;
position: auto;
}
#external-events p {
margin: 1.5em 0;
font-size: 11px;
color: #666;
}
#external-events p input {
margin: auto;
vertical-align: middle;
height:18cm;
} |
fichier js:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| $(document).ready(function() {
//RDV EN RETARD ***************************
$('#external-events div.external-event').each(function() {
var eventObject = {
title: $.trim($(this).text())
};
$(this).data('eventObject', eventObject);
$(this).draggable({
zIndex: 999,
revert: true,
revertDuration: 0
});
}); |
fichier html :
$Category->read_retard(), m'affiche les informations de la base de données
Code:
1
2
3
4
| <div id='external-events'>
<h4>RDV en retard</h4>
<?php $Category->read_retard(); ?>
</div> |
