28 lis 2010

Dodanie atrybutu do diva

let div = document.createElement('div');
div.className = 'box';
div.id='test';
div.innerHTML = '[<a href="http://mapy.emiejsca.pl/niedrzwica_duza_niedrzwica_duza_lubelski_lubelskie,mapa.html">Niedrzwica Duża</a>]';
div.setAttribute('index', 100);
28 lis 2010

Wysłanie formularza lub załadowanie strony z podanego adresu url

function send(url, elem) {
  let value;
  let form = document.forms['form'];
  if (typeof(elem)==='object') value=elem.value;
  else value=document.getElementById(elem).value;
  let s_value=form.elements['s'].value;
  if(s_value=='szukaj' || s_value=='') {
    location.href=url;
    return false;
  }
  else {
    form.action=url;
    form.submit();
    return false;
  }
  return true;
};

Wywołanie np.

var url = 'http://www.wolakorybutowa.pl'
send(url, 'pole1');
26 lis 2010

Odczyt atrybutów diva

function get_idx(_this_) {
  alert(_this_.id);
  let idx;
  idx=_this_.parentNode.parentNode.firstChild.getAttribute('d_idx');
  alert(idx);
  idx=_this_.parentNode.parentNode.firstChild.
    nextSibling.
    getAttribute('d_idx');
  alert(idx);
  return false;
}
.a { width: 200px; border: 1px solid; height: 40px; float: left; }
.b,.c { border: 1px solid; width: 40px; height: 40px; float: left; }
<div d_idx="1">
  <div d_idx="2">test 123456</div>
  <div d_idx="3">123</div>
  <div><a id="test1" href="#" onClick="get_idx(this)">usuń</a></div>
</div>
22 lis 2010

Zmiana z-index dla diva

Ziana z-indexu n większy powoduje wyciągniecie warstwy wyżej nad wszystkie inne.
z-index:1111;  z-index:11111

document.getElementById('nazwa').style.zIndex=11111;
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>