Classes Inheritance Problem

Jul 23, 2005

I've discovered the following problem while building an APP:

/* Code Start **************************/
// Definition
function cClass_prototype_prototype()
{
this.array = new Array;
this.className = "cClass_prototype_prototype";
}

function cClass_prototype()
{
this.className = "cClass_prototype";
}

cClass_prototype.prototype = new cClass_prototype_prototype;

function cClass1()
{
this.className = "cClass1";
}

function cClass2()
{
this.className = "cClass2";
}

cClass1.prototype = new cClass_prototype;
cClass2.prototype = new cClass_prototype;

oClass1 = new cClass1();
oClass2 = new cClass2();

// Testing

alert(oClass1.array)
alert(oClass2.array)

oClass1.array.push(1);

alert(oClass1.array)
alert(oClass2.array)

/* Code End ****************************/

If you will execute this code you will see that pushing an value into
the first class instance array property cause changing value of the
second class instance array property.

Is it possible to have array values not connected to each other?
I would like to avoid defining "array" property in cClass1 and cClass2
(in this case it would work the proper way) and have them defined only
in third-level parent class cClass_prototype_prototype.

View 2 Replies


ADVERTISEMENT

JQuery :: Classes - Objects And Inheritance ?

May 28, 2010

Basically i have a good experience and knowledge with prototype.js library and also at the same time i am willing to get deeper into jquery.

I very much use oops concept now a days in almost every problem i solve using javascript, and was doing with prototype's feature to create classes and objects. Since i am now looking to get deeper into jquery, i was looking to find similar feature in jquery as well. I suppose jquery must be having a feature to create classes and do inheritance programming, but i couldn't find the way. My question to the forum is, Is there any option/feature in jquery which helps us to create classes and objects of our own probably with the support of inheritance?

View 2 Replies View Related

Prototype Inheritance

Mar 4, 2007

In my research in the javascript language I have encountered problems
with implementing prototype inheritance while preserving private
methods functioning properly. Here is an example: Code:

View 2 Replies View Related

Inheritance Question

Mar 3, 2005

Suppose I have:

Code:
function A() { ... }
function B() { ... }
What's the difference between:

Code:
B.prototype = A
and

Code:
B.prototype = new A
?

View 5 Replies View Related

Inheritance Issues

Aug 17, 2006

Let's consider this example:

function Polygon(iSides) {
this.sides = iSides;
}

Polygon.prototype.getArea = function () {
return 0;
};


function Triangle(iBase, iHeight) {
Polygon.call(this, 3);
this.base = iBase;
this.height = iHeight;
}

Triangle.prototype = new Polygon();
Triangle.prototype.getArea = function () {
return 0.5 * this.base * this.height;
};


Here are my questions:

1/ "Triangle.prototype = new Polygon();" : Doesn't this line overwrite all the properties already defined in the Triangle function?

2/ "Triangle.prototype = new Polygon();" : Won't this same line assign this.sides an empty string (or undefined ??) if one considers that the polygon function has no arguments? Or does writing ...prototype = new SomeClass() only "touch on" the methods?

View 2 Replies View Related

Noodle With Prototypal Inheritance?

Jul 30, 2010

please bear with my noobishness, but i've been trying for many hours to understand what is going on behind this code:

[Code]...

actually construct an instance of Employee if the reference to its constructor has been replaced by an instance of Person that only contains name and age properties? how is Ken ever initialized by Employee constructor?

View 1 Replies View Related

Object's Prototype Variable Inheritance

Aug 29, 2006

I'm looking to do something like this:

function superDuperObject(range) {
this.startContainer = new superDuperObjectStartContainer(range);
}

function superDuperObjectStartContainer(range) {
this.calculatedContainerNumber = doSomethingAndGetSomethingBack(range);
return range.startContainer
}

function doSomethingAndGetSomethingBack(range) {
return
someCoolInformationThatICalculateInThisFunctionTha tNeedsTheRange;
}

var myObject = new
SuperDuperObject(DOMRangeObjectThatIDefindedEarlie rInCode);

// Show me the startContainer of
"DOMRangeObjectThatIDefindedEarlierInCode"
alert(myObject.startContainer);

// Show me the calculatedContainerNumber that I get from a function
that does stuff with the range passed to it
alert(myObject.startContainer.calculatedContainerN umber);

View 1 Replies View Related

Benefits Of Prototypal Inheritance Over Classical?

Dec 29, 2010

What are the benefits of prototypal inheritance over classical inheritance?

View 1 Replies View Related

Failure Of Inheritance From A Style Statement?

Oct 20, 2009

The first div in this example has the position property stated in the div itself.
The second has it stated in a separate style statement, and it doesn't get inherited, though another property from the same style statement DOES.

Firebug makes no complaints.

Is there a better way to refer to the jquery library files, so that you don't have to fix my pointers to my local library?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>

[Code]....

View 2 Replies View Related

Inheritance : Access To The SuperClass' Methods Via Prototype

Sep 20, 2005

What I am trying to achieve is an 'inherits' method similar to Douglas
Crockford's (http://www.crockford.com/javascript/inheritance.html) but
that can enable access to the superclass' priviledged methods also. Do
you know if this is possible ?

In the following example, I create an ObjectA (variable a), an ObjectB
which inherits ObjectA (variable b) and an ObjectC which inherits
ObjectA (variable c1). The 'toString ()' method of ObjectC refers to
the 'toString ()' method of ObjectA. This is possible because the
'Object.inherits ( superClass )' method adds a reference to the
superClass of an object in the object's prototype.

If I understood things correctly, the prototype is the same for all
objects of class ObjectC. Therefore, I should be able to only add the
reference to the superClass once. That is the purpose of the
'Object.initializedPrototypes' array : it keeps track of the objects
for which a reference to the superClass has been added to the
prototype.

However, when I create another instance of ObjectC (variable c2), its
prototype doesn't contain any reference to the superClass.

A workaround for this problem consists in adding a reference to the
superClass for each instance of the inferiting object (either by
bypassing the check to Object.initializedPrototypes or by adding the
reference to a priviledged member such as 'this.superClass' instead of
'this.prototype.superClass'). However, in terms of memory usage or of
"programming elegance", this seams to defeat the whole purpose of using
prototypes.

Here is the code, if any of you have got ideas...

View 2 Replies View Related

Resolved Inheritance And Nested Objects (non-DOM Related)?

Nov 17, 2009

I posted this once, but it disappeared, and I have no notifications that I did anything wrong. I read the rules before posting and wasn't breaking any so I am not sure why it disappeared but here goes again.

I am trying to learn Javascript (particularly OOP) from a series of screencasts by Douglas Crockford. I have developed a theoretical "game" to build to illustrate it to myself better, and learn by example.

I must be misunderstanding how inheritance works, because my code is not producing the results I thought it would. Here is what I have, followed by an explanation of my understanding. $(function()

[Code]...

View 11 Replies View Related

Using Classes

Aug 12, 2003

I know you can reference certain elements buy its ID many different ways! Is it possiblle to do the same with class names? I know I have seen javascript manipulating class names somewhere, .className or something?

View 18 Replies View Related

Listing Of All Element's Classes

Jun 28, 2006

How can I get a list of all the css classes applied to an element?

document.getElementById("someelement");
someelement.?(classlist)... blah

View 5 Replies View Related

JQuery :: Cannot Differentiate Between Classes?

Jul 6, 2010

I am building a menu system and I cannot seem to differentiate between the different class elements in my menu. My problem is that when I click on one of the 'buttona' elements, all the ul's with 'effect' fire - does anybody know how to differentiate so that if the one li is clicked just thecorrespondingul with open and close?

<ul> <li><a class="buttona" href="#">Application one</a>
<ul class="effect"> <li><a href="#">Add</a></li> <li><a href="#">Edit</a></li> <li><a href="#">View</a></li>

[code]....

View 1 Replies View Related

JQuery :: Use Variables While Using Css Classes?

Jul 22, 2010

I want to use variable names while accessing css classes. Here I am giving example about my query

function ab(temp){
var spc = "horizontal"+temp;
$("#spc .cssClass").css("left","20px");
}

variable temp will change dynamically. as per temp we need to acces horzontal1 or horizontal2 divs.

View 2 Replies View Related

JQuery :: Get The Tabs To Use Different Classes?

Jul 21, 2009

I am using nested jQuery UI Tabs in my application. My problem is that I want to style them all differently. I can't seem to get this to work, as they all seem to use the same CSS classes.

Is there some way to get the tabs to use different classes, or some other way to do this?

View 3 Replies View Related

JQuery :: OK To Modify CSS Classes Through It?

Oct 21, 2010

We have a need to modify the actual css style definitions dynamically.We can successfully modify css class styles via the following steps. It seems to work fine in ie and firefox.

Does anyone know of a reason it might cause problems?[code]...

View 8 Replies View Related

JQuery :: Using UI Dailog With Classes Not Id?

Feb 8, 2011

I saw the ui dialog

here is the link[URL]...I tried to use the same it worked the example uses id which will work only for one element , if I want to display multiple diaglogs then id will not work and I have to use classes

[Code]...

View 3 Replies View Related

Switching Between Two CSS Classes Via Onclick?

Dec 11, 2009

I have a navigation pane with 4 links. Two of these links show collapsable submenus. When one clicks a link, I want the CSS class of that link to change. For the two "real" links, I've just changed the class on the page itself. For the two collapsible menus, I'm trying to employ javascript.Ultimately for these two links, I want the class to change when clicked, and change back when clicked again.Here's the code for the page:

<div id="navigation">
<ul>
<li><h3><a href="javascript:;" onclick="changeclass(this);" onmousedown="toggleSlide('slidemenu');" class="colmain">COLLAPSIBLE MENU[code]....

1. Seeing as I've been working with javascript for a grand total of six days so far, could you explain the best way to make my code work? What's the significance of colstatus=obj?

2. The javascript works if I leave out the else statement. It will change the class after being clicked, but, of course, doesn't change it back. However, if I click the other collapsible menu, it will change as expected, but the first will revert back to the original class. Why is this happening?

3. Seeing as the code is adopted, I have no idea what /*<![CDATA[*/ and /*]]>*/ mean. Would you explain?

View 2 Replies View Related

Target Certain Classes In An Array?

Jan 10, 2010

In the exercise I have 5 elements (lets call them input fields), 3 of which I have given a class of 'red' to. What I can't figure out is how I select just the input tags with the class='red' attribute on them by using the getElementsByTagName. I understand that getElementsByTagName puts all the elements into an array, but how do I target the ones just with the red class?

I'm sure there is a way of doing it using the className property but I can't seem to get anything working?

View 6 Replies View Related

Select Elements That Don't Have Certain Classes?

Mar 19, 2011

I have a jQuery script that changes the background color of odd rows in a table. If a row has class "new", though, it won't change it:

Code:
$(document).ready(function() {
$('tr[class!=new]:odd').css({'background-color':'#ddd'});
});

Is it possible to specify another class (together with "new") to which the script should not change the color? If yes, what's the syntax?

View 2 Replies View Related

Alternate Table Row CLASSES

May 9, 2005

There are lots of JavaScripts and PHP scripts for making tables with alternating row colors. I'd like to know if there's a way to use JavaScript to give a table alternate row CLASSES.

My ultimate goal is to cut down on the html and gain more control over my table. I have a PHP script that gives me alternate cell colors, with different colors in each of two table columns. But it's just too complex to work with. Code:

View 3 Replies View Related

Getelementbyid And Classes - W3 Compliance?

Mar 4, 2007

I've been working on a javascript function to read one of my html classes and then adds another duplicate class to the html. It's working now but the problem is that im using gelementbyid. So i have to change what i would like to specify as a class as an id. Which is not very standards compliant html. Is there any way around this? Code:

View 15 Replies View Related

Classes In Javascript Using Prototype Library

Feb 9, 2006

I've been using the prototype.js library[1] to create classes. Something like:

var Sortable = Class.create();
Sortable.prototype = {
initialize: function(element) {
//...
},
// more methods...
}

All of my methods are instance methods. What is the tidiest way to
create class methods and variables?

View 6 Replies View Related

Mouse Events, Classes, Handlers

Feb 17, 2006

This below would be my ideal code.... if it worked.

<html><head><script>

function mouseDownClass(o){

this.o = o;

this.handleMouseUp = function() {
alert(this);

}
//treating this section as the constructor (which sets up the mouseup
listener as the method of an instantiation, ideally)
document.body.addEventListener("mouseup",this.handleMouseUp,false);

}

</script></head><body>

<button id="b1" onmousedown="new mouseDownClass(this,event)">Down
-&gt; Up</button>

</body></html>

alert() is showing 'this' to as: [object HTMLBodyElement] whereas i'm
looking for it to show [object Object], (On Firefox at least),
referring to the object instantiated when the mouse goes down on the
button. I'd appreciate anyone who can help me here?

View 1 Replies View Related

JQuery :: Adding And Removing Classes?

Apr 10, 2010

I need to remove class to prevent triggering of click function for elements

Have:

<script type="text/javascript">
$(document).ready(function() {
$('.item1').click(function(){

[code]....

second click on element "blabla" triger again click function. why?

View 6 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved