1<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--><!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>Thèmes - Editions Syllepse</title> 2<meta name="generator" content="Clikeo (www.clikeo.fr)" /> 3<meta name="robots" content="index,follow" /> 4<meta property="og:site_name" content="Editions Syllepse" /> 5<meta property="og:type" content="non_profit" /> 6<meta property="og:image" content="https://www.syllepse.net/syllepse_images/1.jpg" /> 7<meta property="og:image:width" content="158" /> 8<meta property="og:image:height" content="236" /><meta name="description" content=""/><meta name="keywords" content=",Thèmes"/><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="canonical" href="https://www.syllepse.net/themes-_r_19.html" /><link rel="alternate" type="application/rss+xml" title="Editions Syllepse - Livres" href="https://www.syllepse.net/index.phtml?rss=1&lng=FR" /><link href="/syllepse_images/syllepse.css?1790850301" rel="stylesheet" type="text/css" />
8<script src="https://static.clikeo.fr/css3-mediaqueries.js"></script>
8<!-- --><link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png"><link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png"><link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png"><link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png"><link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png"><link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png"><link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png"><link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png"><link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="manifest" href="/manifest.json"><meta name="msapplication-TileColor" content="#ffffff"><meta name="msapplication-TileImage" content="/ms-icon-144x144.png"><meta name="theme-color" content="#ffffff">
8<script src="templates/js/modernizr-2.8.3-respond-1.4.2.min.js"></script>
vendor: 1 bytes, line 8
8
9<script type="text/javascript" src="templates/js/jquery-1.11.2.min.js" ></script>
vendor: 1 bytes, line 9
9
10<script type="text/javascript" src="templates/js/jquery-ui.min.js" ></script>
10 11<link rel="stylesheet" href="https://static.clikeo.fr/fontawesome-6-last/css/all.min.css" type="text/css"/></head> 12<body class="_debug" style="background:#f1f1f1"> 13<!--[if lt IE 8]> 14 <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="/browsehappy.com/">upgrade your browser</a> to improve your experience.</p> 15<![endif]--> 16 17<div id="page"> 18 <header class="sticky"> 19 <div class="clk-row"> 20 <div class="col-s-1 header-top"> 21 <div class="mobile-menu" aria-label="Menu de navigation" type="button"> 22 <i class="fa-solid fa-bars"></i> 23 </div> 24 <div class="header-logo"> 25 <a href="/" 26 title="Editions Syllepse Livres" 27 class="logo"> 28 <img src="/syllepse_images/sitev2/logoSyllepse.svg" alt="Editions Syllepse"> 29 </a> 30 </div> 31 <nav class="desktop-nav"> 32 <ul class="nav"> 33 <li class="selected"> 34 <a href="/nos-livres-_r_108.html"> 35 Nos livres 36 </a> 37 </li> 38 <li > 39 <a href="/actualite-_r_109.html"> 40 Actualité 41 </a> 42 </li> 43 <li > 44 <a href="/A-telecharger-_r_107.html"> 45 à télécharger 46 </a> 47 </li> 48 </ul> 49 </nav> 50 <div class="recherche"> 51 <i class="search-icon fa-regular fa-magnifying-glass"></i> 52 <div class="search-box"> 53 <style> 54 .ui-autocomplete-loading { 55 background: white url("https://jqueryui.com/resources/demos/autocomplete/images/ui-anim_basic_16x16.gif") right center no-repeat; 56 } 57 .ui-autocomplete { 58 z-index: 99999 !important; 59 font-size: 13px; 60 padding-bottom: 10px; 61 } 62 .ui-autocomplete li::before { display: none; } 63 .ui-menu .ui-menu-item { 64 list-style: none; 65 padding: 8px !important; 66 border-top: 1px solid #e3e4e6; 67 } 68 .ui-menu .ui-menu-item a { text-decoration: none !important; color: #373F3F; } 69 .ui-autocomplete-category { 70 list-style: none; 71 padding: 6px 8px !important; 72 text-transform: uppercase; 73 font-weight: 700; 74 font-size: 11px; 75 background: #f5f5f5; 76 color: #888; 77 } 78 .ui-autocomplete-category a { font-weight: 700; color: #373F3F; } 79 /* .ui-widget-content { 80 border: 1px solid #eaeaea; 81 border-top: 0; 82 background: #fff; 83 color: #373F3F; 84 border-radius: 0 0 4px 4px; 85 } */ 86 .ui-autocomplete.ui-menu .ui-menu-item:hover, 87 .ui-autocomplete.ui-menu .ui-state-focus { 88 background: #f5f5f5; 89 margin: 0; 90 } 91 .ui-state-focus a { color: #373F3F !important; } 92</style>
93<script> 94 $.widget("custom.catcomplete", $.ui.autocomplete, { 95 _create: function() { 96 this._super(); 97 this.widget().menu("option", "items", "> :not(.ui-autocomplete-category)"); 98 }, 99 _renderMenu: function(ul, items) { 100 var that = this, currentCategory = ""; 101 $.each(items, function(index, item) { 102 if (item.category !== currentCategory) { 103 ul.append("<li class='ui-autocomplete-category'>" + item.category + "</li>"); 104 currentCategory = item.category; 105 } 106 that._renderItemData(ul, item); 107 }); 108 }, 109 _renderItemData: function(ul, item) { 110 return $("<li>").data("item.autocomplete", item) 111 .append($("<a>").attr("href", item.url).text(item.label)) 112 .appendTo(ul); 113 } 114 }); 115 116 $(function() { 117 $(".SKEYWORD").catcomplete({ 118 source: function(request, response) { 119 $.ajax({ 120 url: "index.phtml", 121 dataType: "json", 122 data: { q: request.term, max: 15, h: true }, 123 success: function(data) { 124 response($.map(data, function(item) { 125 return { 126 id: item.id, 127 category: item.category, 128 label: item.label, 129 url: item.url, 130 sentence: item.sentence 131 }; 132 })); 133 } 134 }); 135 }, 136 minLength: 3, 137 select: function(event, ui) { 138 if (ui.item) { window.location.href = ui.item.url; } 139 return false; 140 } 141 }); 142 }); 143</script>
143 144 145 146<form method="get" action="index.phtml" class="search-form"> 147 <input type="hidden" name="srub" value="36"/> 148 <input type="hidden" name="lng" value="FR"/> 149 <input type="text" 150 class="SKEYWORD" 151 name="SKEYWORD" 152 value="" 153 placeholder="Rechercher un livre, un auteur..." 154 autocomplete="off"/> 155</form> </div> 156 </div> 157 <div class="header-actions"> 158 <a class="user" href="index.phtml?srub=85&InitClient=1&mon-compte-" title="Mon compte"> 159 <i class="fa-light fa-user"></i> 160 <p class="user-prenom"> 161 </p> 162 </a> 163 <a href="index.phtml?srub=4&InitEcommerce=1&mon-panier-" > 164 <i class="fa-light fa-bag-shopping"></i> 165 </a> 166 </div> 167 </div> 168 </div> 169 <div class="mobile-header-wrapper-style"> 170 <div class="mobile-header-wrapper-inner"> 171 172 <div id="mobile-navigation"> 173 <div class="remove-mobile-menu-wrap"><nav><ul><li class="menu-item"><div class="expand"><span class="menu-expand"><i class="fa-solid fa-chevron-down"></i></span><a href="/nos-livres-_r_108.html" title="Nos livres">Nos livres</a></div><ul class="dropdown" style="display: none;"><li><a href="/themes-_r_19.html"class="selected">Thèmes</a> </li> 174 175 <li><a href="/alternatives-sud-_r_24.html">Collections</a><ul><li ><a href="/alternatives-sud-_r_24.html"class=" ">Alternatives Sud</a> 176 </li> 177 <li ><a href="/arguments-et-mouvements-_r_25.html"class=" ">Arguments et mouvements</a> 178 </li> 179 <li ><a href="/revolution-espagnole-il-y-a-90-ans-_r_62.html"class=" ">Révolution espagnole: il y a 90 ans</a> 180 </li> 181 <li ><a href="/autogestion-_r_97.html"class=" ">Autogestion</a> 182 </li> 183 <li ><a href="/cahiers-spartacus-_r_88.html"class=" ">Cahiers Spartacus</a> 184 </li> 185 <li ><a href="/comprendre-et-agir-_r_84.html"class=" ">Comprendre et agir</a> 186 </li> 187 <li ><a href="/contretemps-_r_94.html"class=" ">ContreTemps</a> 188 </li> 189 <li ><a href="/coup-pour-coup-_r_28.html"class=" ">Coup pour coup</a> 190 </li> 191 <li ><a href="/cote-cour-_r_29.html"class=" ">Côté cour</a> 192 </li> 193 <li ><a href="/coyoacan-_r_74.html"class=" ">Coyoacán</a> 194 </li> 195 <li ><a href="/des-paroles-en-actes-_r_89.html"class=" ">Des paroles en actes</a> 196 </li> 197 <li ><a href="/explorations-et-decouvertes-en-terres-humaines-_r_59.html"class=" ">Explorations et découvertes en terres humaines</a> 198 </li> 199 <li ><a href="/groupe-d-etude-et-de-recherche-sur-les-mouvements-etudiants-germe-_r_77.html"class=" ">Groupe d'étude et de recherche sur les mouvements étudiants (Germe)</a> 200 </li> 201 <li ><a href="/histoire-enjeux-et-debats-_r_65.html"class=" ">Histoire : enjeux et débats</a> 202 </li> 203 <li ><a href="/hors-collection-_r_86.html"class=" ">Hors collection</a> 204 </li> 205 <li ><a href="/intersection-s-_r_75.html"class=" ">intersectionâ¢S</a> 206 </li> 207 <li ><a href="/la-politique-au-scalpel-_r_78.html"class=" ">La politique au scalpel</a> 208 </li> 209 <li ><a href="/le-present-avenir-_r_46.html"class=" ">
209Le Présent Avenir</a> 210 </li> 211 <li ><a href="/les-archipels-du-surrealisme-_r_71.html"class=" ">Les Archipels du surréalisme</a> 212 </li> 213 <li ><a href="/les-cahiers-de-critique-communiste-_r_73.html"class=" ">Les Cahiers de Critique Communiste</a> 214 </li> 215 <li ><a href="/les-cahiers-de-l-emancipation-_r_98.html"class=" ">Les Cahiers de l'émancipation</a> 216 </li> 217 <li ><a href="/les-utopiques-_r_64.html"class=" ">Les Utopiques</a> 218 </li> 219 <li ><a href="/libre-espace-_r_70.html"class=" ">Libre Espace</a> 220 </li> 221 <li ><a href="/mauvais-temps-_r_66.html"class=" ">Mauvais Temps</a> 222 </li> 223 <li ><a href="/medusa-_r_68.html"class=" ">Medusa</a> 224 </li> 225 <li ><a href="/notes-de-la-fondation-copernic-_r_38.html"class=" ">Notes de la Fondation Copernic</a> 226 </li> 227 <li ><a href="/mille-marxismes-_r_60.html"class=" ">Mille Marxismes</a> 228 </li> 229 <li ><a href="/nouveaux-regards-_r_61.html"class=" ">Nouveaux Regards</a> 230 </li> 231 <li ><a href="/observatoire-des-mouvements-de-la-societe-_r_99.html"class=" ">Observatoire des mouvements de la société</a> 232 </li> 233 <li ><a href="/points-cardinaux-_r_69.html"class=" ">Points cardinaux</a> 234 </li> 235 <li ><a href="/promemo-_r_83.html"class=" ">Promémo</a> 236 </li> 237 <li ><a href="/questions-feministes-_r_87.html"class=" ">Questions féministes</a> 238 </li> 239 <li ><a href="/radical-america-_r_102.html"class=" ">Radical America</a> 240 </li> 241 <li ><a href="/sens-dessus-dessous-_r_96.html"class=" ">Sens dessus-dessous</a> 242 </li> 243 <li ><a href="/utopie-critique-_r_76.html"class=" ">Utopie Critique</a> 244 </li> 245 <li ><a href="/yiddishland-_r_95.html"class=" ">Yiddishland</a> 246 </li> 247 <li ><a href="/livres-epuises-ou-indisponibles-_r_100.html"class=" ">Livres épuisés ou indisponibles</a> 248 </li> 249 <li ><a href="/adresses-internationalisme-et-democr-tie-_r_32.html"class=" ">Adresses, internationalisme et démocr@tie</a> 250 </li> 251 </ul> 252 </li> 253 254 <li><a href="/auteur-es-_r_17.html">Auteur·es</a><ul> </ul> 255 </li> 256 257 </ul> 258 </li> 259 <li class="menu-item"><div class="expand"><span class="menu-expand"><i class="fa-solid fa-chevron-down"></i></span><a href="/actualite-_r_109.html" title="Actualité">Actualité</a></div><ul class="dropdown" style="display: none;"><li><a href="/nouveautes-_r_22.html">Nouveautés</a> </li> 260 261 <li><a href="/rendez-vous-_r_110.html">Rendez-vous</a> </li> 262 263 <li><a href="/A-paraitre-_r_21.html">à paraître</a> </li> 264 265 <li><a href="/on-en-parle-_r_37.html">On en parle</a> </li> 266 267 </ul> 268 </li> 269 <li class="menu-item"><div class="expand"><span class="menu-expand"><i class="fa-solid fa-chevron-down"></i></span><a href="/A-telecharger-_r_107.html" title="à télécharger">à télécharger</a></div><ul class="dropdown" style="display: none;"><li><a href="/en-telechargement-gratuit-2-_r_115.html">En téléchargement gratuit 2</a> </li> 270 271 <li><a href="/la-bibliotheque-de-nos-memoires-_r_15.html">La bibliothèque de nos mémoires</a> </li> 272 273 <li><a href="/encyclopedie-de-l-autogestion-_r_112.html">Encyclopédie de l'autogestion</a> </li> 274 275 <li><a href="/les-utopiques-_r_113.html">
275Les Utopiques</a> </li> 276 277 <li><a href="/soutien-a-l-ukraine-resistante-_r_116.html">Soutien à l'Ukraine résistante</a> </li> 278 279 </ul> 280 </li> 281 </ul> 282 </nav> 283 </div> 284 285 286 <div class="mobile-footer-info-wrap"> 287 <ul class=""> 288 289 <li class="social-top __mobile-social"> 290 291 292 293 <a href="https://www.facebook.com/editions.syllepse.7" target="_blank"> 294 <i class="fa-brands fa-facebook"></i> 295 </a> 296 <a href="https://twitter.com/editionsyllepse" target="_blank"> 297 <i class="fa-brands fa-x-twitter"></i> 298 </a> 299 <a href="https://www.instagram.com/editionsyllepse" target="_blank"> 300 <i class="fa-brands fa-instagram"></i> 301 </a> 302 </li> 303 </ul> 304 </div> 305 </div> 306 </div> 307</div> 308 309 </header> 310 <div id="layer-menu"></div> 311 312 <section> 313 <div class="clk-row"> 314 <div class="col-s-1"> 315 <nav class="sous-rubriques-nav"> 316 <ul> 317 <li class="linked selected"> 318 <a href="/themes-_r_19.html" title="Thèmes"> 319 Thèmes 320 </a> 321 </li> 322 <li class="linked"> 323 <a href="/collections-_r_18.html" title="Collections"> 324 Collections 325 </a> 326 </li> 327 <li class="linked"> 328 <a href="/auteur-es-_r_17.html" title="Auteur·es"> 329 Auteur·es 330 </a> 331 </li> 332 </ul> 333 </nav> 334 </div> 335 </div> 336 <div class="breadcrumb-wrapper"> 337 <div class="clk-row"> 338 <div class="flex"> 339 <div class="col-s-1 col-m-1-2"> 340 <div class="breadcrumb"> 341 <a href="/" title="Accueil" >Accueil</a> 342 / 343 <a href="/nos-livres-_r_108.html" title="Nos livres" >Nos livres</a> 344 / 345 <a href="/themes-_r_19.html" title="Thèmes" class="selected" >Thèmes</a> 346 347 </div> 348 </div> 349 </div> 350 </div> 351 </div> 352 353 <div class="clk-row"> 354 355 356<div class="col-s-1 col-mb2"> 357 <div class="select-rubrique-wrapper"> 358 <div class="select-rubrique-header"> 359 <h1>Thèmes :</h1> 360 <select class="select-rubrique" onchange="if(this.value) location = this.value;"> 361 <option value="">Sélectionnez une rubrique</option> 362 <option value="/themes-_r_19_prop4_4.html" >Afrique</option> 363 <option value="/themes-_r_19_prop4_482.html" >Amériques noires</option> 364 <option value="/themes-_r_19_prop4_37.html" >Amérique latine</option> 365 <option value="/themes-_r_19_prop4_7.html" >Asie</option> 366 <option value="/themes-_r_19_prop4_59.html" >Autogestion</option> 367 <option value="/themes-_r_19_prop4_97.html" >(Anti)Colonialisme</option> 368 <option value="/themes-_r_19_prop4_46.html" >Culture et Médias</option> 369 <option value="/themes-_r_19_prop4_483.html" >Ãconomie Politique</option> 370 <option value="/themes-_r_19_prop4_378.html" >Education</option> 371 <option value="/themes-_r_19_prop4_147.html" >Environnement et Développement</option> 372 <option value="/themes-_r_19_prop4_334.html" >(Anti)Fascismes et (Anti)Racisme</option> 373 <option value="/themes-_r_19_prop4_165.html" >Féminismes et Genre</option> 374 <option value="/themes-_r_19_prop4_198.html" >Histoire</option> 375 <option value="/themes-_r_19_prop4_207.html" >Immigration</option> 376 <option value="/themes-_r_19_prop4_208.html" >Impérialisme et Mondialisation</option> 377 <option value="/themes-_r_19_prop4_484.html" >Littérature</option> 378 <option value="/themes-_r_19_prop4_268.html" >Marxisme et Socialisme</option> 379 <option value="/themes-_r_19_prop4_280.html" >Mouvement Ouvrier et Mouvement Social</option> 380 <option value="/themes-_r_19_prop4_286.html" >Nations et Nationalités</option> 381 <option value="/themes-_r_19_prop4_475.html" >Répression</option> 382 <option value="/themes-_r_19_prop4_485.html" >Revues</option> 383 </select> 384 </div> 385 <div class="select-rubrique-list tri"> 386 <form action="index.phtml" method="get" name="triage_1" id="triage_1" > 387 <input type="hidden" name="srub" value="19"/> 388 <input type="hidden" name="LANGUE" value="FR"/> 389 <select name="sort" onchange="document.triage_1.submit();"> 390 <option value="titre" >Trier par : Titre A - Z</option> 391 <option value="asc" >Trier par : Prix croissants</option> 392 <option value="desc" >Trier par : Prix décroissants</option> 393 394 <option value="parutiondesc" selected>Trier par : Plus récent</option> 395 <option value="parutionasc" >Trier par : Plus ancien</option> 396 </select> 397 </form> 398 </div> 399 </div> 400 401 402 403 404 405 406 </div> 407 408<div class="grid-produits"> 409 <div class="col-s-1-2 col-m-1-3 col-l-1-4"> 410 <article class="produit-liste"> 411 <a href="/de-la-mediterranee-au-jourdain-_r_21_i_1201.html" class="produit-liste-image"> 412 <img class="" src="/syllepse_images/produits/couverture-yaani-syllepse_tbn.jpg?2" alt="De la Méditerranée au Jourdain" 413 border="0"/> 414 </a> 415 <h2>De la Méditerranée au Jourdain</h2> 416 <h3>Yaani</h3> 417 <p class='prix'>17,00 €</p> 418 </article> </div> 419 <div class="col-s-1-2 col-m-1-3 col-l-1-4"> 420 <article class="produit-liste"> 421 <a href="/narcocapitalisme-_r_21_i_1202.html" class="produit-liste-image"> 422 <img class="" src="/syllepse_images/produits/9791039904100_tbn.jpg?2" alt="Narcocapitalisme" 423 border="0"/> 424 </a> 425 <h2>Narcocapitalisme</h2> 426 <h3>Renaud</h3> 427 <p class='prix'>6,00 €</p> 428 </article> </div> 429 <div class="col-s-1-2 col-m-1-3 col-l-1-4"> 430 <article class="produit-liste"> 431 <a href="/trump-ii-quels-enjeux-pour-le-sud-global-_r_21_i_1199.html" class="produit-liste-image"> 432 <img class="" src="/syllepse_images/produits/9791039904117_tbn.jpg?2" alt="Trump II : quels enjeux pour le Sud global ?" 433 border="0"/> 434 </a> 435 <h2>Trump II : quels enjeux pour le Sud global ?</h2> 436 <h3>Bernard Duterme</h3> 437 <p class='prix'>13,00 €</p> 438 </article> </div> 439 <div class="col-s-1-2 col-m-1-3 col-l-1-4"> 440 <article class="produit-liste"> 441 <a href="/toute-ma-vie-fut-un-combat-_r_21_i_1200.html" class="produit-liste-image"> 442 <img class="" src="/syllepse_images/produits/couv-toute-ma-vie-fut-un-combat_tbn.png?2" alt="Toute ma vie fut un combat" 443 border="0"/> 444 </a> 445 <h2>Toute ma vie fut un combat</h2> 446 <h3>Sakıne Cansız</h3> 447 <p class='prix'>23,00 €</p> 448 </article> </div> 449 <div class="col-s-1-2 col-m-1-3 col-l-1-4"> 450 <article class="produit-liste"> 451 <a href="/l-extreme-droite-au-japon-_r_21_i_1191.html" class="produit-liste-image"> 452 <img class="" src="/syllepse_images/produits/couv-l-extreme-droite-au-japon_tbn.png?2" alt="L'extrême droite au Japon" 453 border="0"/> 454 </a> 455 <h2>L'extrême droite au Japon</h2> 456 <h3>Andrew Bernard</h3> 457 <p class='prix'>15,00 €</p> 458 </article> </div> 459 <div class="col-s-1-2 col-m-1-3 col-l-1-4"> 460 <article class="produit-liste"> 461 <a href="/qui-a-tue-durruti-_r_65_i_1192.html" class="produit-liste-image"> 462 <img class="" src="/syllepse_images/produits/9791039903882_tbn.png?2" alt="Qui a tué Durruti?" 463 border="0"/> 464 </a> 465 <h2>Qui a tué Durruti?</h2> 466 <h3>Juan Heredia</h3> 467 <p class='prix'>18,00 €</p> 468 </article> </div> 469 <div class="col-s-1-2 col-m-1-3 col-l-1-4"> 470 <article class="produit-liste"> 471 <a href="/les-autres-voix-de-la-presse-_r_76_i_1204.html" class="produit-liste-image"> 472 <img class="" src="/syllepse_images/produits/97910399-03394tif_tbn.jpg?2" alt="Les autres voix de la presse" 473 border="0"/> 474 </a> 475 <h2>Les autres voix de la presse</h2> 476 <h3>Jocelyyn Peyret</h3> 477 <p class='prix'>30,00 €</p> 478 </article> </div> 479 <div class="col-s-1-2 col-m-1-3 col-l-1-4"> 480 <article class="produit-liste">
481 <a href="/universelle-tyrannie-_r_69_i_357.html" class="produit-liste-image"> 482 <img class="" src="/syllepse_images/produits/9791039903868_tbn.png?2" alt="Universelle tyrannie" 483 border="0"/> 484 </a> 485 <h2>Universelle tyrannie</h2> 486 <h3>Christian De Brie</h3> 487 <p class='prix'>20,00 €</p> 488 </article> </div> 489 <div class="col-s-1-2 col-m-1-3 col-l-1-4"> 490 <article class="produit-liste"> 491 <a href="/la-terre-brule-le-capitalisme-organise-le-spectacle-_r_69_i_1189.html" class="produit-liste-image"> 492 <img class="" src="/syllepse_images/produits/couv-la-terre-brule_tbn.png?2" alt="La Terre brûle, le capitalisme organise le spectacle" 493 border="0"/> 494 </a> 495 <h2>La Terre brûle, le capitalisme organise le spectacle</h2> 496 <h3>Olivier Fournout</h3> 497 <p class='prix'>15,00 €</p> 498 </article> </div> 499 <div class="col-s-1-2 col-m-1-3 col-l-1-4"> 500 <article class="produit-liste"> 501 <a href="/l-affaire-wahid-hachichi-_r_89_i_1190.html" class="produit-liste-image"> 502 <img class="" src="/syllepse_images/produits/couv-l-affaire-wahid-hachichi_tbn.png?2" alt="L'affaire Wahid Hachichi" 503 border="0"/> 504 </a> 505 <h2>L'affaire Wahid Hachichi</h2> 506 <h3>Naguib Allam</h3> 507 <p class='prix'>15,00 €</p> 508 </article> </div> 509 <div class="col-s-1-2 col-m-1-3 col-l-1-4"> 510 <article class="produit-liste"> 511 <a href="/de-l-unite-antifasciste-au-front-populaire-_r_25_i_1197.html" class="produit-liste-image"> 512 <img class="" src="/syllepse_images/produits/9791039904025-copie_tbn.jpg?2" alt="De l'unité antifasciste au Front populaire" 513 border="0"/> 514 </a> 515 <h2>De l'unité antifasciste au Front populaire</h2> 516 <h3>Patrick Le Moal</h3> 517 <p class='prix'>12,00 €</p> 518 </article> </div> 519 <div class="col-s-1-2 col-m-1-3 col-l-1-4"> 520 <article class="produit-liste"> 521 <a href="/mais-de-quoi-se-plaignent-au-juste-les-kanak-_r_89_i_1205.html" class="produit-liste-image"> 522 <img class="" src="/syllepse_images/produits/9791039904018_tbn.jpg?2" alt="Mais de quoi se plaignent au juste les kanak?" 523 border="0"/> 524 </a> 525 <h2>Mais de quoi se plaignent au juste les kanak?</h2> 526 <h3>Hnalaïne Uregei</h3> 527 <p class='prix'>15,00 €</p> 528 </article> </div> 529 <div class="col-s-1-2 col-m-1-3 col-l-1-4"> 530 <article class="produit-liste"> 531 <a href="/gen-z-nouveau-cycle-des-soulevements-populaires-_r_24_i_1184.html" class="produit-liste-image"> 532 <img class="" src="/syllepse_images/produits/une-couv-as-n-3-26_tbn.jpg?2" alt="Gen Z. Nouveau cycle des soulèvements populaires ?" 533 border="0"/> 534 </a> 535 <h2>Gen Z. Nouveau cycle des soulèvements populairesâ?</h2> 536 <h3>Aurélie Leroy</h3> 537 <p class='prix'>13,00 €</p> 538 </article> </div> 539 <div class="col-s-1-2 col-m-1-3 col-l-1-4"> 540 <article class="produit-liste"> 541 <a href="/drapeau-noir-_r_76_i_1183.html" class="produit-liste-image"> 542 <img class="" src="/syllepse_images/produits/couv-drapeau-noir_tbn.png?2" alt="Drapeau noir" 543 border="0"/> 544 </a> 545 <h2>Drapeau noir</h2> 546 <h3>Felipe Corrêa</h3> 547 <p class='prix'>25,00 €</p> 548 </article> </div> 549 <div class="col-s-1-2 col-m-1-3 col-l-1-4"> 550 <article class="produit-liste"> 551 <a href="/memoire-des-luttes-pour-l-avortement-libre-dans-la-ville-des-lip-_r_89_i_1196.html" class="produit-liste-image"> 552 <img class="" src="/syllepse_images/produits/2_tbn.jpg?2" alt="Mémoire des luttes pour l'avortement libre dans la ville des Lip" 553 border="0"/> 554 </a> 555 <h2>Mémoire des luttes pour l'avortement libre dans la ville des Lip</h2> 556 <h3>Philippe Schepens</h3> 557 <p class='prix'>15,00 €</p> 558 </article> </div> 559 <div class="col-s-1-2 col-m-1-3 col-l-1-4"> 560 <article class="produit-liste"> 561 <a href="/adresses-internationalisme-et-democratie-_r_32_i_1198.html" class="produit-liste-image"> 562 <img class="" src="/syllepse_images/produits/adresses-n-22-1-page-0001_tbn.jpg?2" alt="Adresses: internationalisme et démocratie" 563 border="0"/> 564 </a> 565 <h2>Adresses: internationalisme et démocratie</h2> 566 <h3>Collectif</h3> 567 <p class='prix'>0,00 €</p> 568 </article> </div> 569 <div class="col-s-1-2 col-m-1-3 col-l-1-4"> 570 <article class="produit-liste">
571 <a href="/les-ouvriers-du-livre-parisien-cgt-dans-la-crise-des-annees-1930-_r_65_i_1203.html" class="produit-liste-image"> 572 <img class="" src="/syllepse_images/produits/9791099903912_tbn.jpg?2" alt="Les ouvriers du livre parisien CGT dans la crise des années 1930" 573 border="0"/> 574 </a> 575 <h2>Les ouvriers du livre parisien CGT dans la crise des années 1930</h2> 576 <h3>Sylvie Charlier</h3> 577 <p class='prix'>25,00 €</p> 578 </article> </div> 579 <div class="col-s-1-2 col-m-1-3 col-l-1-4"> 580 <article class="produit-liste"> 581 <a href="/contretemps-n-69-_r_94_i_746.html" class="produit-liste-image"> 582 <img class="" src="/syllepse_images/produits/9791039903974_tbn.jpg?2" alt="ContreTemps n°69" 583 border="0"/> 584 </a> 585 <h2>ContreTemps n°69</h2> 586 <h3>Collectif</h3> 587 <p class='prix'>15,00 €</p> 588 </article> </div> 589 <div class="col-s-1-2 col-m-1-3 col-l-1-4"> 590 <article class="produit-liste"> 591 <a href="/gaza-au-bord-d-un-temps-incertain-_r_25_i_1187.html" class="produit-liste-image"> 592 <img class="" src="/syllepse_images/produits/9791039903967-ok_tbn.png?2" alt="Gaza, au bord d'un temps incertain" 593 border="0"/> 594 </a> 595 <h2>Gaza, au bord d'un temps incertain</h2> 596 <h3>Mutasem Eleiwa</h3> 597 <p class='prix'>10,00 €</p> 598 </article> </div> 599 <div class="col-s-1-2 col-m-1-3 col-l-1-4"> 600 <article class="produit-liste"> 601 <a href="/anarchistes-et-anti-autoritaires-dans-la-guerre-d-ukraine-_r_25_i_1193.html" class="produit-liste-image"> 602 <img class="" src="/syllepse_images/produits/9791039903981_tbn.jpg?2" alt="Anarchistes et anti-autoritaires dans la guerre d'Ukraine" 603 border="0"/> 604 </a> 605 <h2>Anarchistes et anti-autoritaires dans la guerre d'Ukraine</h2> 606 <h3>Christian Mahieux</h3> 607 <p class='prix'>11,00 €</p> 608 </article> </div> 609 </div> 610 611<div class="clear"></div> 612 613<div class="clk-row pager"> 614 <div class="col-s-1-2 col-m-1-3 col-l-1-5 col-push-center"> 615 616 617 618 619 620 <div class="liste-progression"> 621 <button class="next-products next-button" data-next-url="index.phtml?srub=19&sort=parutiondesc&pageid=2&themes-"> 622 Afficher les 20 suivants 623 </button> 624 <div class="progress-bar"> 625 <div class="progress" style="width: 2%;"></div> 626 </div> 627 </div> 628 </div> 629 <div class="page-up"> 630 <i class="fa-solid fa-chevron-up"></i> 631 <span>Haut</span> 632 </div> 633</div> 634 635 </div> <!-- /.clk-row --> 636 637 <footer> 638 <div class="bg-newsletter-reseaux"> 639 <div class="clk-row"> 640 <div class="newsletter-reseaux"> 641 <div class="newsletter"> 642 <div> 643 <p>Inscrivez-vous à notre newsletter</p> 644 </div> 645 <form name="login" id="" method="post" action="/newsletter-_r_105.html" class="newsletter-form"> 646 <input type="hidden" name="mode" value="INSCRIPTION" /> 647 <fieldset> 648 <input type="email" name="ADRESSE_INTERNET" id="news" value="" required="required" placeholder="saisissez votre email" /> 649 <button type="submit" name="TentaviveLoginClient">OK</button> 650 </fieldset> 651 </form> 652 </div> 653 654 <div class="reseaux"> 655 <p>Retrouvez nous sur les réseaux</p> 656 <div> 657 <a href="https://www.instagram.com/editionsyllepse" target="_blank"><i class="fab fa-instagram-square"></i></a> 658 <a href="https://twitter.com/editionsyllepse" target="_blank"><i class="fa-brands fa-square-x-twitter"></i></a> 659 <a href="https://www.facebook.com/editions.syllepse.7" target="_blank"><i class="fab fa-facebook-square"></i></a> 660 </div> 661 </div> 662 </div> 663 </div> 664 </div> 665 <div class="bg-tel-adresse"> 666 <div class="clk-row"> 667 <div class="tel-adresse"> 668 <div class="mail"> 669 <p>Mail :</p> 670 <p><a href="mailto:[email protected]">[email protected]</a></p> 671 </div> 672 <div class="tel"> 673 <p>numéro de téléphone :</p> 674 <p><a href="tel:0144620889">01 44 62 08 89</a></p> 675 </div> 676 <div class="adresse"> 677 <p>Adresse :</p> 678 <p><span>Editions Syllepse</span></p> 679 <p><span>69 rue des Rigoles 75020 Paris</span></p> 680 </div> 681 </div> 682 </div> 683 </div> 684 <div class="bg-footer-menu"> 685 <div class="clk-row"> 686 <div class="footer-menu"> 687 <p> 688 <a href="/conditions-generales-de-vente-_r_81.html" title="Conditions générales de vente" rel="nofollow">Conditions générales de vente</a> 689 - 690 <a href="/politique-de-confidentialite-_r_106.html" title="Politique de confidentialité" rel="nofollow">Politique de confidentialité</a> 691 - 692 <a href="" title="" rel="nofollow">Plan du site</a> 693 - 694 <a href="/nous-contacter-_r_10.html" title="Nous contacter" rel="nofollow">Contact</a></p> 695 </div> 696 </div> 697 </div> 698 </footer> 699 700 <div id="menu"> 701 <ul> 702 <li class="icon-arrow-right" > 703 <a href="/nos-livres-_r_108.html" title="Nos livres" > 704 Nos livres 705 </a> 706 <ul class="lvl2"> 707 708 <li > 709 710 <a href="/themes-_r_19.html" title="Thèmes"> 711 Thèmes 712 </a> 713 </li> 714 715 <li class="icon-arrow-right" > 716 717 <a title="Collections"> 718 Collections 719 </a> 720 721 <ul class="sous-nav-2"> 722 </ul> 723 </li> 724 725 <li class="icon-arrow-right" > 726 727 <a href="/auteur-es-_r_17.html" title="Auteur·es"> 728 Auteur·es 729 </a> 730 </li> 731 732 </ul> 733 </li> 734 <li class="icon-arrow-right" > 735 <a href="/actualite-_r_109.html" title="Actualité" > 736 Actualité 737 </a> 738 <ul class="lvl2"> 739 740 <li > 741 742 <a href="/nouveautes-_r_22.html" title="Nouveautés"> 743 Nouveautés 744 </a> 745 </li> 746 747 <li > 748 749 <a href="/rendez-vous-_r_110.html" title="Rendez-vous"> 750 Rendez-vous 751 </a> 752 </li> 753 754 <li > 755 756 <a href="/A-paraitre-_r_21.html" title="à paraître"> 757 à paraître 758 </a> 759 </li> 760 761 <li > 762 763 <a href="/on-en-parle-_r_37.html" title="On en parle"> 764 On en parle 765 </a> 766 </li> 767 768 </ul> 769 </li> 770 <li class="icon-arrow-right" > 771 <a href="/A-telecharger-_r_107.html" title="à télécharger" > 772 à télécharger 773 </a> 774 <ul class="lvl2"> 775 776 <li > 777 778 <a href="/en-telechargement-gratuit-2-_r_115.html" title="En téléchargement gratuit 2"> 779 En téléchargement gratuit 2 780 </a> 781 </li> 782 783 <li > 784 785 <a href="/la-bibliotheque-de-nos-memoires-_r_15.html" title="La bibliothèque de nos mémoires"> 786 La bibliothèque de nos mémoires 787 </a> 788 </li> 789 790 <li > 791 792 <a href="/encyclopedie-de-l-autogestion-_r_112.html" title="Encyclopédie de l'autogestion"> 793 Encyclopédie de l'autogestion 794 </a> 795 </li> 796 797 <li > 798 799 <a href="/les-utopiques-_r_113.html" title="Les Utopiques"> 800 Les Utopiques 801 </a> 802 </li> 803 804 <li > 805 806 <a href="/soutien-a-l-ukraine-resistante-_r_116.html" title="Soutien à l'Ukraine résistante"> 807 Soutien à l'Ukraine résistante 808 </a> 809 </li> 810 811 </ul> 812 </li> 813 814 <li class="menu-moncompte"> 815 <a href="/mon-compte-_r_85.html" title="Mon compte" rel="nofollow"> 816 <img src="/syllepse_images/sitev2/ico-user.png"> Mon compte 817 </a> 818 </li> 819 <li class="menu-monpanier">
819<a href="/mon-panier-_r_4.html" title="Mon panier" rel="nofollow"> <img src="/syllepse_images/sitev2/ico-cart.png">Mon panier</a></li> 820 </ul> 821 </div> 822 823</div> 824 825 826<link rel="stylesheet" href="templates/js/mmenu/jquery.mmenu.all.css" type="text/css"/> 827<link rel="stylesheet" href="templates/js/owlcarousel/owl.carousel.css" type="text/css"/> 828<link rel="stylesheet" href="templates/js/owlcarousel/owl.theme.default.css" type="text/css"/> 829<link rel="stylesheet" href="templates/js/nice-select/nice-select.css" type="text/css"/> 830<link rel="stylesheet" href="templates/js/fancybox.2.1.5/jquery.fancybox.css" type="text/css"/> 831
832<script type="text/javascript" src="templates/js/mmenu/jquery.mmenu.all.min.js" ></script>
vendor: 1 bytes, line 832
832
833<script type="text/javascript" src="templates/js/owlcarousel/owl.carousel.js" ></script>
vendor: 1 bytes, line 833
833
834<script type="text/javascript" src="templates/js/nice-select/jquery.nice-select.min.js" ></script>
vendor: 1 bytes, line 834
834
835<script type="text/javascript" src="templates/js/fancybox.2.1.5/jquery.mousewheel-3.0.6.pack.js" ></script>
vendor: 1 bytes, line 835
835
836<script type="text/javascript" src="templates/js/fancybox.2.1.5/jquery.fancybox.pack.js" ></script>
vendor: 1 bytes, line 836
836
837<script type="text/javascript" src="templates/js/jquery.equalizecols.js" ></script>
vendor: 1 bytes, line 837
837
838<script type="text/javascript" src="templates/js/syllepse-mobile-nav.js" ></script>
838 839 840 841
841<script> 842 $(document).ready(function() { 843 // FANCYBOX 844 $(".thickbox, .fancybox").fancybox({ 845 'zoomspeedin': 300, 846 'zoomspeedout': 300, 847 'overlayshow': false, 848 helpers : { 849 title : { type : 'inside' }, 850 buttons : {} 851 } 852 }); 853 854 $('select:not(.nonice)').niceSelect(); 855 856 // LINKS 857 $(".linked").click(function(){ 858 window.location=$(this).find("a").attr("href"); return false; 859 }); 860 861 var $recherche = $('.recherche'); 862 863 $('.recherche .fa-magnifying-glass').on('click', function(e) { 864 e.stopPropagation(); 865 $recherche.toggleClass('is-open'); 866 if ($recherche.hasClass('is-open')) { 867 setTimeout(function() { $('.SKEYWORD').focus(); }, 350); 868 } 869 }); 870 871 $(document).on('click', function(e) { 872 if (!$(e.target).closest('.recherche').length) { 873 $recherche.removeClass('is-open'); 874 } 875 }); 876 877 878 }); 879 </script>
879 880 881 882
882<script> 883 $(document).ready(function() { 884 // MENU MOBILE - liste gauche 885 $('.list-gauche li a').each(function() { 886 var el = $(this); 887 $('<option />', { 888 "value" : $(this).attr('href'), 889 "text" : $(this).text(), 890 "selected" : $(this).hasClass("selected") 891 }).appendTo('#mobile-list select'); 892 }); 893 if ($('.list-gauche li a').length < 1) jQuery('#mobile-list').hide(); 894 895 $('#mobile-list').find('select').change(function() { 896 window.location = jQuery(this).find('option:selected').val(); 897 }); 898 }); 899 </script>
899 900 901 902 903
903<script> 904 document.querySelector('.page-up').addEventListener('click', function() { 905 window.scrollTo({ top: 0, behavior: 'smooth' }); 906 }); 907 908 (function () { 909 function initLoadMore() { 910 const btn = document.querySelector('.next-products'); 911 if (!btn) return; 912 913 // On retire l'ancien listener en clonant le nÅud 914 const fresh = btn.cloneNode(true); 915 btn.replaceWith(fresh); 916 917 fresh.addEventListener('click', function () { 918 const url = fresh.dataset.nextUrl; 919 if (!url) return; 920 921 fresh.disabled = true; 922 fresh.textContent = 'Chargementâ¦'; 923 924 fetch(url) 925 .then(r => r.text()) 926 .then(html => { 927 const doc = new DOMParser().parseFromString(html, 'text/html'); 928 929 const grid = document.querySelector('.grid-produits'); 930 const newItems = [...doc.querySelectorAll('.grid-produits > div')]; 931 932 grid.append(...newItems); 933 934 // Relancer l'égalisation des hauteurs 935 if (typeof setSizes === 'function') setSizes(); 936 937 // Remplacer le pager 938 document.querySelector('.liste-progression').innerHTML = 939 doc.querySelector('.liste-progression')?.innerHTML ?? ''; 940 941 // Rebinder le nouveau bouton 942 initLoadMore(); 943 944 // Scroll doux vers le premier nouveau produit 945 if (newItems[0]) { 946 newItems[0].scrollIntoView({ behavior: 'smooth', block: 'start' }); 947 } 948 }) 949 .catch(() => { 950 fresh.disabled = false; 951 fresh.textContent = 'Erreur, réessayer'; 952 }); 953 }); 954 } 955 956 initLoadMore(); 957 })(); 958 </script>
958 959 960 961 962 963
963<script type="text/javascript"> 964 965 function setSizes(){ 966 var $els = $('.produit-liste').equalizeCols(); 967 var $els = $('.produit-liste-image').equalizeCols(); 968 var $els = $('.eco-login-wrapper').equalizeCols(); 969 var $els = $('.nouveaute-wrapper, .avp-wrapper').equalizeCols(); 970 var $els = $('.home-footer .actu').equalizeCols(); 971 } 972 973 $(document).ready(function(){ 974 975 $("#menu").mmenu({ 976 "navbars": [ 977 { 978 "position": "top", 979 "content": [ 980 "searchfield" 981 ] 982 }, 983 { 984 "position": "top" 985 }, 986 { 987 "position": "bottom", 988 "content": [ 989 "<a class='fa fa-twitter' href='https://twitter.com/editionsyllepse' target='_blank'></a>", 990 "<a class='fa fa-facebook' href='https://www.facebook.com/editions.syllepse.7' target='_blank'></a>" 991 ] 992 } 993 ] 994 }); 995 996 $(".tabs-panier").tabs({ 997 activate: function (event, ui) { 998 var active = $('#tabs').tabs('option', 'active'); 999 } 1000 }); 1001 1002 // CAROUSEL HOME 1003 $('.slider-livre-actus').owlCarousel({ 1004 loop:true, 1005 nav:true, 1006 dots:false, 1007 responsive:{ 1008 0:{ 1009 items:2, 1010 nav:false, 1011 margin:15, 1012 dots:true, 1013 slideBy:2 1014 }, 1015 600:{ 1016 items:3, 1017 nav:false, 1018 dots:true, 1019 slideBy:3 1020 }, 1021 990:{ 1022 items:4, 1023 nav:false, 1024 dots:true, 1025 slideBy:4 1026 }, 1027 1200:{ 1028 items:5, 1029 nav:true, 1030 dots:false, 1031 slideBy:5 1032 } 1033 } 1034 }); 1035 1036 $('.slider-livre-parutions').owlCarousel({ 1037 loop:true, 1038 nav:true, 1039 dots:false, 1040 autoplay:true, 1041 autoplayHoverPause:true, 1042 responsive:{ 1043 0:{ 1044 items:2, 1045 nav:false, 1046 margin:15, 1047 dots:true, 1048 slideBy:2 1049 }, 1050 600:{ 1051 items:2, 1052 nav:false, 1053 dots:true, 1054 slideBy:2 1055 }, 1056 990:{ 1057 items:3, 1058 nav:false, 1059 dots:true, 1060 slideBy:3 1061 }, 1062 1200:{ 1063 items:4, 1064 nav:false, 1065 dots:true, 1066 slideBy:4 1067 } 1068 } 1069 }); 1070 1071 $('.slider-livre-actus .owl-prev').html('<i class="fa fa-angle-left" aria-hidden="true">'); 1072 $('.slider-livre-actus .owl-next').html('<i class="fa fa-angle-right" aria-hidden="true">'); 1073 1074 var effect = 'slide'; 1075 var option = { direction: 'left' }; 1076 var duration = 700; 1077 $('.search-mobile').click( function(){ 1078 $('.mobile-menu').css('visibility','hidden'); 1079 $('.search-back').show(); 1080 $('.search-box').toggle(effect, option, duration); 1081 $('.search-box').show() 1082 }); 1083 1084 $('.search-back').click(function(){ 1085 $('.search-box').toggle(effect, option, duration); 1086 $('.search-box').hide(); 1087 $('.mobile-menu').css('visibility','visible'); 1088 }); 1089 1090 setSizes(); 1091 1092 $( window ).resize(function() { 1093 setSizes(); 1094 }); 1095 1096 $(window).load(function() { 1097 setSizes(); 1098 }); 1099 1100 $(window).bind({ 1101 load:function(){ 1102 setSizes(); 1103 } 1104 }); 1105 1106 if (document.querySelector(".mobile-menu")) 1107 document 1108 .querySelector(".mobile-menu") 1109 .addEventListener("click", function (e) { 1110 e.preventDefault(); 1111 var icon = this.querySelector("i"); 1112 icon.classList.toggle("fa-bars"); 1113 icon.classList.toggle("fa-times"); 1114 icon.classList.toggle("fa-lg"); 1115 1116 console.log("[app] toggle .sidebar-visible to .mobile-header-active"); 1117 document 1118 .querySelector(".mobile-header-active") 1119 .classList.toggle("sidebar-visible"); 1120 document.getElementById("layer-menu").classList.toggle("visible"); 1121 }); 1122 1123 if (document.getElementById("layer-menu")) 1124 document.getElementById("layer-menu").addEventListener("click", function () { 1125 console.log("[app] remove .visible to #layer-menu"); 1126 this.classList.remove("visible"); 1127 // remove class sidebar-visible on .mobile-header-active 1128 document 1129 .querySelector(".mobile-header-active") 1130 .classList.remove("sidebar-visible"); 1131 1132 // Toggle icon mobile-menu 1133 var icon = document.querySelector(".mobile-menu i"); 1134 if (icon.classList.contains("fa-times")) { 1135 icon.classList.remove("fa-times"); 1136 icon.classList.add("fa-bars"); 1137 } 1138 }); 1139 1140 $(document).ready(function() { 1141 1142 document.querySelectorAll(".header-menu-list").forEach(function (element) { 1143 element.addEventListener("mouseover", function () { 1144 // console.log('[app] add .visible to #layer-menu') 1145 document.getElementById("layer-menu").classList.add("visible"); 1146 }); 1147 element.addEventListener("mouseout", function () { 1148 // console.log('[app] remove .visible to #layer-menu') 1149 document.getElementById("layer-menu").classList.remove("visible"); 1150 }); 1151 }); 1152 1153 // <i class="fal fa-bars"></i> 1154 if (document.querySelector(".mobile-menu")) 1155 document 1156 .querySelector(".mobile-menu") 1157 .addEventListener("click", function (e) { 1158 e.preventDefault(); 1159 var icon = this.querySelector("i"); 1160 icon.classList.toggle("fa-bars"); 1161 icon.classList.toggle("fa-times"); 1162 icon.classList.toggle("fa-lg"); 1163 1164 console.log("[app] toggle .sidebar-visible to .mobile-header-active"); 1165 document 1166 .querySelector(".mobile-header-active") 1167 .classList.toggle("sidebar-visible"); 1168 document.getElementById("layer-menu").classList.toggle("visible"); 1169 }); 1170 1171 //on click on #layer-menu, remove .visible class 1172 1173 if (document.getElementById("layer-menu")) 1174 document.getElementById("layer-menu").addEventListener("click", function () { 1175 console.log("[app] remove .visible to #layer-menu"); 1176 this.classList.remove("visible"); 1177 // remove class sidebar-visible on .mobile-header-active 1178 document 1179 .querySelector(".mobile-header-active") 1180 .classList.remove("sidebar-visible"); 1181 1182 // Toggle icon mobile-menu 1183 var icon = document.querySelector(".mobile-menu i"); 1184 if (icon.classList.contains("fa-times")) { 1185 icon.classList.remove("fa-times"); 1186 icon.classList.add("fa-bars"); 1187 } 1188 }); 1189 1190 /* 1191 on .menu-expand click show adjacent ul.dropdown 1192 on .menu-expand click change .menu-expand i class to .fa-chevron-up 1193 */ 1194 var expandButtons = document.querySelectorAll(".expand"); 1195 expandButtons.forEach(function (button) { 1196 button.addEventListener("click", function (e) { 1197 e.preventDefault(); 1198 var parentLi = this.parentNode; 1199 var dropdown = parentLi.querySelector("ul.dropdown"); 1200 dropdown.style.display = 1201 dropdown.style.display === "none" ? "block" : "none"; 1202 var icon = this.querySelector("i"); 1203 icon.classList.toggle("fa-chevron-up"); 1204 icon.classList.toggle("fa-chevron-down"); 1205 }); 1206 }); 1207 $(document).ready(function () { 1208 $(".expand").on("click", function (e) { 1209 console.log("[app] click on .expand but skipped"); 1210 // e.preventDefault(); 1211 // $(this).parent('li').children('ul.dropdown').slideToggle(); 1212 // $(this).find('i').toggleClass('fa-chevron-up fa-chevron-down'); 1213 }); 1214 }); 1215 1216 1217 1218 }); 1219 1220 }); 1221 </script>
1221 1222 1223 1224</body> 1225</html> 1226
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.