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> |
Partager