i'm having a slight problem understand how to use this.myVar in an object. And I use prototype.
[Code]...
Does anyone know how I can use this.myvar within the function. I have tried binding and bindAsEventListener.But nothing I've done has been able to get the right value!
I have an object with a single Method to load content from a xml file. The problem is... how do I add a property to the object to store the data loaded?? I tryed adding a simple Array inside the object, but didn't work.
[Code]...
I have this web application where users are able to fill out and submit reports. The reports and scripts are part of a whole system, that is, they are used on a couple of different clients written in both vb and c#. This is the web-version of those clients.The scripting language is javascript and is executed using different script engines on the different systems. But for the web-version it is just executed in the browser.The different fields in the report can be accessed by typing:ID1.value. To get ID1 to apply for the input-field with id ID1 I had to in the initfunction of the page write a window["ID1"] = document.getElementById("ID1");
But my problem is when this element change. Cause in the report I have a special element that in the browser is translated to a table-element with a report-field in each cell.When I switch the current row, I need to update the window["ID1"] to equal the correct report field on the selected row. But when trying to access the new variable ID1 from a buttons onclick event it is undefined.<input type="text" id="test" onclick="alert(ID1.value);" />What I think happens is that when the page is first drawn the onclick event is created and as I understand, variables inside an event has the same value as when the event was created.
So if ID1.value was something when the page was created it will be the same when it is called even if the value of ID1 is different. And that seems to be the case. When I debug the page, before entering the event, ID1.value has the correct value while inside the event it is undefined and after the event it has the correct value. If I write window["ID1"] correct value is also shown.But a weird thing is that in another place in the code I had the same problem but instead of having the code inside the onclick event I first had a global function changeActiveRow and inside that I had an eval, eval(document.getElementById("ID1_script")) where ID1_script is a hidden element whos value is a script using ID1.value and that works.
I had a need for a two dimentional array. Looking for this solution, I
ran accross a statement than all Javascipt arrays were arrays of
objects. So I created a function prototype, at least thats what I was
calling it:
function objRow(vartype, varaddr1, varaddr2)
{
this.type = vartype;
this.addr1 =varaddr1;
this.addr2 =varaddr2;
}
Next I did:
var myobject=new objRow("1", "1234 Main St.", "Apt 101");
At this point I was able to see myobject.addr1 or any other variable in
the object instance.
Now I added this object to a table.
var aryTestTable= new Array();
aryTestTable[0]= myobject;
At this point I could see
aryTestTable[0].addr1
Next I tried an additional object
myobject=new objRow("1", "1234 Main St.", "Apt 101"); //with
different data
And added it to the table
aryTestTable[1]= myobject;
Where I could see:
aryTestTable[1].addr2 or any other variable.
so far so good. Then I started the actual application code where I was
reading a database table and creating the objects and adding them to
the table. This was in a for loop wherein the myobject=new objRow("1",
"1234 Main St.", "Apt 101"); was instantiated.
After the for loop was finished, I could not access the data in the
table - undefined.
So my questions are: Have the my object instances popped off the stack?
and What is the alternative way to implement this table of rows of
values.
I will do my best to explain this one and sorry if the title isn't that great. I am trying to write a javascript object and it is my first time, so it isn't that great and of course I have trouble.The object is suppose to populate a dropdown (popMake()) and then add an onchange event (checkValue()) to it. It seems to do this fine but when the select box is changed, I no longer have access to object, it's parameters, etc. In checkValue I don't have access to this.currentMake which was just set or anything (already said that).I believe it has something to do with scope (possibly closure, but I didn't see how it would fit her). So how can I do something like this and still have access to the object after the click?Code below:Code:
window.onload = function() {
var mm = new makeModel();
mm.popMake();
[code]....
I'm having trouble getting the following code to work properly. Every time I try to access the private testing variable from the priveleged MyMethod it gives an error. Says it can't find testing and that it has no properties so I can't run a push() command on it.
function MyClass()
{
var testing = new Array();
// define the method
function MyMethod()
{
this.testing.push("hello");
}
// make the method priveledged
this.MyMethod = MyMethod;
}
// a test function it ensure the variables declared here are isolated
function Start()
{
var myClass = new MyClass();
myClass.MyMethod();
document.write("[" + myClass.testing + "]");
}
Start();
I'm a little puzzled over the possibility of accessing an array. I've declared the previd id - in the proxy.invoke call which works just fine (we have already implemented an .each loop which also works. My problem is this - after accessing the proxy.invoke function, the previd is populated correctly with push but after the call, we cannot seem to access the previd array to make a join to a string. Here's the basics of the code.
var previd = [];
proxy.invoke("validdateIDCard", p_caregiverid,
function(validaterID) {
var valcard = validateID;
previd.push(valcard);
}, onPageError);
var finalvalue = previd.join("|"); <-- this is where the problem lies - cannot seem to read the variable...
I'm a newbie to JSON and have been trying to parse some data and send it to a function that writes some html. I can do this in IE, but I can't get it to work in firefox. Code:
View 9 Replies View RelatedI created this code for a sliding panel and it works well. But I'm struggling to take the object oSidebar out of the global scope. I would prefer that it were a property of the clicked event object. That is, I want to be able to use 'this.oSidebar' within the click event. I've posted the whole page here along with the click image.
[Code]...
I am making a small gallery script. When a user clicks an image, I would like for a function to be called that tells the browser where that image is located in an object. For example:
[Code]...
It works, I just don't like it because it is messy and it seems sensible that some workaround exists.
I have another assignment where I have to make a few number games. I have done the rest of the program but I am stuck on writing this function. My problem is it asks to add the pattern to a string each time the loop completes. I dont get this. I understand this can be done using an array but we are asked not to use an array.
[Code]...
I have a loop in Javascript, I want to run console.log() in a specific iteration, and then terminate. What is the best method to go about doing this? I'm wanting something like Perl's
die Dumper @foo;
I know that it may be better to use the .each() function for this but I can't figure out how to iterate over elements that or not children or siblings of $(this). I have this code, and it works fine:
$('#button1').hover(function(){ $('#pres1').css('opacity',1.0).siblings().css('opacity', 0.0); });
$('#button2').hover(function(){
[Code].....
But that doesn't seem to work for some reason. I can't figure out why (still early days in JavaScript for me).
I have this source code (I get "data" via AJAX / JSON and it has the properties person.id and person.lastname).
[Code]...
I searched for sorting them in an alpabetical order. I saw solutions, fetching the whole data, but I am rendering the HTML ul list, so perhaps there are better ways to sort it? Or is it necessary, first to push all the li's to the ul? Isn't there a jQuery basic function for it?
I have created an object called list. the object has a method called load and a method called setSelected (it has more, but they arn't impotant here).
The load method prints out table rows like this:
str+="<tr>"+data+"</tr>";
and in the end, inserting str as the body of a table.
what I want to do now, is have an onclick event for each of these table rows, that calls the setSelected method of the current object. so for example, if I'd write this on my page:
mylist = new list(args...);
mylist.load();
<div id='associated-div'></div>
that if someone clicks a row in the table that is created in the div, the setSelected method of my list oject will be called.
I can't set onclick event properly for OBJECT (flash) element properly. onclick just don't bubble outside flash object. Could this be caused by AS getUrl() function?
I tried to attach thru .htc, tried transparent IFRAME on top of object, etc. Nothing seems to work.
Is there any reasonable way to attach onclick to OBJECT element or flash movie by using JS or plain HTML? Should I do something for event bubbling?
I would like to know if there is a simple way to show all elements of that variable?
var collectionElements = {
teste: {
var1: 'teste[]',
[Code].....
With this function my firebug Console outputs only the last object(3th node) with its child object.
I get a XmlHttpRequest responseText from a AJAX JSON call. This is a string. I created an example:
var testString = "{'desc':'text1','name':'text2'}";
$.each(testString, function(key, value) {
alert(key+': '+value);
});
[Code].....
Instead I get every char of the string each in one alert message. How can I transform the String to an Array, or get in this case the two key-value pairs?
For a site, I am making a listing object. What it does, is it fetches rows of data from a serve using JSON. The object has a method called loadlist.to print out the data it now does something like this:
str="";
$.each(jsondata,function(){
str+="<tr>";
[code]....
Ok. How about if I create a new object?
how to create a new object each time there's a new onclick event?
I am creating an application that uses as much Object Oriented code as I could (mostly to learn it).
I have an object called 'photo' that contains two Image() objects 'fullImage' and 'thumbnail'. All is fine and dandy, I can read the thumbnail and the full image, and their associated properties just fine.
But what I can't seem to do is make the thumbnail's onclick event refer to one of the object's methods.
Here is a greatly simplified version of the object's code.
Code:
So, the thumbnails div gets populated with the thumbnails fine. But for the life of me, I cannot figure out how to make the onclick call the photo object's "editPhoto" method.
Will the way that I am creating the objects using the same name for each one, result in only the last one created being accessible. If so, do I need to create an array of objects so I can uniquely identify each one?
Below is the code that is using the name FFF in various places. The effect of all this is that the onclick function is not executed. I would expect a pop up alert when clicking the submit button. This only happens if I rename either the form id or the js variable. Can anyone explain what is going on here ?
[Code]...
I have looked at the various posts about setting onclick in IE and I cannot see any that exactly describe the problem I am having.
Firstly I am not trying to set onclick by calling setAttribute, which most of the posts describe. I am simply assigning a value to the onclick attribute of the element, which those posts seem to imply.
Specifically I am getting "Object doesn't support this action" on the following line:
editButton.onclick= editCitation;
editCitation is already a function, so I do not see why I should have to wrap it in an anonymous function wrapper to get IE to permit the assignment.
Probably covering well trodden ground here but so far I haven't found any reliable solution and "it can't be done" seems crazy. Here goes:I have some Flash and non-flash banners that are to be embedded into my page - all managed by a simple CMS. The Flash movies are not created by me as they are for 3rd Party advertisors, and I do not want to be doing any Flash programming myself as it's not my thing and I don't have the resource to do it. As with the JPEG/GIF files - I just want to be given the file and then embed it.
What I want to do is produce some MI based upon when the various banners are clicked - things like how many clicks and who clicked them (users are logged into the web site so I can track them). Simple enough for JPEG/GIF banners capturing the onclick event but for Flash it seems that the Flash movie prevents (or overrides) the onclick event from registering.This seems crazy! I want my application logic (in this case logging user activity) to be independant of the media content - especially as I am not in control of the media content.Googling and experimentation shows that for IE I can seemingly use "onfocus" but this is not very satisfactory and of course I need a cross browser solution.This seems like such a simple concept that at the time of specifying the requirements it didn't occur to me that this might not be possible.... but it seems that I may be wrong!
I am trying to assign values to a bunch of form fields. However, I don't want to loop through EVERY field in the form, just a specific subset of fields. The fields I am trying to change are all named similarly myField1, myField2, myField3.So, my thought is that I would like to use a for loop and loop through the appropriate fields by simply incrementing a variable and appending it to the end of the string "myField" in order to change the appropriate field.How can I evaluate "myField + iterator" into a useable reference to change the value of said field?
View 6 Replies View RelatedI wish to automate the population of a page by prefilling form values such as select boxes as well as fire off the change event after the value has been set. However there are at least 3/4 select boxes on one page which need populating automatically.
This works fine for the first element but not for subsequent elements all in one go when use the Trigger method of Jquery.
e.g.
$('#category').val(5);
$('#category').trigger('change'); <-- stops here.
$('#unit').val(8);
$('#unit').trigger('change');
The change event on category seems to break the flow and does not pass control back to carry on the order of processing.
