Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #15409

Re: One Event Listner for Multi-Elements- How?

Show all headers | View raw

dman777 wrote on 18 aug 2012 in comp.lang.javascript:

> function buttons(event) {
>           if (event.target.id == "b1") home();
>           if (event.target.id == "b2") photoBio(true);
>           if (event.target.id == "b3") photoBio(false);
>           if (event.target == "b4") home();
>}
> 
> function resetButtons() {
>      document.getElementById("buttons").addEventListener( "click",
>      buttons, false); 
>}

Nice, this has lots of possibilities in in compliant browsers,
[but not in pre IE9 or IE-quirksmode].

Some experimenting:

==========================================
<div id=myButtons>
  <button>b1</button><br>
  <button id=b2>b2</button><br>
  <button class=b3>b3a</button><br>
  <button class=b3>b3b</button><br>
  <button>Europe</button><br>
  <button>Africa and America</button><br>
</div>
<hr>
<div id=myOtherButtons title='Year: '>
  <button>1823</button><br>
  <button>2012</button><br>
</div>


<script type='text/javascript'>
function buttons(event) {
  if (event.target.innerHTML == 'b1') alert('===> b1');
  else if (event.target.id == 'b2') alert('===> b2');
  else if (event.target.className == 'b3') alert('===>> b3a or b3b');
  else alert(event.target.parentNode.title + event.target.innerHTML);
};

function setButtonsListener(id) {
  document.getElementById(id).addEventListener( 'click', buttons, false);
};

setButtonsListener('myButtons');
setButtonsListener('myOtherButtons');

</script>
========================================== 


-- 
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

Back to comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar | Unroll thread

Thread

One Event Listner for Multi-Elements- How? darin.hensley@gmail.com - 2012-08-13 21:09 -0700
  Re: One Event Listner for Multi-Elements- How? Stefan Weiss <krewecherl@gmail.com> - 2012-08-14 16:19 +0200
    Re: One Event Listner for Multi-Elements- How? Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2012-08-15 13:40 +0200
      Re: One Event Listner for Multi-Elements- How? MC <news@aisus.com> - 2012-08-15 09:19 -0500
      Re: One Event Listner for Multi-Elements- How? David Mark <dmark.cinsoft@gmail.com> - 2012-08-16 15:42 -0700
    Re: One Event Listner for Multi-Elements- How? dman777 <darin.hensley@gmail.com> - 2012-08-17 16:03 -0700
      Re: One Event Listner for Multi-Elements- How? "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2012-08-18 07:54 +0000
      Re: One Event Listner for Multi-Elements- How? Mike Winter <usenet@michael-winter.me.invalid> - 2012-08-18 19:50 +0100
        Re: One Event Listner for Multi-Elements- How? Gregor Kofler <usenet@gregorkofler.com> - 2012-08-19 01:35 +0200
          Re: One Event Listner for Multi-Elements- How? Mike Winter <usenet@michael-winter.me.invalid> - 2012-08-19 00:41 +0100

csiph-web