{"id":5199,"date":"2007-11-03T10:43:21","date_gmt":"2007-11-03T10:43:21","guid":{"rendered":"http:\/\/davidbosman.fr\/blog\/2007\/11\/03\/20071103487-liste-deroulante-dans-dans-la-barre-laterale-de-dotlcear\/"},"modified":"2010-03-27T23:38:01","modified_gmt":"2010-03-27T22:38:01","slug":"20071103487-liste-deroulante-dans-dans-la-barre-laterale-de-dotlcear","status":"publish","type":"post","link":"https:\/\/www.davidbosman.fr\/blog\/2007\/11\/03\/20071103487-liste-deroulante-dans-dans-la-barre-laterale-de-dotlcear\/","title":{"rendered":"liste d\u00e9roulante dans dans la barre lat\u00e9rale de Dotlcear"},"content":{"rendered":"<p>Vous avez peut-\u00eatre remarqu\u00e9 que j&#8217;ai remplac\u00e9 les listes des cat\u00e9gories et des archives dans la colonne de droite par des listes d\u00e9roulantes. Ca prend moins de place et c&#8217;est plus joli (enfin, elles sont jolies sur Safari ;-)). <\/p>\n\n<p><img decoding=\"async\" src=\"\/images\/listedotclear.jpg\" alt=\"liste d\u00e9roulantes dans Dotclear\" \/><\/p>\n\n<p>Il suffit de modifier deux fonctions dans le fichier <em>functions.php<\/em>, qui se trouve dans <em>layout<\/em>. Voil\u00e0 le code pour la fonction qui g\u00e8re la liste des archives mensuelles (<code>dcMonthsList<\/code>). Il suffira de l&#8217;adapter pour les cat\u00e9gories (<code>dcCatList<\/code>), juste au dessus :<\/p>\n\n<p><code>function dcMonthsList($block='&lt;ul&gt;%s&lt;\/ul&gt;',$item='&lt;li&gt;%s&lt;\/li&gt;')<br \/>\n {<br \/>\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;global $arry_months, $month, $year, $cat_id, $lang, $blog;<br \/>\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$comp_url= '';<br \/>\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if ($lang) {<br \/>\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $comp_url .= $lang.'\/';<br \/>\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br \/>\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if($cat_id) {<br \/>\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $comp_url .= $cat_id.'\/';<br \/>\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br \/>\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$res = '';<br \/>\n $res .= '&lt;select size=\"1\" name=\"D1\" id=\"D1\" <span style=\"color: rgb(51, 204, 0);\">\/\/id pour que \u00e7a marche sous Safari<\/span><br \/>\n onchange=\"javascript:self.location=document.getElementById(\\'D1\\').value;\"&gt;';<br \/>\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;foreach($arry_months as $ts =&gt; $d)<br \/>\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp; &nbsp;<br \/>\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$titre = dt::str('%B %Y',$ts);<br \/>\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$url = sprintf($blog-&gt;front_url['archive'],$comp_url.date('Y',$ts),date('m',$ts));<br \/>\n <span style=\"color: rgb(51, 204, 0);\">\/\/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$lien = '&lt;a href=\"'.$url.'\"&gt;%s&lt;\/a&gt;';<\/span><br \/>\n &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;$lien = '&lt;option value=\"'.$url.'\"&gt;%s&lt;\/option&gt;';<br \/>\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$liClass = '';<br \/>\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if($year == date('Y',$ts) &amp;&amp; $month == date('m',$ts)) {<br \/>\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $lien = '&lt;strong&gt;'.$lien.'&lt;\/strong&gt;';<br \/>\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br \/>\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$res .= sprintf($item,sprintf($lien,$titre));<br \/>\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br \/>$res .= '&lt;\/select&gt;';<br \/>\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (count($arry_months) &gt; 0) {<br \/>\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;printf($block,$res);<br \/>\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br \/>\n }<br \/><\/code><\/p>\n\n<p>Enfin quand je dis &#8220;<em>j&#8217;ai<\/em> remplac\u00e9&#8221;, c&#8217;est surtout ma ch\u00e8re et tendre moiti\u00e9 \u00e0 qui j&#8217;ai demand\u00e9 de regarder &#8220;<em>si tu as 5 minutes, je me demande si c&#8217;est possible de changer facilement les listes \u00e0 puces cr\u00e9\u00e9es automatiquement par Dotclear en liste d\u00e9roulante ?<\/em>&#8220;. Avec un peu de <s>patience<\/s> courage j&#8217;aurais pu le faire moi-m\u00eame (si si!), mais j&#8217;y aurai pass\u00e9 un temps fou, l\u00e0 o\u00f9 elle a mis moins de 10 minutes. Et puis il fallait que je pr\u00e9pare le d\u00eener 8-).<\/p>\n\n<p><a href=\"http:\/\/www.flickr.com\/photos\/david_b\/1841112847\/\" title=\"Photo Sharing\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/farm3.static.flickr.com\/2240\/1841112847_296a3936dc.jpg\" width=\"375\" height=\"500\" alt=\"IMG_5556r.jpg\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous avez peut-\u00eatre remarqu\u00e9 que j&#8217;ai remplac\u00e9 les listes des cat\u00e9gories et des archives dans la colonne de droite par des listes d\u00e9roulantes. Ca prend moins de place et c&#8217;est plus joli (enfin, elles sont jolies sur Safari ;-)). Il &hellip; <a href=\"https:\/\/www.davidbosman.fr\/blog\/2007\/11\/03\/20071103487-liste-deroulante-dans-dans-la-barre-laterale-de-dotlcear\/\">Read more &rarr;<\/a><\/p>","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[],"class_list":["post-5199","post","type-post","status-publish","format-standard","hentry","category-trucs-et-astuces"],"_links":{"self":[{"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/posts\/5199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/comments?post=5199"}],"version-history":[{"count":1,"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/posts\/5199\/revisions"}],"predecessor-version":[{"id":6309,"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/posts\/5199\/revisions\/6309"}],"wp:attachment":[{"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/media?parent=5199"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/categories?post=5199"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.davidbosman.fr\/blog\/wp-json\/wp\/v2\/tags?post=5199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}