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
|
<!-- récupération variable dans l'url -->
<?php $art = ($_GET['art']); ?>
<!-- ouverture de la box passée par URL -->
<script type="text/javascript">
$(document).ready( function () {
$('#box<?php echo $art; ?>').css('display', 'none');
$('#big<?php echo $art; ?>').css('display', 'block');
})
</script>
</head>
<body class="page_rubrique">
<!--fonction show/hide -->
<script type="text/javascript">
function display(action, id) {
if (action == 'show') {
$("#big" + id).css({ width:"10px"}).css( { height:"10px"}).css({opacity:0.7});
$("#big" + id).animate( { height:"560px"}, 500 ).animate( { width:"605px"}, 1000 ).animate({opacity:1}, 300);
$("#box" + id).css('display', 'none');
$("#big" + id).css('display', 'block');
$("#big" + id).css('display', 'block');
}
if (action == 'hide') {
$("#big" + id).animate( { height:"1px"}, 200 ).animate( { width:"1px"}, 200 ).animate({opacity:0}, 200);
$("#box" + id).css('display', 'block');
$("#big" + id).css('display', 'none');
}
}
</script>
<div id="page">
<div id="conteneur">
<div id="contenu">
<div id="mainDiv">
<div class="box blackBox typeKit">
<p>#TITRE</p>
</div>
<B_articles>
<div class="menu articles">
<ul>
<BOUCLE_articles(ARTICLES) {id_rubrique} {par date}{inverse}>
<li>
<!-- small box -->
<a id="link#ID_ARTICLE" href="javascript:display('show', #ID_ARTICLE)">
<div id="box#ID_ARTICLE" class="box">
[(#LOGO_ARTICLE|image_reduire{200,125})]
<p class="vignette typeKit">#TITRE</p>
</div>
</a>
<!-- END -->
<!-- big box -->
<div id="big#ID_ARTICLE" class="bigBoxRub" style="display:none">
<a id="close#ID_ARTICLE" href="javascript:display('hide', #ID_ARTICLE)">
<img id="close" class="close" src="squelettes/img/closeBTN.png" />
</a>
<div id="IMGcycle">[(#MODELE{sjcycle}{id_sjcycle=#ID_ARTICLE})]</div>
<div id="descriptionProjet">
<span><h1>#TITRE</h1><div id="date">[(#DATE|affdate_mois_annee)]</div></span>
<p>#DESCRIPTIF</p>
<p>#TEXTE</p>
</div>
</div>
<!-- END -->
</li>
</BOUCLE_articles>
</ul>
</div>
</B_articles>
</div>
</div><!--#contenu-->
</div><!--#conteneur-->
</div><!--#page-->
</body>
</html> |
