JavascriptKata - Latest Comments

Re: How to write javascript code to fit in lines of 80 chars

dsimard — Thu, 03 May 2012 16:44:11 -0000

yeah, I made a mistake. He discovered JSON under a rock...

Re: How to write javascript code to fit in lines of 80 chars

Foo — Thu, 03 May 2012 16:10:21 -0000

"
the guy that discovered Ajax" - WRONG

Re: How to make a singleton in javascript

David Suarez — Tue, 24 Apr 2012 16:06:54 -0000

Nice "homerule"

Re: How to execute javascript code directly in your browser

Ssstonc — Mon, 23 Apr 2012 23:22:25 -0000

Thanks!

Re: How to execute javascript code directly in your browser

Hahah — Sat, 17 Mar 2012 14:09:17 -0000

hi i can't still open it, javascript:ajaxpage("ajaxonly.php","contentarea")/;void(0);
is it correct?
thx

Re: How to have jQuery and prototype.js in the same project

Yasir — Sat, 10 Mar 2012 19:13:26 -0000

What if I add a third party library of jquery, they'd be using $ as usual. Conflicts!!

Re: How to execute javascript code directly in your browser

hikingmike — Fri, 02 Mar 2012 09:34:25 -0000

no.

Re: How to execute javascript code directly in your browser

Maniallfines — Wed, 29 Feb 2012 09:18:07 -0000

for executing java script we need tomcat server(any server) Is it right?

Re: How to do class functions in javascript (aka static or shared functions)

Joseph Bolla — Mon, 16 Jan 2012 10:36:26 -0000

You could Implement Polymorphism like this in JavaScript:

/** This is our Person class */

        Person = function (id, name, age) {
            this.id = id;
            this.name = name;
            this.age = age;
           // alert('A new person has been accepted');
        }

        /* definition of our Person class */
        Person.prototype = {
            /** wake person up */
            wake_up: function () {
                alert('A person is awake');
            },

            /** retrieve person's age */
            get_age: function () {
                return this.age;
            }
        }

Inheritance_Manager = {};

        Inheritance_Manager.extend = function (subClass, baseClass) {
            function inheritance() { }
            inheritance.prototype = baseClass.prototype;
            subClass.prototype = new inheritance();
            subClass.prototype.constructor = subClass;
            subClass.baseConstructor = baseClass;
            subClass.superClass = baseClass.prototype;
        }

        Manager = function (id, name, age, salary) {
            Manager.baseConstructor.call(this, id, name, age);
            this.salary = salary;
           // alert('A manager has been registered.');
        }

Inheritance_Manager.extend(Manager, Person);

        Manager.prototype = {
            wake_up: function () {
                alert('I am in control');
            }
        }

        var arrPeople = new Array();
        arrPeople[0] = new Person(1, 'Joe Tester', 26);
        arrPeople[1] = new Manager(1, 'Joe Tester', 26, '20.000');

        for (var i in arrPeople) {
            arrPeople[i].wake_up();
            alert(arrPeople[i].get_age());
        }

View full article with comments: here

Re: How to make sure undefined is not defined

李鹏 — Mon, 09 Jan 2012 23:58:12 -0000

undefined = false;
console.log(undefined.toString());//firebug console error "undefined has no properties"
(function(undefined) { console.log(typeof undefined); })();

why?

Re: How to inherit classes in javascript

Joe_bolla — Sun, 08 Jan 2012 16:04:21 -0000

Here is a simple way to implement inheritance in Javascript:
Person = function(id, name, age){ this.id = id; this.name = name; this.age = age; alert('A new person has been accepted');}Person.prototype = { /** wake person up */ wake_up: function() { alert('I am awake'); }, /** retrieve person's age */ get_age: function() { return this.age; }}Inheritance_Manager = {};Inheritance_Manager.extend = function(subClass, baseClass) { function inheritance() { } inheritance.prototype = baseClass.prototype; subClass.prototype = new inheritance(); subClass.prototype.constructor = subClass; subClass.baseConstructor = baseClass; subClass.superClass = baseClass.prototype;}Manager = function(id, name, age, salary) { Manager.baseConstructor.call(this, id, name, age); this.salary = salary; alert('A manager has been registered.');}Inheritance_Manager.extend(Manager, Person);Manager.prototype.lead = function(){ alert('I am a good leader');}var p = new Person(1, 'Joe Tester', 26);var pm = new Manager(1, 'Joe Tester', 26, '20.000');

alert(p.name);alert(pm.salary);View all code here with demos:
http://www.cyberminds.co.uk/bl...

Re: How to inherit classes in javascript

Joe_bolla — Wed, 21 Dec 2011 16:38:48 -0000

Try this simple example http://www.cyberminds.co.uk/bl...

Re: Do not use the innerHTML property on HTML objects

Sviswa — Wed, 21 Dec 2011 13:13:44 -0000

i need same add new comment code

Re: Ask Dan a javascript question : first edition

Guest — Wed, 07 Dec 2011 21:50:36 -0000

How to make a dice game for two player in javascript and html using just two dice?

1. Each player throws both dice once per turn. You only score if you
throw doubles (that is, both dice have the same number of spots on their
top face).
2. Players score five points for double ones, twos,
fours or fives. A double six scores twenty five points, but if you throw
a double three your score goes back to zero.
3. Add your score as
you play. The first player to get fifty points wins the game. (An adult
or older child may need to help score, but you can use this game to
teach younger children to count by fives.)

Re: How to use the self with object-oriented javascript and closures

Michel Jansma — Mon, 05 Dec 2011 09:51:49 -0000

Awsome

Re: Do not use the innerHTML property on HTML objects

Chris Baker — Thu, 01 Dec 2011 12:30:29 -0000

That is NOT the best idea. The best idea is to work with the DOM. Adding 20,000 lines of jQuery magic to do what you can already do in plain-jane vanilla javascript is not only bad practice, it is a detrimental to your skills as a developer. Use the standard DOM methods and you can't go wrong.

Re: Cleanest way of executing javascript code on page load

PB404 — Sun, 16 Oct 2011 20:38:01 -0000

I stumbled on this page via Google search and reading the comments it sounds like this is a smart group. I'm a complete newbie to Javascript, AJAX, and PHP and I'm trying to figure out a way of passing on a data-value to a page when it loads and then use that data-value with a javascript that runs when the page loads.

I bought a WordPress template that the author stopped supporting and I need to find a solution to this problem. If you go to http://www.stevenmichaeloconno... I am trying to get it so that if someone clicks on a Series Name such as "Assorted" it would go to the Portfolio page and then execute the javascript that the category menu is using and pass along the data-value="assorted".

This is the a href that the category menu is using on the Portfolio page to show only the "Assorted" category:
li class="segment-1"> a data-value="assorted" href="javascript:;"> Assorted /a /li> (had to remove some brackets to get it to display)

I would be very grateful if anyone can help me out with this!

Re: How to inherit classes in javascript

dsimard — Fri, 14 Oct 2011 11:45:58 -0000

I don't think you can do it.

Re: How to inherit classes in javascript

Viktor Eriksson — Fri, 14 Oct 2011 11:40:53 -0000

How do I inherit new Document() ?
Only get error.

Re: How to execute javascript code directly in your browser

Farjad4g — Tue, 04 Oct 2011 19:01:39 -0000

Re: 3 reasons why I use jQuery

David — Tue, 27 Sep 2011 21:13:59 -0000

Cool beans!

Re: How to make sure undefined is not defined

dsimard — Thu, 15 Sep 2011 09:38:28 -0000

I don't know... maybe because it relies on a string. Maybe because of the typeof operator that I don't like because I always write typeOf instead. I just prefer other solutions...

Re: How to make sure undefined is not defined

DracoBlue — Thu, 15 Sep 2011 01:40:18 -0000

Hey dsimard, why do you consider it weak?

Re: How to make sure undefined is not defined

dsimard — Tue, 13 Sep 2011 13:10:00 -0000

thanks for noticing it!

Re: How to make sure undefined is not defined

strager — Tue, 13 Sep 2011 13:08:23 -0000

Note that `null == void 0` evaluates to `true`. Use `variable === void 0`.

Not to put down your method, but I haven't seen `void 0` used at all in the wild outside of 'academic' examples, and I think it'd be harder to realize what `void 0` is *actually* doing (given its baggage in `javascript:` URI's). `variable === undefined` and `typeof variable === 'undefined'` are the most common methods I see, and both work well. (It's a matter of style, in other words, except for one minor case.)