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

8 gru 2012

Wyrażenie reguralne wykorzystanie w funkcji replace

function open_popup(url, w, h, t, l) {
  let param = popup_param(w, h, t, l);
  let Win = window.open("",'popup_window',param);
  Win.focus();
  return Win;
};
  
function program_print() {
  let el = document.getElementById('program-list');
  if(el!=undefined) {
    let Win=open_popup();
    let html=el.innerHTML;
    html=html.replace('program_print','window.print','g');
    html=html.replace(/<input\b[^>]*?/ig, "");
    Win.document.write(html);
  }
};

Wyrażenie regularne wykorzystanie w funkcji replace. Kod html pobierany jest z doma strona i przekley do nowego okna.

16 wrz 2010

Kolorowanie linku po wyszukaniu w drzewie dom

function szukaj(wartosc) {
  var elem_lista = document.getElementsById('lista');
  var znaczniki = elem_lista.getElementsByTagName('a');
  cnt = znaczniki.length;
  for(i=0; i var tekst = znaczniki.item(i).firstChild.nodeValue;
  tekst = elem.name;
  if(tekst.indexOf(wartosc)!=-1) {
   znaczniki.item(i).style.color='red';
   znaczniki.item(i).focus();
 }
}
szukaj('Polska');
<div id="lista">
  <a href="#">Polska gola</a>
</div>
13 lip 2009

Sparawdzenie czy wprowadzono numer

Sprawdzenie czy pierwszych 10 znaków numeru to cyfry:

var pole1 = document.form.numer;
var pval1 = pole1.value);
if(pval1.length>=10) {
var RegNumber=/([0-9]){10}/i;
var wynik1 = RegNumber.test(pval1);
}

if((wynik1==false) {
 alert('ok');
 b='numer';
 a='blad';
}

if(a){
 alert("UWAGA!"+a);
 if(b)eval('document.form.'+b+'.focus()');
 return false;
}