DevProTalk

Forumi IT profesionalaca
web development, web design, e-business, SEO


Idite nazad   DevProTalk > Web development i web aplikacije > (X)HTML, JavaScript, DHTML, XML, CSS
Želite da se reklamirate ekskluzivno na ovoj poziciji? Javite se

(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi

Odgovori
 
Alati teme Način prikaza
Staro 20. 02. 2007.   #1
kodi
133t
Master
 
Avatar kodi
 
Datum učlanjenja: 08.01.2006
Lokacija: Beograd
Poruke: 714
Hvala: 16
37 "Hvala" u 28 poruka
kodi is on a distinguished road
Pošaljite ICQ poruku za kodi
Default 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..

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 ???
__________________

Poslednja izmena od kodi : 20. 02. 2007. u 08:52.
kodi je offline   Odgovorite uz citat
Staro 20. 02. 2007.   #2
ivanhoe
Ivan Dilber
Sir Write-a-Lot
 
Avatar ivanhoe
 
Datum učlanjenja: 18.10.2005
Lokacija: Bgd
Poruke: 5.320
Hvala: 104
2.344 "Hvala" u 583 poruka
ivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svima
Pošaljite poruku preko Skype™ za ivanhoe
Default

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...
__________________
Leadership is the art of getting people to want to do what you know must be done.

Poslednja izmena od ivanhoe : 20. 02. 2007. u 09:05.
ivanhoe je offline   Odgovorite uz citat
Staro 20. 02. 2007.   #3
zira
Vladan Zirojević
Grand Master
 
Datum učlanjenja: 09.06.2006
Lokacija: Beograd/Trebinje
Poruke: 903
Hvala: 106
183 "Hvala" u 82 poruka
zira ima spektakularnu auruzira ima spektakularnu auruzira ima spektakularnu auru
Pošaljite ICQ poruku za zira Pošaljite poruku preko Skype™ za zira
Default

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]
__________________
Donesi.com SrediMe
zira je offline   Odgovorite uz citat
Staro 20. 02. 2007.   #4
kodi
133t
Master
 
Avatar kodi
 
Datum učlanjenja: 08.01.2006
Lokacija: Beograd
Poruke: 714
Hvala: 16
37 "Hvala" u 28 poruka
kodi is on a distinguished road
Pošaljite ICQ poruku za kodi
Default

Citat:
Originalno napisao zira
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/pipermail/rails-spinoffs/2006-June/004655.html]
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
__________________
kodi je offline   Odgovorite uz citat
Odgovori


Alati teme
Način prikaza

Pravila pisanja
Možete ne započinjati nove teme
Možete ne slati odgovore
Možete ne slati priloge
Možete ne izmeniti svoje poruke
vB kôd je Uključen
Smajliji su Uključen
[IMG] kod je Uključen
HTML kôd je Isključen
Pogledajte forum

Slične teme
Tema Početna poruka teme Forum Odgovori Poslednja poruka
Prototype, generisanje elemenata forme i Firefox shoba (X)HTML, JavaScript, DHTML, XML, CSS 3 03. 05. 2009. 01:44
preporuka za knjigu, js/prototype za pocetnike? [nq] Opušteno 2 08. 09. 2008. 04:35
xml, xpath, php ? misko_ Sva početnička pitanja 1 10. 07. 2008. 22:50
Globalna promenljiva uz prototype framework LiquidBrain (X)HTML, JavaScript, DHTML, XML, CSS 7 23. 08. 2007. 16:24
Prototype, dobar tutorijal Ilija Studen (X)HTML, JavaScript, DHTML, XML, CSS 9 25. 04. 2006. 19:24


Vreme je GMT +2. Trenutno vreme je 11:52.


Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.
Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.
Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.