javascript - How to hook into MMenu event? -


i've added search facility mmenu jquery plugin. it's working great except 1 thing: when search textbox appears, want set focus it. far i've accomplished adding 'onmouseover' event handler parent of textbox 'ul' representing "page" visibly. kind of works kludgy because user needs move cursor on designated area. on mobile device, doubt work @ all

i'm looking way hook mmenu's event handler opens page search textbox on. here's example of html code i'm dealing with:

<nav id="menu" class="mm-menu mm-horizontal mm-offcanvas mm-current mm-opened">  <ul id="mm-0" class="mm-list mm-panel mm-opened mm-subopened">  <ul id="mm-1" class="mm-list mm-panel mm-highest mm-current mm-opened">  <li class="mm-subtitle">        search for:    <input id="search" type="text" onkeyup="handlesearchinput(this);" size="20">  <br>  <div id="searchresults" style="margin:10px 10px 0 20px">  </ul>  <ul id="mm-2" class="mm-list mm-panel mm-hidden">  <ul id="mm-3" class="mm-list mm-panel mm-hidden">  <ul id="mm-4" class="mm-list mm-panel mm-hidden">  <ul id="mm-5" class="mm-list mm-panel mm-hidden">  <ul id="mm-6" class="mm-list mm-panel mm-hidden">  <ul id="mm-7" class="mm-list mm-panel mm-hidden">  <ul id="mm-8" class="mm-list mm-panel mm-hidden">  <ul id="mm-9" class="mm-list mm-panel mm-hidden">  <ul id="mm-10" class="mm-list mm-panel mm-hidden">  <ul id="mm-11" class="mm-list mm-panel mm-hidden">  <ul id="mm-12" class="mm-list mm-panel mm-hidden">  <ul id="mm-13" class="mm-list mm-panel mm-hidden">  <ul id="mm-14" class="mm-list mm-panel mm-hidden">  </nav>

might know how this?

robert w.


Comments

Post a Comment

Popular posts from this blog

javascript - AngularJS custom datepicker directive -

i make custom datepicker directive custom template. but have no idea how start building it... how include date data directive? i appreciate guide or give me advice work on more precisely. it might you! follow below steps html code sample: <label>birth date</label> <input type="text" ng-model="birthdate" date-options="dateoptions" custom-datepicker/> <hr/> <pre>birthdate = {{birthdate}}</pre> <script type="text/ng-template" id="custom-datepicker.html"> <div class="enhanced-datepicker"> <div class="proxied-field-wrap"> <input type="text" ui-date-format="yy-mm-dd" ng-model="ngmodel" ui-date="dateoptions"/> </div> <label> <button class="btn" type="button"><i class="icon-calendar"></i>
Read more

javascript - jQuery date picker - Disable dates after the selection from the first date picker -

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jquery ui datepicker - default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function () { $("#datepicker1").datepicker(); }); </script> <script> $(function () { $("#datepicker2").datepicker(); }); </script> </head> <body> <p>date 1: <input type="text" id="datepicker1"></p> <p>date 2: <input type="t
Read more