ok, so I can make an object, I can also make a new instance of that object and have it running around the screen at the same time.What I'm a bit confused about is how to go about things when I want X number of these objects.So instead of making objects seperately I need a loop. Instead of referring to each object seperately every time I want to redraw it, I want to loop through all instances of the object.Except I can't quite see how one goes about doing this.
for (i = 0;i <= 10; i++) {
var dot + i = new Dot;
}
As they all have the same property set but with different values I thought I'd try creating a servo object, the create an array of servo's but I don't think I'm getting anywhere fast. Heres what I have
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN" "http:www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> [Code]...
Once this is done and I've got all the servo objects created with their properties, I'm hoping to be able to search for all servo's with a set property i.e all servo's with servo.application = 1 would that be possible, if not I geuss I'd be wasting all our time trying to create classes I can't use the way I'd like.
I have a tab compopenet object that works by passing a dom element to a constructor... which then finds all the relative elements to that element using .find() and adds the necessary behaviour. Now, since I have multiple tab components on the same page, I'm using each() to iterate through the dom elements and pass each into the tab component constructor function.
But this isn't a true copy. If I go a1[2][1] = 42, and then alert(a2[2][1]) I will see 42 there too. I'm doubting, but I was wondering if there is a general solution to this problem?
I have a tab compopenet object that works by passing a dom element to a constructor... which then finds all the relative elements to that element using .find() and adds the necessary behaviour.Now, since I have multiple tab components on the same page, I'm using each() to iterate through the dom elements and pass each into the tab component constructor function.[code]This works fine for my purposes, but after running my code through JSLint and researching here (URL...), I've been made aware that I'm pretty much throwing these objects away, since I'm not assigning them to a variable.My question really is; is this particularly bad practice under the circumstances? If I assigned the object to a variable within .each(), I'd surely be overwriting that varibale with each iteration and essentially doing the same thing?
I've got an input with a value. The input is called 'command2' and I want to send it's value to the 'rover2' object (although I don't know if that object exists yet). I test and say if(rover2){... and if not then I create the object/if so then I insert the value.Question is: I want to do:Code JavaScript:var rover2 = new Rover();but I want to pass the name of the new object by association, so in effect:Code JavaScript:var "rover"+i = new Rover();How would you do that? So that the objects and their names are generated dynamically (or [perhaps a better explanation] so that the string value of a variable can be used as the name of new variable/object)?PS Bonus marks: If I hold HTML fragments as an object and those fragments include inputs, is the value of the input collected as well? i.e. if I have
if I am loading content into a div using the get feature of jquery, and that content has some clickable objects in it will jquery recognize those as well? What I am doing is building a site that tracks bugs on our software. The site pulls the bugs from a mysql db and displays in a table format. There's an edit link which passes the record id number of that bug (via ajax) to a php file, where a form is filled in with the bug data and passed back, a hidden div is then shown with the form in it. Part of the code I pass back has a submit button and a close button (css styled anchors) and I'm using the same process on them as I am on the edit link but not getting any results. My script looks like this:
<script src="js/jquery.js"></script> <script language="javascript"> $(document).ready(function(){ //hide edit form
[Code].....
how it works. Does it sneak peek the page after it loads and get all the objects into some sort of array? I'm thinking it is doing that and because I am adding other object through AJAX it is not seeing those, since the page is not being reloaded.
I am creating a frogger game. When the frog image collides with a vehicle image, I wish for the frogs position to be reset back to the start. Here is my code which is currently not working:
Code: // Frog Collisions: (CURRENTLY NOT WORKING) var cvehicle=new Array(0, document.getElementById("car1"),document.getElementById("lorry1"),document.getElementById("car4"),document.getElementById("lorry2"),document.getElementById("car2"),document.getElementById("car3"), document.getElementById("lorry3"),document.getElementById("car5"),document.getElementById("car6"),document.getElementById("car7"),document.getElementById("car9"),document.getElementById("car10"), [Code] .....
I am trying to create a javascript code in which I prompt the user for a number (an integer from 0 to 100) to search for, then search a function with the number they entered and then display whether the number was found, and if found, a location where it can be found within the list.
I've been pretty infatuated with JSON for some time now since "discovering" it a while back. (It's been there all along in JavaScript, but it was just never "noticed" or used by most until recently -- or maybe I should just speak for myself.)
The fact that JSON is more elegant goes without saying, yet I can't seem to find a way to use JSON the way I *really* want to use it: to create objects that can be instantated into multiple instances without prototyping. I've seen (and used) JSON for singleton object instances -- this not a problem and this is how it works right out of the gate.
But given the following custom object written the past "normal" way, I would like to write it in JSON format, and then be able to create new instances from the one definition. Here's an example using the "old way" most who have been writing JavaScript for years have seen:
But neither are really as close to pure JSON as I would like, so that I can instantate those:
var hisPair = new Two( 11, 22 ); var herPair = new Two( 33, 44 );
What I'd like is a way in PURE JSON to be able to create the Two class (as an example) using pure JSON. I've not seen anything yet on the web that addresses this directly aside from some pages which require you to include another JS to allow "deep embedding" of classes using other helper "classes" (that are created the "old way" it seems), etc.
The best I've found so far on using pure JSON to create a class that allows *multiple* instances is something like this:
function Two( x, y ) {
var class = { x : x, y : y, sum : function { return this.x + this.y } max : function () { return this.x this.y ? this.x : this.y } min : function () { return this.x this.y ? this.y : this.x } pow : function () { return Math.pow( this.x, this.y ) } };
for (var element in class) this[element] = class[element];
}
Now *THAT* works, but it's still not as "pure" I would like. But it's acceptable for now, I guess, since I *am* creating the entire "class" as a JSON object, and I consider the outside function "wrapper" as the necessary "constructor." But I keep wondering... There HAS to be a better way.
I'm just wondering if anyone knows of a place that discusses JSON used in situations like the above. Again, I've seen an ABUNDANCE of pages and sites that discuss JSON in Singleton usage, but nothing that discusses it as I am wanting here.
I have a parent window that potentially open a lot of pop windows(let call them children windows) from different page on the parent. Over time, those children windows can add up on the screen if the users don't close them manually. What I'm looking to do is I want to have all the children windows closed itself when the parent windows is closed by either X it out or close by the window.close method in the parent window. I know every children windows has it own window name. What I could do here is look for those children window names then close it using a script in the parent window. But the challenge is, I don't know which windows are opened when the user about to close the parent window. I would get a object not found error if i reference a none existent children window name. I want to avoid that error. I want to know all the available pop up windows at the time when the parent window is about to close then close them out. Does anyone have some ideas?
I'm developing a simple CMS and working on a backend now. I want each, lets say, article to have a slideshow editable through a backend site. I created a list of images loaded using PHP from a MySQL database - they are <img> objects in a single <div>. To each <img> belongs a small <div> containing 3 <a> objects formated as buttons: move up, move down, delete (the order of images does matter). This is how it looks like:
When JQuery initiates an action (e.g. an Ajax PUT) it sets up a callback to handle processing the event when the time dependent action completes. Since the callback operates as an independent thread, it cannot return to a calling routine via the "return" instruction. Is there a way to preserve the context somehow to return to a calling routine? Perhaps another type of callback event?
Is there a way in Javascript or Jquery to return an array of all objects underneath a certain point, ie. the mouse position. Basically, I have a series of images which link to various web pages but I have a large semi transparent image positioned over the top of the other images. I want to find the href of the background image that the mouse pointer clicks over.
var newRow =document.getElementById('tbl1').insertRow(1); // shows correct HTML as expected alert(document.getElementById('tbl1').getElementsByTagName('tr')[2].innerHTML);[code].....
Click "other information" in the left, first it's work good. But when I refresh and click "other information" again, I got javascript error: unknown exception.
I'm fairly new to Javascript. I am modding a script for an Event Calendar (view), and am running into a problem in IE.
What I want to do is, when the user clicks on a date that has an event attached to it, the event information is displayed in a div below the calendar. I've used a switch() statement, and have gotten it to work the way I want in Firefox, but IE gives me an error. code...
This is where the event description then shows up.
I am attempting to load an unknown number of images (from 0 to 6) from a website. The images will always be in a specific format, in a specific location and so on - but the page will never know how many images there are ahead of time.I've managed to cobble together the code below to work, *sometimes* and only in IE. I know, right?Does anyone see what's wrong? Is there some obvious reason that most of my code just doesn't run in firefox, ever? (online or locally) Is there a reason only the writes inside functions are called in chrome?Why, why does this prevent the rest of the page around it from loading?
