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

Groups > comp.lang.javascript > #35453

Re: addEventListener question

Show all headers | View raw

Luuk <luuk@invalid.lan> wrote on 10 Aug 2018 in comp.lang.javascript:

>      <dl id="csschart">
>           
>           <dt>001</dt>
>           <dd class="p22"><span><b>22</b></span></dd>
>           <dd class="sub p10" ><span><b>10</b></span></dd>
>           
>           <dt>002</dt>
>           <dd class="p45"><span><b>45</b></span></dd>
>           <dd class="sub p35"><span><b>36</b></span></dd>     
>           
> ....
> 
> 
> and this piece of javascript:
>   var links = document.getElementById('csschart').children;
>   var index;
>   var abc = -1;;

Nice, the ;;

You don't need abc, as it gats the same number as index.

>   for (index = 0; index < links.length; ++index) {
>     if (links[index].innerHTML== links[index].innerText) { abc++; }
>     links[index].addEventListener('click',function(e) {
>      alert(abc);

The final value is in abc when eventually clicked!

>   });
>   }
> 

Try adding a className with a serial number:

<dl id="csschart">
    <dt>001</dt>
    <dd class="p22">
        <span>
            <b>22</b>
        </span>
    </dd>
    <dd class="sub p10">
        <span>
            <b>10</b>
        </span>
    </dd>
    <dt>002</dt>
    <dd class="p45">
        <span>
            <b>45</b>
        </span>
    </dd>
    <dd class="sub p35">
        <span>
            <b>36</b>
        </span>
    </dd>
</dl>
<script>
    var links = document.getElementById('csschart').children;
    var index;
    for (index = 0; index < links.length; ++index) {
        links[index].classList.add("__nr" + index);
        links[index].addEventListener('click', function(e) {
            alert(this.classList.toString().replace(/.*__nr/, ''));
        });
    }
</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

addEventListener question Luuk <luuk@invalid.lan> - 2018-08-10 18:21 +0200
  Re: addEventListener question "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2018-08-11 00:04 +0200
    Re: addEventListener question Luuk <luuk@invalid.lan> - 2018-08-11 14:28 +0200
      Re: addEventListener question Ben Bacarisse <ben.usenet@bsb.me.uk> - 2018-08-11 14:53 +0100
        Re: addEventListener question "Christoph M. Becker" <cmbecker69@arcor.de> - 2018-08-11 16:27 +0200
          Re: addEventListener question Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2018-08-12 17:49 +0200
            Re: addEventListener question "Christoph M. Becker" <cmbecker69@arcor.de> - 2018-08-12 18:05 +0200
              Re: addEventListener question Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2018-08-12 18:42 +0200
                Re: addEventListener question "Christoph M. Becker" <cmbecker69@arcor.de> - 2018-08-12 19:38 +0200
                Re: addEventListener question Julio Di Egidio <julio@diegidio.name> - 2018-08-12 11:12 -0700
                Re: addEventListener question James Kirk <noneya.invalid@gmail.com> - 2018-08-12 22:36 -0400
                Re: addEventListener question Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2018-09-06 08:17 +0200
                Re: addEventListener question "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2018-08-13 11:50 +0200
                Re: addEventListener question Luuk <luuk@invalid.lan> - 2018-08-18 16:50 +0200
        Re: addEventListener question "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2018-08-11 16:58 +0200
          Re: addEventListener question Ben Bacarisse <ben.usenet@bsb.me.uk> - 2018-08-12 02:40 +0100
            Re: addEventListener question "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2018-08-12 09:07 +0200
        Re: addEventListener question Luuk <luuk@invalid.lan> - 2018-08-11 19:17 +0200
  Re: addEventListener question "Christoph M. Becker" <cmbecker69@arcor.de> - 2018-08-11 16:30 +0200
    Re: addEventListener question Luuk <luuk@invalid.lan> - 2018-08-11 19:12 +0200
    Re: addEventListener question Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2018-08-12 17:46 +0200
      Re: addEventListener question "Christoph M. Becker" <cmbecker69@arcor.de> - 2018-08-12 18:06 +0200
        Re: addEventListener question "Christoph M. Becker" <cmbecker69@arcor.de> - 2018-08-12 18:12 +0200
          Re: addEventListener question Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2018-08-12 18:33 +0200
  Re: addEventListener question Luuk <luuk@invalid.lan> - 2018-08-18 17:01 +0200

csiph-web