Lets say I have this array:
a1 = [1,"2",new Array(2.5,3,3.5),4];
And I apply slice(0) on it, to create a copy:
a2 = a1.slice(0);
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?
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.
[Code]...
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?
View 1 Replies View RelatedI'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
Code HTML4Strict:
<fieldset>
<input id="foo" type="text" />
[code]....
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 have to stuff multiple objects in global var populated in a foreach loop and seperated by a comma.The loop is:
// GlobalG.objects;
$('.class').each(function() {
var title = $(this).text();
var src = $(this).attr('src');
[code]....
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;
}
[code]....
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'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:
function Two( x, y ) {
this.x = x;
this.y = y;
}
Two.prototype.sum = function () { return this.x + this.y }
Two.prototype.max = function () { return this.x this.y ? this.x :
this.y }
Two.prototype.min = function () { return this.x this.y ? this.y :
this.x }
Two.prototype.pow = function () { return Math.pow( this.x, this.y ) }
Now, I know I can get all "fancy" with the above and do either this:
Two.prototype = {
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 ) }
};
Or this:
function Two( x, y ) {
// Properties.
this.x = x;
this.y = y;
// Methods.
this.sum = function () { return this.x + this.y }
this.max = function () { return this.x this.y ? this.x : this.y }
this.min = function () { return this.x this.y ? this.y : this.x }
this.pow = function () { return Math.pow( this.x, this.y ) }
}
(The later seems to work without prototyping...!)
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 am trying to get 2 versions of the code below to run simultaneously on the same page (in different div tags), but with different pictures and timer. I can get both to work seperately so I know the code works, but when I put both on the same page only one works.
<script type="text/javascript">
var ultimateshow=new Array()
//ultimateshow[x]=["path to image", "OPTIONAL link for image", "OPTIONAL link target"]
[Code]....
What I'm trying to do is when I clic on a image, I make a copy and I can take this copy everywhere the mouse goes and put it in a specific area. But when I choose other image the last one disapear.This happens because I'm using the same object to display it, an <img> object inside of a <div> to make it able to move. I just changing the src atribute of <img>,so, my question is how can I make copies of the same image . Here is some of my
<div id="floatimg" style="position:absolute; left:0px; top:0px;">
<img id="test">
</div>
<img src="ball1.gif" id="ball1" width="50" height="50"
<img src="ball2.gif" id="ball2" width="50" height="50"
<img src="ball3.gif" id="ball3" width="50" height="50"
<img src="ball4.gif" id="ball4" width="50" height="50"
My javascript functions
function setobj(objeto){
if(document.all){
flagsetobjetos=objeto;
document.
}
}
function captureMousePosition(q){
var myobjeto=document.getElementById('floatimg');
var testid=document.getElementById('test');
xMousePos = event.clientX-50;
yMousePos = event.clientY-50;
myobjeto.style.left=xMousePos;
myobjeto.style.top=yMousePos;
testid.src=sourceobj.src;
}
My application is in php. i want to take a print out of the current page. I have done with the help of window.print(). That is working fine. But there is a copies field in the dialog. I want to take this value from my php or i should hide this field.
View 2 Replies View RelatedIs 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.
View 1 Replies View RelatedIs there a better way to extend object with internal objects?
$.fn.bestShow = function(s) {
var d = {
width: 0,
height: 0,
order: "numeric",
orderBy: "",
[Code]...
I have two grids, they both display buttons. One grid displays numbers, true or false and yes or no, and the other grid displays letters, true, false, yes and no.
The second grid is not displayed in the code (used css to not display second grid buttons (.answerBtns)) Now using the getButtons() function, if the user selects button "1" in first grid (the grid which you have to open using (Open Grid) link, then it should display button "A" in second grid, if user selects button "2" in first grid, then it should displays buttons "A" and "B" in second grid, if "3" then display "A", "B" and "C" and so on.
Now except using if statements and stating which buttons should be displayed and not displayed depending on the button chosen in first grid, is there a more efficent way of coding this so that the display of buttons in second grid depends on what is selected in the first grid?
If it is using an array can somebody show a sample of this in their answer. You can just do it for one example and then I should be able to use that to fill it for the other buttons.
I have a perl cgi form that has a popup_list. Based on a value that
is coming in from a database query, I want to either
1) display the value (from the databse) and let the user change it;
OR
2) display the value (from the database), but NOT let the user change
it.
I tried using javascript to disable the popup list, and that works,
except the form "loses" the value of the entry in the popup list.
Maybe "disable" is not the correct property I want to use. If that is
the case, what is it?
I am trying to get the X and Y coordinates to have a pop up form to use as reference, this is a shopping cart so the more items in the cart the further down the page the form needs to open,
i have this CSS:
Code:
#theFormDiv6 {
display:none;
position:absolute;
top:500px;
[Code]....
I am not real good at JS and I am trying to piece together things.
This works in IE but does not in Firefox, when I comment out the getMouseXY() call it works in firefox but obviously doesnt get the new Y value..
anyone know how to make this work in both IE and Firefox??
I'm using window.location.reload(true) to refresh the current page. It
works fine in IE but in FF it doesn't seem to work correctly. If I
view the page source, I see that it has been updated, but the display
isn't updated. What's going on?
I am trying to set a checkbox to true; but with no success, setting to false works. Here is the code;
$('#check:checked').attr('checked', false); // works great
$('#check:checked').attr('checked', true); // Does not work..
I also tried this
$('#check:checked').attr('checked', 'checked'); // also did not work
As a Sanity check i did this and it works fine .. document.getElementById("check").checked = true;
I'm building a web app the processes information into a DB. I'm attempting to write a JS validation page. On this page I'm also trying to make the button perform a submit only if the validation returns as true.
Somehow I would like to say if all fields are true then submit to submission.php.
I dont present this information right, Im trying to make the most basic array, where if the objects in the array are found I need to return a true false statement. I cant get it to return a True Statement at all. Here is my code.
var GROUPTAGS =new Array("HOT","Hot","hot","H.O.T");
var TEST1 = "APB-HOT";
CHECK_FOR_TAGS_1 = TEST1;
for(var i in GROUPTAGS)
[Code]...
I've setup a form on my website and added a simple validation script to check a few of the fields. After all the validations are done I want the submit button to process two other functions that will handle the submission of the form.
The problem is that if the validation returns true the script just stops and doesn't run the other two functions.
Here is my validation script:
Then on my submit button I have:
Got a timing issue with sending a URI string out to a server side script right before a client side form validation process returns true..The problem is that the return true gets called to quickly for the submission of the URI string to be completed.So my question is, might there be a way to mix a return and a setTimeout?
View 6 Replies View Relatedi am using the fightBoss() function to start run the main functions read the comment under[URL]when you get to the function useInventoryItemMS(item) the if statment gets stuck not sure if its before or after then but when it gets stuck theres a reload function purposly to stop the script from getting stuck but for some reason its not getting to the if statment to clear the queue to stop the reload and then do the next queue set in the if statement.
View 1 Replies View Relatedi have a select tag that has values 0 -5 what i want is to show a input field if the value is more than 0 below
[Code]...