Changeset 73859 in spip-zone for _plugins_/minibando


Ignore:
Timestamp:
Jun 25, 2013, 10:10:34 AM (6 years ago)
Author:
bystrano@…
Message:

ajoute un javascript pour la navigation au clavier + adaptations css

Location:
_plugins_/minibando/trunk
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/minibando/trunk/formulaires/administration.html

    r64338 r73859  
    5454                <li><a href="[(#SELF|parametre_url{var_mode,inclure})]"><:minibando:mode_inclure:></a></li></ul></li>]
    5555</ul></div>
     56
     57<script type="text/javascript">
     58  $(function () {
     59
     60      $('#minibando a')
     61          .focusin(function () {
     62              $(this).parents('#minibando > li').addClass('afficher');
     63          })
     64          .focusout(function () {
     65              $(this).parents('#minibando > li').removeClass('afficher');
     66          });
     67
     68  });
     69</script>
  • _plugins_/minibando/trunk/spip_admin_perso.css

    r71965 r73859  
    1212        font-size: 0px; margin: 2px; border: 1px solid #bdbdbd;
    1313        border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
    14 #minibando li a:hover,
    15 #minibando li li a:hover { background-color: white; }
     14#minibando li a:hover, #minibando li a:focus,
     15#minibando li li a:hover, #minibando li li a:focus { background-color: white; }
     16#minibando > li > a:focus { border-color: black; }
     17#minibando li a:focus, #minibando li li a:focus { text-decoration: underline; }
    1618#minibando #bando1_menu_accueil { background: #f8f8f8 url(images/minibando_stripes_optim.png) 50% 0  no-repeat; }
    1719#minibando #bando1_menu_edition { background: #f8f8f8 url(images/minibando_stripes_optim.png) 50% -168px no-repeat; }
     
    2931#minibando li li a { background-image: none; text-indent: 0; width: 190px; height: auto; border: none; text-decoration: none;
    3032        padding: 5px; color: black; margin: 1px; font-size: 12px; }
    31 #minibando > li > span { height: 6px; width: 100%; display: block; background: url(images/arrow.png) no-repeat top center; display: none; }
    32 #minibando ul { background-color: #bdbdbd; position: absolute; display: none; right: 2px;
     33#minibando > li > span { height: 6px; width: 100%; display: block; background: url(images/arrow.png) no-repeat top center; position: absolute; left: -99999px; }
     34#minibando ul { background-color: #bdbdbd; position: absolute; display: block; left: -99999px; right: 99999px;
    3335        border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
    34 #minibando li:hover ul, #minibando li:hover span { display:  block; }
     36#minibando li.afficher ul, #minibando li:hover ul { display: table; left: -174px;; }
     37#minibando li.afficher span, #minibando li:hover span { display: block; position: relative; left: 0; right: 2px; }
Note: See TracChangeset for help on using the changeset viewer.