1 wrz 2021

blur/focus jak podglądnąć dane które znikają?

Zapewne się spotkałeś/łaś z tym, że czasami chcąc podglądnąć dane które pojawiają się np. na warstwie nagle znikają. Wszystko jest dobrze do czasu gdy klikniesz w menu kontekstowe w Chrome - ostatni element "zbadaj" otwiera się DevTools w chrome i ta warstwa znika.

Posłużę się przykładem a dokładnie stroną z takim zachowaniem, będzie to www.algolia.com. Nie będę tutaj opisywał czym jest "algolia" bo to można znaleźć na tejże stronie, a przejdę od razu do zachowania "Autocomplete".

Poniżej tak wygląda autocomplete gdy kliknę w pole input.
agolia autocomplete

29 lip 2010

Ustawienie koloru tesktu pola input w zdarzeniu blur

<input type="text" id="from" value="Ciechanów" onblur="inp_blur(this)"/></p>
function inp_blur(field){
 if (field.value == ''){
  field.value = field.defaultValue;
  field.style.color='#93999e';
 }else{
  field.style.color='#000';
 }
}