68 lines
2.1 KiB
JavaScript
68 lines
2.1 KiB
JavaScript
// Message en fonction du browser
|
|
function detectIE() {
|
|
if ($.browser["msie"]) {
|
|
$('head').append('<script type="text/javascript" src="/Scratch/js/ie.js"></script>');
|
|
}
|
|
}
|
|
|
|
// --- fin pour la contribution de la fin de IE ---
|
|
function detectiPhone() {
|
|
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
|
|
$('head').append('<link rel="stylesheet" type="text/css" href="/Scratch/css/iphone.css"/>');
|
|
$('head').append('<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">');
|
|
// $('head').append('<link rel="apple-touch-icon" href="images/template/engage.png"/>');
|
|
$('head').append('<link rel="stylesheet" type="text/css" href="/Scratch/css/iphone.css"/>');
|
|
// $('body').attr('onorientation','updateOrientation();');
|
|
decalageTop=0;
|
|
initMenu=function(){};
|
|
}
|
|
}
|
|
|
|
|
|
// initialisation du menu
|
|
var decalageTop = 10;
|
|
function entete_height() {
|
|
return $('#entete').height() - $('#menuMessage').height() + decalageTop;
|
|
}
|
|
function hideMenu() {
|
|
$('#content').animate({top: - entete_height()}, 500 );
|
|
$('#menuMessage').html('↓ Menu ↓')
|
|
}
|
|
function showMenu() {
|
|
$('#content').animate({top:"-1em"}, 500 );
|
|
$('#menuMessage').html('↑ Menu ↑').click(hideMenu);
|
|
last+=1;
|
|
autoHideMenu(last);
|
|
}
|
|
function toggleMenu() {
|
|
if ( $('#entete').css('top')==entete_height() ) {
|
|
showMenu();
|
|
} else {
|
|
hideMenu();
|
|
}
|
|
}
|
|
var last=0;
|
|
function autoHideMenu(value) {
|
|
setTimeout(function(){
|
|
if ( last == value ) {
|
|
hideMenu();
|
|
}
|
|
},5000);
|
|
}
|
|
function initMenu() {
|
|
$('#titre').css({top: -entete_height});
|
|
$('#entete').append('<div id="menuMessage">↓ Menu ↓</div>');
|
|
$('#entete').hover(showMenu);
|
|
$('#entete').hover(function(){last+=1;}, function(){autoHideMenu(last);});
|
|
autoHideMenu(0);
|
|
hideMenu();
|
|
}
|
|
|
|
// Ce que l'on va lancer à l'init.
|
|
$(document).ready( function() {
|
|
detectIE();
|
|
detectiPhone();
|
|
initMenu();
|
|
// affiche la page une fois propre
|
|
$('#blackpage').fadeOut();
|
|
});
|