Project

General

Profile

Download (1.7 KB) Statistics
| Branch: | Tag: | Revision:

calebasse / mockups / rendez-vous.html @ 0d4bf0b4

1
<!DOCTYPE html>
2
<html lang="fr">
3
  <head>
4
    <meta charset="utf-8"/>
5
    <title>APS42 — Agenda</title>
6
    <link rel="stylesheet" type="text/css" media="all" href="css/style.css"/>
7
    <link rel="stylesheet" type="text/css" media="all" href="css/smoothness/jquery-ui-1.8.21.custom.css"/>
8

    
9
    <script src="js/jquery-1.7.2.min.js"></script>
10
    <script src="js/jquery-ui-1.8.21.custom.min.js"></script>
11
    <script>
12
	$(function() {
13
		$('#tabs').tabs();
14
		$('div.agenda > div').accordion({active: false});
15
		$('#sandy-kilo-item').click(function() {
16
			$(this).toggleClass('active');
17
			$('.sandy').toggle();
18
			if ($(this).hasClass('active')) $('#tabs').tabs('select', 0);
19
		});
20
		$('#bob-leponge-item').click(function() {
21
			$(this).toggleClass('active');
22
			$('.bob').toggle();
23
			if ($(this).hasClass('active')) $('#tabs').tabs('select', 1);
24
		});
25
		$('#sandy-kilo-item').click();
26
		$('#bob-leponge-item').click();
27
		$('#filtre input').keyup(function() {
28
			var filtre = $(this).val();
29
			$('#users li').each(function() {
30
				if ($(this).attr('id').match(filtre)) {
31
					$(this).show();
32
				} else {
33
					$(this).hide();
34
				}
35
			});
36
		});
37
	});
38
	</script>
39
  </head>
40
  <body>
41
  <div id="wrap">
42
    <div id="header">
43
      <h1><a href="accueil.html">APS 42</a></h1>
44
      <span>Service A</span>
45
    </div>
46
    <div id="splash">
47
      <div id="user-links">
48
        <a href="connexion.html">Déconnexion</a>
49
      </div>
50
    </div>
51
    <div id="content">
52

    
53
    <div id="appbar">
54
    <h2>Rendez-vous</h2>
55
    <a href="accueil.html">Retourner à l'accueil</a>
56
    <a href="agenda.html">Retourner à l'agenda</a>
57
    </div>
58

    
59
    <form>
60

    
61

    
62
    </form>
63

    
64

    
65

    
66

    
67
    </div>
68

    
69
    <div id="footer">
70
71
    </div>
72
  </div>
73

    
74

    
75
  </body>
76
</html>
(16-16/23)