I will take you through the following steps in order to get on-the-fly spell checking in your Emacs with flymake-js while coding JavaScript.
Posts Tagged ‘javascript’
Loading Google Analytics dynamically on document load
In Napló bejegyzések on 2007.08.05. at 14.37The following method is out-of-date. Better check the anwsers for the Stack Overflow question ‘How do I dynamically load Google Analytics JavaScript?’ for up-to-date instructions.
According to the Google Analytics Help Center, the tracking code segment of your Analytics website profile must be added into the bottom of your content, immediately before the </body> tag. Sure you remember those days when you were told to put it in the <head>, and to many people’s astonishment when Analytics had an outage of its service loads of websites were just loading and loading while the user were getting no response – kinda new shade of screen death.
Gluing a remote functionality of your website with JavaScript and handling it by your document load event handler ain’t a scrapped idea as Analytics tracking itself stands of a remote JS call. Then why to take risks?
The base functionality of a web application heavily based on JavaScript may require that the whole content, or at least the DOM to be loaded. If Analytics remains still embed in the HTML code another outage would obstruct the running of your JavaScript code attached to document or DOM load event hence breaking down your app. So how to separate essential functions from remote web statistics?
There are several ways to load and call Analytics on document load. In the following example I use Scott Andrew’s great addEvent wrapper to handle event attaching.
Tested under Internet Explorer, Mozilla compatibles and Opera. May not work under certain versions of Konqueror and Safari. To address this issue you can use delayed function call.
Function loadGA is responsible for loading the remote Analytics API. After browser responsed the proper status, we call callGA, which create another script container using DOM methods, which forces browser to run its content.
function callGA() {
var s2 = document.createElement('script');
s2.setAttribute('type', 'text/javascript');
s2.text = '_uacct="UA-xxxx-x"; urchinTracker();';
document.getElementsByTagName('body').item(0).appendChild(s2);
}
function loadGA() {
var s1 = document.createElement('script');
s1.setAttribute('id', 'googleanalytics');
s1.setAttribute('src', 'http://www.google-analytics.com/urchin.js');
s1.setAttribute('type', 'text/javascript');
addEvent(s1, 'readystatechange', function () {
if ((s1.readyState == 'complete') || (s1.readyState == 'loaded')) {
callGA();
}
});
addEvent(s1, 'load', callGA);
document.getElementsByTagName('head').item(0).appendChild(s1);
}
addEvent(window, 'load', loadGA);
A pro of this method is that allows further refinement of your logic – e.g. you can now serve different Analytics code depending on the protocol if you use secure channel.
And that’s all, folks. Comments are welcome at DZone.
Iterating a JavaScript array the safe way
In Napló bejegyzések on 2006.09.29. at 16.32JavaScript itself does not provide a control structure to loop through an array (e.g. foreach in Perl or PHP), you may use the for statement to iterate over all elements of an array. (Notice that JavaScript does not support named keys with arrays thus use Object instead.)
The for … in statement is a special case of the for statement. It is used exclusively to walk through arrays and objects. In the case of arrays, it allows you to step through each array element. [...] The benefit of this statement is that to you would otherwise have to determine the number of elements in an array or object before you could use a for statement.
As Peter L. Kantor in JavaScript: Iteration writes just simple iterate the array with for ... in statement and there you are. In the most cases it works but there is a lion in the way. When you define methods to the Array object itself, although array.length will not count them, they will appear inside the for ... in statement. You may test this behaviour easily with Firebug.
>>> Array.prototype.toJSONString = function() {}
>>> var arr = [];
>>> arr.length
0
>>> arr[0] = "Software is like sex";
"Software is like sex"
>>> arr.length
1
>>> arr
["Software is like sex"]
>>> for (key in arr) { console.log(key); }
0
toJSONString
When walking through an object, the for … in statement will not step through every property. It will only step through those that are defined as enumerable. In other words, it will only step through those those are defined as properties that can be counted by JavaScript iterative processes. [...] System-defined methods are not enumerable, though most system-defined properties are. User defined properties are always enumerable.
And that’s the answer to our question. Always enumerable. So you cannot rely on for ... in statement unless you are sure that no third-party library will add properties or methods to the Array class and even you will not do so.
The solution hence is to use a for statement like this: for (key = 1; k < array.length; k++) { };. That’s all now folks.
Gucci.com, redesigned
In Uncategorized on 2006.08.25. at 15.35Bizonyára olvasta már, megreformálták a Guccit, lelkesül a webfejlesztő közösség, révbe ért a JavaScript technológia. Tudniillik első alkalommal debütált kommersz vállalat olyan weblappal, amely a dinamikus, mozgó képi világot nem Flash animációk, hanem JavaScript segítségével lépte meg. Az örömön persze csorba, hogy a Gucci weboldala így viszont csak JavaScript-képes böngésző birtokában tekinthető meg, „the Gucci web site requires a new internet browser with javascript enabled for proper viewing”, írják a honlapon.
A lépés azért is fontos, mert dacára annak, hogy gyorsabb, kisebb oldalt lehet építeni hasonló vizuális megjelenésben JavaScript-tel, amíg a szomszéd rivális nem mutatkozik ilyen megoldással, a legtöbb cég marad a kitaposott ösvényen, nem újít, mert nem trendi. A Guccinak azért volt most könnyű dolga, mert az átalakításért a script.aculo.us fejlesztője, Thomas Fuchs a felelős.
Nettó tömeg: 2g
In Napló bejegyzések on 2006.04.04. at 17.33Engedd meg, hogy egy rövid cikkelyt kiragadjak D-nak címzett levélből:
[...] Mozilla és Opera (esetleg egyéb más) böngésző használata esetén nem fut a javascript, így sajnos a pályázat felvitele és mentése nem sikerül.
Tisztelettel:
Mobilitás Pályázati Igazgatósága
Az, baszd meg. Nem fut a JavaScript. Én meg időre gecit nyelek. Nem ám, hogy esetleg a mélyen tisztelt Mobilitás Pályázati Igazgatóságának megbízott webmestere egy laikus, nem, hanem persze az esetleg egyéb más böngészők nem tudnak JavaScript-et. Bogaraim, mennétek inkább homokzsáknak árvíz ellen. Á, rám se ránts. Elragadtattam magam. Különben is múltkor szó érte a ház elejét, hogy túlságosan nyers, olykor pedig egyenesen vulgáris vagyok. Csak nem!
Kiegészítmény. Korábban tévesen jelöltük Kapási Gergelyt a pályázatkezelő rendszer technikai felelőseként, mintahogy ő erre levélben figyelmünk felhívta — szerkesztőségünk ezúton is elnézést kér a pontatlan információért. (Annak eshetőségét természetesen továbbra sem zárjuk ki, hogy Gergő csak így akar kibújni a felelősség súlyos terhe alól, ómg.)
a sipszo utan hagyjon uzenetet
In Napló bejegyzések on 2004.10.07. at 18.57klonsiten leltem ra _erre_ az urlre avagy mikeppen cserejjuk le a csunya szkin fuggo jelolonegyzeteket es radiogombokat amejjek elbasznak minden dizanjt – baj js.
van itt nalam egy vinyo. 120gigas es tele van legalis filmekkel. meg van itt egy laptop is amivel mingyar kozelebbi ismerettsegbe kerulok.
holnap kora reggel 4 ora hosszan kellemes angolozas. ahhoz kepest h az elejjen ettol tartottam a legjobban a multkori konzultacio tejjesen jovolt. hetfon meg aktaulis az elso zhm bevezetes a szamtechbe cimu tantargybol. faterom idejott elobb asszongya _dejo cicid van_. eloszor nemtejjesen ertettem h mizujs aztan visszapillantvan a monitoromra megertettem a felvetes lenyeget – yes.where.land.
ha nem nezem a segged – az a baj.
ha megnezem a melled – az a baj.
ha le se szarlak – az a baj.
de ha elkerem a szamod – az is baj.
