javascript - Problems with multiple dropdown menus -


i'm experimenting multiple dropdown menus. works problem third button closes when click on else third button doesnt work 2 other buttons,

sidenote: when removed 3rd button second button work.

here code. know way make work 3 buttons. 

<!doctype html>  <html>  <head>  <link rel="stylesheet" href="neww.css" type="text/css">    </style>  </head>  <body>    <ul>    <li class="logo"><a href="new2.html" id="img"><img class="logos" src="logo.png" alt="hitachi logo"></a></li><br>    <li><a href="#news">news</a></li><br>        <li class="dropdown">      <button onclick="myfunction()" class="dropbtn">dropdown</button>      <div id="mydropdown" class="dropdown-content">        <iframe name="inlineframe1" id="inlineframe1" allowtransparency="false" style=";" src="http://logistics.hds.com/"></iframe>      </div>    </li><br>    <script src="javascript.js"></script>         <li class="dropdown2">      <button onclick="myfunction1()" class="dropbtn2">dropdown</button>      <div id="mydropdown2" class="dropdown-content2">        <iframe name="inlineframe1" id="inlineframe2" style=";" src="http://www.nu.nl/"></iframe>      </div>    </li><br>        <li class="dropdown3">      <button onclick="myfunction2()" class="dropbtn3">dropdown3</button>      <div id="mydropdown3" class="dropdown-content3">        <iframe name="inlineframe1" id="inlineframe3" style=";" src="http://homt.hds.com/"></iframe>      </div>    </li><br>    <script src="javascript.js"></script>             </ul>    </body>  </html>

/* when user clicks on button,  toggle between hiding , showing dropdown content */  function myfunction() {      document.getelementbyid("mydropdown").classlist.toggle("show");  }    // close dropdown if user clicks outside of  window.onclick = function(event) {    if (!event.target.matches('.dropbtn')) {        var dropdowns = document.getelementsbyclassname("dropdown-content");      var i;      (i = 0; < dropdowns.length; i++) {        var opendropdown = dropdowns[i];        if (opendropdown.classlist.contains('show')) {          opendropdown.classlist.remove('show');        }      }    }  }  /* when user clicks on button,  toggle between hiding , showing dropdown content */  function myfunction1() {      document.getelementbyid("mydropdown2").classlist.toggle("show2");  }    // close dropdown if user clicks outside of  window.onclick = function(event) {    if (!event.target.matches('.dropbtn2')) {        var dropdowns2 = document.getelementsbyclassname("dropdown-content2");      var i;      (i = 0; < dropdowns2.length; i++) {        var opendropdown2 = dropdowns2[i];        if (opendropdown2.classlist.contains('show2')) {          opendropdown2.classlist.remove('show2');        }      }    }  }  /* when user clicks on button,  toggle between hiding , showing dropdown content */  function myfunction2() {      document.getelementbyid("mydropdown3").classlist.toggle("show3");  }    // close dropdown if user clicks outside of  window.onclick = function(event) {    if (!event.target.matches('.dropbtn3')) {        var dropdowns3 = document.getelementsbyclassname("dropdown-content3");      var i;      (i = 0; < dropdowns3.length; i++) {        var opendropdown3 = dropdowns3[i];        if (opendropdown3.classlist.contains('show3')) {          opendropdown3.classlist.remove('show3');        }      }    }  }


-

Comments

Post a Comment

Popular posts from this blog

python - How to insert QWidgets in the middle of a Layout? -

Image
i'm using qt framework build graphical user interface. use qgridlayout position qwidgets neatly. gui looks this: my application regularly adds new widgets gui @ runtime. these new widgets not added @ end of qlayout, somewhere in middle. the procedure bit cumbersome. applied on figure above, need take out widg_c , widg_d , ... qgridlayout. next, add widg_x and widg_y , , put other widgets again. how remove widgets qgridlayout: for in reversed(range(mygridlayout.count())): self.itemat(i).widget().setparent(none) ### as long you're dealing small amount of widgets, procedure not disaster. in application display lot of small widgets - perhaps 50 or more! application freezes second while procedure ongoing, annoying user. there way insert widgets somewhere in qlayout, without need take out other widgets? edit: apparently solution qvboxlayout simple. use function insertwidget(..) instead of addwidget(..) . docs can found link: http://doc.qt.io/qt-5/qboxlayou
Read more

python - serve multiple gunicorn django instances under nginx ubuntu -

i need serve 2 webs apps (django) on gunicorn under different domain names using nginx on ubuntu. started using tutorial: https://www.digitalocean.com/community/tutorials/how-to-set-up-django-with-postgres-nginx-and-gunicorn-on-ubuntu-16-04 it worked fine 1 using that. tried same thing second gives me 502 gateway second domain. tried following tutorial: http://michal.karzynski.pl/blog/2013/10/29/serving-multiple-django-applications-with-nginx-gunicorn-supervisor/ i'm @ part run gunicorn start script: sudo bin/gunicorn_start i response: starting webuildblack root traceback (most recent call last): file "/home/devin/webuildblack/bin/gunicorn", line 7, in <module> gunicorn.app.wsgiapp import run importerror: no module named 'gunicorn.app'; 'gunicorn' not package you have named program gunicorn.py gunicorn -package. rename file , remove gunicorn.pyc file.
Read more

module - Prestashop displayPaymentReturn hook url -

i new prestashop developer , trying create paymentmodule. have got show payment method can not proceed purchase because not know hot works. does know should redirect run hooddisplaypaymentreturn method? i happy if explain me complete navigation map make purchase. anyway, can find relation between hooks , pages? when have new module payment rely on simplest provided prestashop: bankwire. inside can find 3 hooks. hookpayment: public function hookpayment($params) { if (!$this->active) return; if (!$this->checkcurrency($params['cart'])) return; $this->smarty->assign(array( 'this_path' => $this->_path, 'this_path_bw' => $this->_path, 'this_path_ssl' => tools::getshopdomainssl(true, true).__ps_base_uri__.'modules/'.$this->name.'/' )); return $this->display(__file__, 'payment.tpl'); } hookdisplaypaymenteu: public fun
Read more