Any Books For Object Oriented Javascript
Feb 15, 2006Any websites or good books to learn real heavy object oriented javascript?
View 1 Replies
ADVERTISEMENT
Object Oriented Javascript Programming
Feb 28, 2003I just released javascript lib that really helps to develop robust and clear js-scenarios following the OOP directions. The library is compatible with wide range of browsers on different platforms, including Netscape 4.x, Netscape 6.x, Netscape 7.x, Opera 6, Opera 7, Mozilla 1.0, IE 4, IE 5, IE 6.
View 3 Replies View RelatedJavaScript Object-Oriented Programming
Nov 4, 2001Can someone tell me all the OOP's that can be made from javascript.
View 3 Replies View RelatedNew Object Oriented Design ?
Jul 30, 2011I was writing my classes in an old fashion until today when I came across a new design pattern. Javascript is not an established OOP like C++ or Java. It doesn't have any easy way to create classes and to make private/public methods or properties as well as class-constructor. But it could be done in many ways.
My old way of OO design in Javascript was like following:
Code:
Those who were trying to write constructor and access public vars from private or vice versa, you would have probably faced some minor difficulties. But it was doable.
Now, the challenge is how can we make things cleaner and better. Here's the procedure I came up with:
Code:
Object Oriented - SetChecked Is Not A Function?
Apr 10, 2009I'm pretty new to programming object oriented javascript and I'm wondering if I could get some quick advice.
Code JavaScript:
When I do checkAll(true), it checks all of the athletes, but, it throws an error saying:
Why is it saying setChecked is not a function?
OO JS And SoundManager2 - Wrap Around Object Oriented Js
May 9, 2010I will be the first to admit, I don't know much about JS and am just starting to wrap my mind around object oriented js. I have this small bit of code that has been giving me problems for days.
playlistItems[numItems-1] = soundManager.createSound({
id : songId,
url : $(this).attr('href'),
whileloading : player.whileloading,
onfinish: next
});
"next" is a function on the same object that playlistItems is defined on, but it doesn't ever seem to fire. I tried this.next as well, but it just gives me a runtime error....
JQuery :: Object Oriented - This.callMe(); Is Not A Function
May 29, 2010How to do this:
function MyObject(){
Error messages I am getting on above are: this.callMe(); is not a function callMe(); is not defined
The Timer Class, For Object-oriented Timeouts
Nov 27, 2002The problems with the setTimeout and setInterval functions provided in Javascript are twofold. First, you can't call a local object method without losing your scope, and second, you can't pass objects to the function, since the function call is implemented as a string.
The Timer class solves these difficulties by employing a static array to store the parent object and function arguments until the function is called.
This class is provided as-is and pro bono, so go ahead and muck with it if you see things that could be done better.
Thanks to WA for giving me the idea for this (albeit indirectly)!
Updated 4/18/2003: Footprint decreased, minor code improvements.
Updated 5/3/2003: Minor comment clarification; no code changes.
Updated 5/10/2003: Minor code improvements.
// The constructor should be called with
// the parent object (optional, defaults to window).
function Timer(){
this.obj = (arguments.length)?arguments[0]:window;
return this;
}
// The set functions should be called with:
// - The name of the object method (as a string) (required)
// - The millisecond delay (required)
// - Any number of extra arguments, which will all be
// passed to the method when it is evaluated.
Timer.prototype.setInterval = function(func, msec){
var i = Timer.getNew();
var t = Timer.buildCall(this.obj, i, arguments);
Timer.set[i].timer = window.setInterval(t,msec);
return i;
}
Timer.prototype.setTimeout = function(func, msec){
var i = Timer.getNew();
Timer.buildCall(this.obj, i, arguments);
Timer.set[i].timer = window.setTimeout("Timer.callOnce("+i+");",msec);
return i;
}
// The clear functions should be called with
// the return value from the equivalent set function.
Timer.prototype.clearInterval = function(i){
if(!Timer.set[i]) return;
window.clearInterval(Timer.set[i].timer);
Timer.set[i] = null;
}
Timer.prototype.clearTimeout = function(i){
if(!Timer.set[i]) return;
window.clearTimeout(Timer.set[i].timer);
Timer.set[i] = null;
}
// Private data
Timer.set = new Array();
Timer.buildCall = function(obj, i, args){
var t = "";
Timer.set[i] = new Array();
if(obj != window){
Timer.set[i].obj = obj;
t = "Timer.set["+i+"].obj.";
}
t += args[0]+"(";
if(args.length > 2){
Timer.set[i][0] = args[2];
t += "Timer.set["+i+"][0]";
for(var j=1; (j+2)<args.length; j++){
Timer.set[i][j] = args[j+2];
t += ", Timer.set["+i+"]["+j+"]";
}}
t += ");";
Timer.set[i].call = t;
return t;
}
Timer.callOnce = function(i){
if(!Timer.set[i]) return;
eval(Timer.set[i].call);
Timer.set[i] = null;
}
Timer.getNew = function(){
var i = 0;
while(Timer.set[i]) i++;
return i;
}
Here's an example of the code in action:
function Ticker(){
this.count = 0;
this.timer = new Timer(this);
}
Ticker.prototype.tick = function(d){
this.count+=d;
window.status = ""+this.count;
this.timer.setTimeout("tick", 1000, d);
}
window.onload = function(){
var ticker = new Ticker();
ticker.tick(1);
}
Books On Javascript
Jul 20, 2005I want to learn javascript which books would this group recommend?
View 1 Replies View RelatedEvents - Convert Some Procedural Code To Be More Object Oriented
Jul 9, 2009I'm trying to convert some Procedural code to be more Object Oriented and I'm stuck...
The page is really simple:
It's just a big picture w/ a caption under it, and a few thumbnail pics off to the side, that when clicked, replace the big picture as well as swap out the caption for a new one.
In the code (external JS file):
I've got 2 arrays:
One that holds the thumbnail image file URLs, and the other that holds the captions.
And a function:
I've created an object prototype that I can instantiate in order to:
1.) create the event: do the actual swapping of the thumbnail, and the changing of the caption.
2.) and attach that event to the thumbnail's link onclick event handler.
The code below is the closest I've come to making it work. The problem is that when I click any of the thumbnail links it only executes the last event instead of the one that corresponds to the link that was just clicked. Hopefully someone can take a look at my code and let me know what I'm doing wrong.
Simplified version of the code:
The x,y,z variable assignments are only in the window.onload function for the sake of clarity, but the event object instantiation block has to be in there for anything to work at all.
I know that the event0,event1,event2 objects work, and are attached to the onclick handler because they will swap the last thumbnail and caption when I click any of the thumbnail links. Of course that's the problem now... any click only activates the last event. It's like it attached the last event to all the onclick event handlers.
In fact, if I only create the event0 object, it works like it's supposed to... but when I create the event1 object, it does what it's supposed to and it takes over for event0. Creating event2 makes it take over for all of them. Each subsequent event# object seems to attach its own addy[ ] and caption[ ] to each previous x[ ] link.
What Books Cover Javascript?
Dec 5, 2006The only book currently endorsed by c.l.j. regulars is:
javascript: The Definitive Guide, 4th Edition By David Flanagan
ISBN:0-596-00048-0 (Also by David Flanagan: JavaScript Pocket
Reference, 2nd Edition. ISBN 0-596-00411-7 for language and API
reference alone).
http://www.oreilly.com/catalog/jscript4/
Best JavaScript Books And Sites
Sep 8, 2006I recently launched a question answer site that connects people with
problems to those with solutions. We let people with problems pay
solution providers $0.25 for problems in over 100 categories.
As part of our service we let people review past problems and also
provide resources for their own research.
Can anyone tell me (in their opinion)?
What are the best three sites for javascript information?
What are the best three javascript books they own?
Object Oriented Programming - Make A Round Corners Script
Feb 15, 2012I am trying to make a round corners script in object oriented programming method. This is purely for learning purposes.
The script is no where near complete but I am already having problems with it.
I am trying out the techniques described in 'David Flanagan ' text book 'JavaScript: The Definitive Guide, 5th Edition'
This code is called from html page which once working will place a round container around element
The selector parameter in Custom_rounded_container function is defined because only the else part of the if statement in Custom_rounded_container is executing. I put this in because few people at other forums thought the problem was because of the selector parameter being undefined.
External Javascript file
Round Corners Script In Object Oriented Programming Method
Feb 12, 2012I am trying to make a round corners script in object oriented programming method. This is purely for learning purposes.
The script is no where near complete but I am already having problems with it.
I am trying out the techniques described in 'David Flanagan ' text book 'JavaScript: The Definitive Guide, 5th Edition'
This code is called from html page which once working will place a round container around element
Code:
Javascript functions below
Code:
Object Oriented JS - OO Programming - Create Search Objects Or Arrays
Feb 10, 2011Trying to figure out OO programming for JavaScript and I'm totally lost.
Here's what I'm trying to do:
I'm posting search data to a PHP form to run a query on a database.
The structure is sort of like this:
So I'm thinking I need to create search objects or arrays. Initially, I thought I could do something like this:
Code:
This doesn't seem to work. It says object not defined whenever I try to do something.
I've also tried creating a JSON object like this:
Code:
This will allow me retrieve the data like I want to:
Code:
The problem is I can't figure out how to add data to the JSON object without manually typing it in. I need to be able to loop through form elements on my HTML page and set them to these variables. I'm using jQuery and doing something like this:
Code:
Object Oriented - Use "var Self" Technique
Dec 22, 2009I am doing a script, like:
I have anonymous function "xhr.onreadystatechange = function() {}" in the method "this.update" of an object that receives 2 arrays through AJAX. I need these 2 arrays to be assigned to this.images and this.folders, respectively, through this anonymous function. I try to use "var self" technique, but it doesn't work.
Ajax Books
May 6, 2006Im new to ajax and javascript (I have knowledge of ActionScipt, css, html, xml and php) so I wanna buy a good book for beginers. Do you know some title? I saw at amazon: Ajax in Action, Professional Ajax (Programmer to Programmer) and Foundations of Ajax (Foundation).
View 4 Replies View RelatedGet Good Script Books?
Apr 19, 2011At present I am reading Javascript for Dummies, no-one tut please! Can anyone suggest a good beginners book for javascript that is easy to understand but allows progression from nothing to competent (graphics welcome); which includes everything.
View 4 Replies View RelatedBooks / Video Tutorial About Learning JS?
Aug 24, 2009Can someone tell me how to learn JS? Can you recommend me some books or video tutorials? What is the best?
View 2 Replies View RelatedGood Books Or Information About DHTML Menu?
Jul 23, 2005Could someone advises me some good books or information about DHTML menu?
View 1 Replies View RelatedAny Articles Or Books Tell Internal Principle Of SetTimeout And SetInterval
Jan 17, 2011I wanna get some deep information about how browser implements the dispatch mechanism of events , native setTimeout and setInterval. Any books or articles reference it?
View 2 Replies View RelatedEmbed Google Books Results For Search Term In Website?
May 10, 2011I would like to embed the search results of the Google books search into my website. It should be like Google News elements widget supplied by google itself. I need to have results and not the custom search box.
View 2 Replies View RelatedCreate A Virtual Library - Make A Random Number Of Books Pop Out On Mouse Over?
Jun 7, 2011I have a background that is a shelf full of books, I wanted to figure out what I would need to do in order to make a random number of books pop out on mouse over (individually), and upon click have the book pulled out and be flipped through and read like a book. Would I have to recreate the library picture completely to make the random books moveable? And would I have to create the books that I want to move from the bookshelf?
how to pull the book out from the book shelf so that it looks like it's coming towards me and then to make it look like it has been pulled out. Would I need to use animation for this? What would be the parts to the animation required?
A little background on my knowledge of javascript: I understand the concepts of it and can understand it when I read it or its explained to me. I am looking to create something as simple as I can, I thought having a background and something basic like a few books be able to pop out. When I realized css couldn't do this and css3 wasn't supported by most browsers I turned to javascript and have been trying to figure out the steps I would need to do to do this specifically.
Program - User Must Enter Number Of Books And Price And Then Calculate The Total Cost Of Items
May 4, 2011I have a program in which a user must enter number of books and price and then calculate the total cost of the items, i have tried and tried to get it working to no effect can anyone see where i have went wrong.
View 2 Replies View Related<OBJECT>, Javascript And IE
Aug 8, 2006The IE developer toolbar's DOM inspector shows the OBJECT tag and the PARAM
tags inside it, and if I don't have the Javascript in an external file, I'll
get the "click here to activate" tooltip and the border around what is
supposed to be the Flash movie. If I right-click inside the border, I get the
Flash context menu. The movie just doesn't load.
<html><head><title>foo</title>
<script>
function foo() {
AXObject = document.createElement("object");
AXObject.type="application/x-shockwave-flash";
AXObject.data="flashtest.swf";
AXObject.width="200";
AXObject.height="50";
AXObject.style.visibility="visible";
var p=document.createElement("param");
p.name="movie";
p.value="flashtest.swf";
AXObject.appendChild(p);
var p=document.createElement("param");
p.name="quality";
p.value="high";
AXObject.appendChild(p);
document.body.appendChild(AXObject);
}
</script>
</head>
<body id="foo" onload="foo()">
</body>
</html>
Javascript Destroy Object
Jul 23, 2005Does Javascript supply a function that destroys an object? If so, is there a
dependancy on Javascript version?