Calendrier hebdomadaire des horaires d'accès

celektron · 20/02/2006, 12h41

Bonjour,
je recherche un calendrier hebdomadaire permettant de définir graphiquement des horaires d'accès.
La gestion des horaires d'accès des utilisateurs Windows2003 serveur me semble convenir.
Malheureusement, je ne trouve pas de script pouvant être intégré à mon interface et ayant les mêmes fonctionnalitées :
*1 jour par ligne
*sélection des plages horaires à l'aide de la souris

Quelqu'un connait t'il un script libre permettant d'avoir ces fonctionnalitées ?

vg33 · 20/02/2006, 12h50

mrbs ?

celektron · 20/02/2006, 14h16

Merci mais MRBS est trop complexe.
Je recherche simplement un calendrier d'une semaine type (même config pour toutes les semaines) me renvoyant les plages horaires sélectionnées.

marcha · 20/02/2006, 21h39

Voici un dérivé de ce que j'avais écrit pour un client, je te met
un exemple fonctionel en espérant que tu pourra l'adapter.

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
<!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>Document sans titre</title>
</head>
 
<body>
 
<style type="text/css">
#fond { position: relative; width: 320px; height: 40px; background-color: #CCCCCC; border: 1px solid #666666; }
.box { position: absolute; background-color: #990000; }
</style>
<div id='fond'></div>
<h3 id='h'></h3>
</body>
</html>
<script language="javascript" type="text/javascript">
 
var MIN_WIDTH = 8;
var MIN_HEIGHT = 8;
 
var fond = document.getElementById('fond');
var box;
fond.onmousedown = mouseDown;
fond.onmouseup = mouseUp;
fond.onmousemove = mouseMove;
 
/** objet box */
function Box(left, top, width, height) {
	this.left = left;
	this.top = top;
	this.width = width;
	this.height = height;
	this.element = document.createElement('div');
	this.element.className = 'box';
}
 
Box.prototype.update = function() {
	this.element.style.left = this.left + 'px';
	this.element.style.top = this.top + 'px';
	this.element.style.width = this.width + 'px';
	this.element.style.height = this.height + 'px';
}
 
Box.prototype.resize = function(width, height) {
	if(width>=MIN_WIDTH) this.width = width;
	if(height>=MIN_HEIGHT) this.height = height;
	this.update();
}
 
/** détermine la position x, y d'un élément dans la page */
function getElementPosition(element) {
    var offsetLeft = 0;
    var offsetTop = 0;
    while (element) {
        offsetLeft += element.offsetLeft;
        offsetTop += element.offsetTop;
        element = element.offsetParent;
    }
    if (navigator.userAgent.indexOf("Mac") != -1 && 
        typeof document.body.leftMargin != "undefined") {
        offsetLeft += document.body.leftMargin;
        offsetTop += document.body.topMargin;
    }
    return {left:offsetLeft, top:offsetTop};
}
 
/** retourne les coodronnée de la souris relatives à un element */
function getRelativeMouse(elemID, evt) {
	var pos = getElementPosition(elemID);
	return {left:evt.pageX - pos.left, top:evt.pageY - pos.top, buttons:evt.button};
}
 
function mouseMove(e) {
	mouse = getRelativeMouse(this, e);
	if(box) box.resize(mouse.left - box.left, mouse.top - box.top);
	document.getElementById('h').innerHTML = mouse.left + 'x' + mouse.top;
}
 
function mouseDown(e) {
	mouse = getRelativeMouse(this, e);
	box = new Box(mouse.left, mouse.top, MIN_WIDTH, MIN_HEIGHT);
	this.appendChild(box.element);
	document.getElementById('h').innerHTML = mouse.left + 'x' + mouse.top;
}
 
function mouseUp(e) {
	if(box) {
		//appel de la page php qui va créer la box dans la db et retourner une page qui affiche toutes le box existantes
		//document.location.href = 'page.php?top='+box.top+'&left='+box.left+'&width='+box.width+'&height='+box.height';
	}
	box = false;
	mouse = getRelativeMouse(this, e);
	document.getElementById('h').innerHTML = mouse.left + 'x' + mouse.top;
}
 
</script>

20/02/2006, 12h41	#1
celektron Invité de passage Inscription : février 2006 Messages : 2 Détails du profil Informations forums : Inscription : février 2006 Messages : 2 Points : 0 Points : 0	Calendrier hebdomadaire des horaires d'accès Bonjour, je recherche un calendrier hebdomadaire permettant de définir graphiquement des horaires d'accès. La gestion des horaires d'accès des utilisateurs Windows2003 serveur me semble convenir. Malheureusement, je ne trouve pas de script pouvant être intégré à mon interface et ayant les mêmes fonctionnalitées : 1 jour par ligne sélection des plages horaires à l'aide de la souris Quelqu'un connait t'il un script libre permettant d'avoir ces fonctionnalitées ?
	00

20/02/2006, 14h16	#3
celektron Invité de passage Inscription : février 2006 Messages : 2 Détails du profil Informations forums : Inscription : février 2006 Messages : 2 Points : 0 Points : 0	calendrier hebdomadaire simple Merci mais MRBS est trop complexe. Je recherche simplement un calendrier d'une semaine type (même config pour toutes les semaines) me renvoyant les plages horaires sélectionnées.
	00

20/02/2006, 12h50	#2
vg33 Membre Expert Inscription : janvier 2005 Messages : 1 249 Détails du profil Informations personnelles : Localisation : France, Gironde (Aquitaine) Informations forums : Inscription : janvier 2005 Messages : 1 249 Points : 1 417 Points : 1 417	mrbs ?
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email