X-Received: by 10.157.21.97 with SMTP id z30mr1697345otz.147.1489591750299; Wed, 15 Mar 2017 08:29:10 -0700 (PDT)
X-Received: by 10.157.46.1 with SMTP id q1mr406366otb.2.1489591750214; Wed, 15 Mar 2017 08:29:10 -0700 (PDT)
Path: csiph.com!weretis.net!feeder6.news.weretis.net!news.glorb.com!w124no3370678itb.0!news-out.google.com!15ni16093itm.0!nntp.google.com!u69no3364831ita.0!postnews.google.com!glegroupsg2000goo.googlegroups.com!not-for-mail
Newsgroups: pl.comp.lang.javascript
Date: Wed, 15 Mar 2017 08:29:09 -0700 (PDT)
In-Reply-To: <oaauv5$1i7t$1@csiph.com>
Complaints-To: groups-abuse@google.com
Injection-Info: glegroupsg2000goo.googlegroups.com; posting-host=83.21.169.240; posting-account=8ND_mgoAAAD5J9y9fnaTB1Kcu7xKWk7Q
NNTP-Posting-Host: 83.21.169.240
References: <oaaiu9$jmk$1@news.icm.edu.pl> <oaauv5$1i7t$1@csiph.com>
User-Agent: G2/1.0
MIME-Version: 1.0
Message-ID: <2a831b59-e7fe-4756-a7f4-efe2495f981b@googlegroups.com>
Subject: Re: dlaczego firstChild oraz childNodes[0] mam undefined?
From: zpksoft <zpksoft@op.pl>
Injection-Date: Wed, 15 Mar 2017 15:29:10 +0000
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: quoted-printable
Xref: csiph.com pl.comp.lang.javascript:3290

W dniu =C5=9Broda, 15 marca 2017 09:45:26 UTC+1 u=C5=BCytkownik Cezary Tomc=
zyk napisa=C5=82:
> On 15/03/2017 06:20, Jivanmukta wrote:
> > Mam na stronie:
> >
> >         <div id=3D"client_mobile_field">
> >             <div class=3D"label"><label class=3D"obligatory">Telefony
> > kom=C3=B3rkowe:</label></div>
> >             <div class=3D"control">
> >                 <div>
> >                     <?php echo my_form_input('client_mobile1',
> > my_set_value('client_mobile1', $fullAnnouncementNo, $announcement),
> > 'id=3D"client_mobile1" maxlength=3D"16" size=3D"16" style=3D"width: 16e=
x"
> > class=3D"mobile" onfocus=3D"onFocusElement(this.id);"
> > onblur=3D"onBlurElement(this.id);"'),
> >                                form_error('client_mobile1'); ?>
> >                 </div>
> >                 <div>
> >                     <?php echo my_form_input('client_mobile2',
> > my_set_value('client_mobile2', $fullAnnouncementNo, $announcement),
> > 'id=3D"client_mobile2" maxlength=3D"16" size=3D"16" style=3D"width: 16e=
x"
> > class=3D"mobile" onfocus=3D"onFocusElement(this.id);"
> > onblur=3D"onBlurElement(this.id);"'),
> >                                form_error('client_mobile2'); ?>
> >                 </div>
> >             </div>
> >             <div class=3D"tip">...<b>albo</b> telefon kom=C3=B3rkowy
> > (9-cyfrowy)...</div>
> >         </div>
> >
> > Podczas obs=C5=82ugi zdarzenia onfocus elementu client_mobile1 potrzebu=
j=C4=99
> > dobra=C4=87 si=C4=99 do jedo etykiety. Robi=C4=99 to tak:
> >
> > function divLabelOf(elem) {
> >     if (elem) {
> >         var p =3D elem;
> >         while (p.className !=3D 'control') {
> >             p =3D p.parentNode;
> >         }
> >         p =3D p.parentNode;
> > alert("div " + p.id);
> > alert("firstChild " + p.firstChild.id);
> > alert("childNodes[0] " + p.childNodes[0].id);
> >         return p.firstChild;    // powinno by=C4=87 div
> >     }
> >     return null;
> > }
> >
> > Wy=C5=9Bwietla mi si=C4=99:
> >
> > div client_mobile_field
> > firstChild undefined
> > childNodes[0] undefined
> >
> > Dlaczego undefined? Jak poprawi=C4=87 funkcj=C4=99 divLabelOf? By=C5=82=
bym wdzi=C4=99czny za
> > podpowied=C5=BA.
>=20
> Sprawd=C5=BA, jaki obiekt kryje si=C4=99 pod p.firstChild. Mo=C5=BCe zami=
ast=20
> p.firstChild u=C5=BCyj q.querySelector('tutaj CSS selector do =C5=BC=C4=
=85danego=20
> elementu').
>=20
> A poza tym, zrezygnuj z onfocus i onblur inline i skorzystaj z delegacji=
=20
> zdarze=C5=84 (event delegation):
>=20
> https://bfkot.wordpress.com/2010/09/02/event-delegation-delegowane-nasluc=
hy-czyli-wydarzenia-w-delegacji-czesc-1/
>=20
> --=20
> Cezary Tomczyk
> https://www.aslint.org/ - walidacja Accessibility
> Blokowanie automatycznego odtwarzania video na gazeta.pl w Google=20
> Chrome: https://goo.gl/0kCRLS

Spodoba=C5=82o mi si=C4=99 to w art. do kt=C3=B3rego da=C5=82e=C5=9B link:

<cytat>
1. Podstawowy spos=C3=B3b dodawania nas=C5=82uch=C3=B3w
$(document).ready(function() {
$('.clickable-div').click(nasluch_1);
});
//rownowazny zapis
$(document).ready(function() {
$('.clickable-div').click(nasluch_1);
});
</cytat>

:-)

Pawe=C5=82