DevProTalk - XPath, Firefox i Prototype

DevProTalk (http://www.devprotalk.com/index.php)

- (X)HTML, JavaScript, DHTML, XML, CSS (http://www.devprotalk.com/forumdisplay.php?f=8)

- - XPath, Firefox i Prototype (http://www.devprotalk.com/showthread.php?t=2457)

XPath, Firefox i Prototype

Eh, kako se nekad skenjam.

Radim neki projekat, i koristio sam do malo pre prototype.lite.js staru dobrih 6+ meseci
I sad imam jednu ogromnu stranicu i njoj 3 poziva tipa:

Kôd:

window.onload = function() {

elementsA = document.getElementsByClassName('classA');

elementsB = document.getElementsByClassName('classB');

elementsC = document.getElementsByClassName('classC');

Inace document.getElementsByClassName je jedna veoma korisna f-ja koja dolazi uz prototype, spasava zivce i vreme....

Medjutim kako se stranica punila iz CMS-a i kako je struktura strasno komplexna (mnogo fancy efekata, i sto je najgore mnogo ugnjezdjenih elemenata) vremenom je se cela stvar jako usporila, zato sto ova f-ja prolazi kroz sve tagove na stranici, i pomocu regExpa gleda da li taj tag ima tu i tu klasu, znaci u mom slucaju 3x prolazi celu stranicu od pocetka pa do kraja

krenem ja tu da googlam, gledam kako da ubrzam stvar, vec sam se pomirio da cu da udarim id="clasaA"+{$i}, pa da kroz tri petlje getujem sve elemente.. :D

i onda slucajno vidim da nova verzija prototype-a ima XPath podrsku... Sad ja znam da to moze samo u FF, eventualno u novoj operi.. al ajde ne budem lenj, zamenim malecki lite.js sa najnovijom full verzijom (74kB), nista drugo nisam menjao, cisto experimenta radi...

kad ja tamo, a ono medjutim:

ne da radi nego razbija, uopste ne prolazi celu stranicu, vec kupi samo relevantne elemente.. (naravno samo u FF)

Eh al sta vredi, u IE cisto mala promena zbog optimizovanije nove verzije. Nema veze, bio sam iskreno srecan dobrih 2-3 minuta :)

vise se uopte i ne nerviram zbog ovakvih stvari.. Skoro da mi je smesno...
za 3 godine ce valjda da izbace neki SPXXX koji ce da ima patch za IE i Xpath, to je i onako trivijalna i nevazna stvar...

Off Topic:
a evo i kako izgleda nova f-ja, jos kad bi Xpath svuda normalno radio, sve posle else bi bio visak...

Kôd:

document.getElementsByClassName = function(className, parentElement) {

  if (Prototype.BrowserFeatures.XPath) {

    var q = ".//*[contains(concat(' ', @class, ' '), ' " + className + " ')]";

    return document._getElementsByXPath(q, parentElement);

  } else {

    var children = ($(parentElement) || document.body).getElementsByTagName('*');

    var elements = [], child;

    for (var i = 0, length = children.length; i < length; i++) {

      child = children[i];

      if (Element.hasClassName(child, className))

        elements.push(Element.extend(child));

    }

    return elements;

  }

};

btw, ne radi spoiler tag.. jel bese radilo to pre na forumu ???

zar nema IE neku svoju ActiveX kontrolu koja podrzava Xpath, kao sto ima za XSLT i sl.. ? Bio sam ubedjen da postoji nesto tipa XMLDOM ili tako nesto, kroz maglu se secam da sam nekad nesto isprobavao sa tim..

BTW, ako sa getElementsByClassName() koristis parentElement argument dobices znacajno ubrzanje na velikim dokumentima...

Moguce da u tvom slucaju mozes postici neko ubrzanje tako sto ces napraviti svoju specificnu verziju getElementsByClassName tako da prolazis samo jednom i pamtis zasebno svaki od pogodaka za te tri klase u istom prolazu.

Ako dodatno imas mogucnost da ti elementi nemaju drugih klasa, vec samo tu jednu koju trazis ono poredjenje po regularnom izrazu zamijenis u nesto kao

element.className == className ||
element.className.match(new RegExp("(^|\\s)" +
className + "(\\s|$)"))

tako da mecovanje regexp-a dolazi samo ako ne uspije string poredjenje.

[http://wrath.rubyonrails.org/piperma...e/004655.html]

Citat:

Originalno napisao zira

znam za to, to sam izguglao i ja, i to je vec ubaceno u novu verziju prototype-a nije regexp spor koliko drljanje po svim tagovima

Elem, evo zanimljive stvari:

Citat:

DOM queries on Firefox seem pretty quick
XPath is about 150% faster than DOM queries on a Mozilla platform
XPath is about 1000% faster than DOM queries on an Opera platform
the expression hack is about 200-400% faster on an IE platform
Behaviour leaks like a sieve :)

uzeto odavde
http://dean.edwards.name/weblog/2006/03/faster/

inace za sada sam napravio odvojene JS fajlove za IE i za ostale, pa cu videti da izmislim nesto :)