🚀 go-pugleaf

On 15/03/2017 06:20, Jivanmukta wrote:
> Mam na stronie:
>
>         <div id="client_mobile_field">
>             <div class="label"><label class="obligatory">Telefony
> komórkowe:</label></div>
>             <div class="control">
>                 <div>
>                     <?php echo my_form_input('client_mobile1',
> my_set_value('client_mobile1', $fullAnnouncementNo, $announcement),
> 'id="client_mobile1" maxlength="16" size="16" style="width: 16ex"
> class="mobile" onfocus="onFocusElement(this.id);"
> onblur="onBlurElement(this.id);"'),
>                                form_error('client_mobile1'); ?>
>                 </div>
>                 <div>
>                     <?php echo my_form_input('client_mobile2',
> my_set_value('client_mobile2', $fullAnnouncementNo, $announcement),
> 'id="client_mobile2" maxlength="16" size="16" style="width: 16ex"
> class="mobile" onfocus="onFocusElement(this.id);"
> onblur="onBlurElement(this.id);"'),
>                                form_error('client_mobile2'); ?>
>                 </div>
>             </div>
>             <div class="tip">...<b>albo</b> telefon komórkowy
> (9-cyfrowy)...</div>
>         </div>
>
> Podczas obsługi zdarzenia onfocus elementu client_mobile1 potrzebuję
> dobrać się do jedo etykiety. Robię to tak:
>
> function divLabelOf(elem) {
>     if (elem) {
>         var p = elem;
>         while (p.className != 'control') {
>             p = p.parentNode;
>         }
>         p = p.parentNode;
> alert("div " + p.id);
> alert("firstChild " + p.firstChild.id);
> alert("childNodes[0] " + p.childNodes[0].id);
>         return p.firstChild;    // powinno być div
>     }
>     return null;
> }
>
> Wyświetla mi się:
>
> div client_mobile_field
> firstChild undefined
> childNodes[0] undefined
>
> Dlaczego undefined? Jak poprawić funkcję divLabelOf? Byłbym wdzięczny za
> podpowiedź.

Sprawdź, jaki obiekt kryje się pod p.firstChild. Może zamiast 
p.firstChild użyj q.querySelector('tutaj CSS selector do żądanego 
elementu').

A poza tym, zrezygnuj z onfocus i onblur inline i skorzystaj z delegacji 
zdarzeń (event delegation):

https://bfkot.wordpress.com/2010/09/02/event-delegation-delegowane-nasluchy-czyli-wydarzenia-w-delegacji-czesc-1/

-- 
Cezary Tomczyk
https://www.aslint.org/ - walidacja Accessibility
Blokowanie automatycznego odtwarzania video na gazeta.pl w Google 
Chrome: https://goo.gl/0kCRLS