🚀 go-pugleaf

W dniu środa, 15 marca 2017 09:45:26 UTC+1 użytkownik Cezary Tomczyk napisał:
> 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

Spodobało mi się to w art. do którego dałeś link:

<cytat>
1. Podstawowy sposób dodawania nasłuchów
$(document).ready(function() {
$('.clickable-div').click(nasluch_1);
});
//rownowazny zapis
$(document).ready(function() {
$('.clickable-div').click(nasluch_1);
});
</cytat>

:-)

Paweł