[SPIP Zone][SPIP] Comment changer de <head> en fonction de la résolution ?

From : herve.ledantec@... , the 3rd July 2014 21:52

Bonjour, La question que je pose : « Comment changer de  en fonction de la résolution ? ». Le problème : il y a 1 menu pour les ordinateurs et 1 pour les appareils mobiles. Le menu mobile vient remplacer le menu normal en dessous d’une certaine résolution. Là où çà coince, c’est qu’un élément script js ou jquery du menu mobile désactive les css du menu pour ordinateurs. C’est pour çà que je cherche à carrément changer de head au moment de passer à la résolution d’écran pour mobile. Un  ou d’une partie du  qui permettrait de changer de  par l’ajout d’une variable de type ENV ou d’un filtre SPIP ou autre. Quelque chose comme : au-dessus de telle largeur d’écran en pixels, on inclut le  N°1 en dessous de telle largeur d’écran en pixels, on inclut le  N°2 Voilà le contexte : un site SPIP 3 qui est responsif par l’usage de media query en css du type : ---------------------------------------------------------------- @media only screen and (max-width : 600px) { .aside div.menuflottant, .aside div.menu { position : static;} } ---------------------------------------------------------------- Le menu, dans les résolutions pour ordinateurs, est un menu horizontal type jquery « navbar » (j’ai utilisé les plugins menu et Jquery Superfish). Dans les résolutions plus basses, sur tablettes et smartphones, le menu horizontal, passe en dysplay:none, et le menu mobile apparaît par : ---------------------------------------------------------------- .nav_top_mobile {display : none;} .nav_top {float:left; /* width : auto; */ } @media only screen and (max-width : 800px) { .nav_top {display : none;} .nav_top_mobile {display:block!important; float:right; color:#fff; margin-right : 3px; margin-top : 3px; border : #fff thin solid; height : 25px; width : 25px;} } ---------------------------------------------------------------- Le menu Jquery sur lequel je me suis basé pour la version mobile est celui présent sur Github (https://github.com/adchsm/Slidebars) et en démo sur http://plugins.adchsm.me/slidebars/ j’avais vu aussi, mais, posant le même problème avec superfish, une déclinaison sorte de superfish pour mobile : Voilà l’URL du dépôt Gitub : https://github.com/chrisdivyak/EasyAsPie et celui de la Démo : http://code-baker.com/demo/easyaspie/ Merci d’avance, Cordialement, Hervé Le Dantec / Fennec72 herve.ledantec@...