I have an object, "A", which contains another object "B", as an attribute.
How do I get a hold of Object "A" from within "B"? i.e. I need to refer to the object that B is stored inside from within B's code. Is there some superclass equivalent of 'this' that I don't know about? ('parent'?!)
Consider the following simplified example javascript code...
What's the "best" way to write that onclick method in its current context? I can think of a few ways to do it -- but they all seem fairly "dirty."
Have I gone stupid?
I'm using closure to make a function return an object in the form of the literal.
function myFunction() {
return {
a : 'foo',
[code].....
I have a user-defined object being used in a webpage, let's call it Bob. We instantiate bob, like this :
Objname = new Bob();
Now, of course, 'Objname' refers to the new Bob object. Here's my problem: when Bob is initially instantiated, it's created containing code that refers to itself. Specifically, it contains static text that refers to elements of itself. The problem is I need to get a hold of the actual text 'Objname' in order to do this.
This is all very abstract, but I can't really divulge any details without hitting you with a huge amount of code. Still, I hope my problem is clear. And, I (really!) don't want to instantiate Bob like this:
Objname = new Bob('Objname');
since it's really ugly. Any suggestions...?
I have the following code:
A = {
"value": "a",
};
B = A ;
B.value = "b";
alert (A.value); // => b
I expected A.value to be "a". how can I change values of a new object, without changing the parent-object?
I have an HTML page loaded into an iFrame contained in a DIV tag. From the loaded document how would I reference the DIV object?
View 2 Replies View Relatedtake a look at the following source,
jQuery.fn.extend({
colorbox : function (option) {
// do some thing;
};
});
var cb = jQuery.colorbox =
[Code]...
code below the function set() to the keyup event for the class "Labels". the function checks to to see if the key pressed was chr(13), if it is not, MyIndex called, and this all works fine. When a chr(13) is detected the function set(this) is called.Inside function set(this) I need to get the name of the object's parent name, but can't figure it out.[code]
View 1 Replies View RelatedI have a setup where I need to get the function calling a function, which works fine, I just use arguments.callee.caller.Now I need to take it a step further and get the object that the function belongs too.
For example in a onclick="parentObj.someFunction()"
parentObj.someFunction calls some other function. I need a way to know that parentObj was involved, just getting someFunction isn't enough because parentObj has properties that are used in someFunction. To make it more interesting lets say I can't pass any more parameters to someFunction, so I can't pass parentObj into it as an argument.
I have an error when I try to make:
CustomObj =
{
is_all : Compatible(),
Types :
{
PASS : CustomObj.as_all ? "ok" : "onok",
...
...
...
but in an object literal notation I cannot use a parent object
variable? or
can I do to create a global variable inside my parent class
(CustomObj) and
than to use in my children objects like Types?
I've created an object with properties and methods. The object is associated with a form. The object iterates through the form and finds any inputs that are required. It then uses each to apply validation to each of the found inputs. From within each(), I need to access properties and methods of the parent object, but now this refers to the current collection object. How do I access the containing object?
View 1 Replies View RelatedI am developing a web application with full of independent widgets in form of iframes. I would like to avoid embeding jquery (and jQuery UI) in each iframe's head to reduce number of requests and want to use the libs from the parent window instead. In iframes' head I tried the following code:
window.$ = window.content.$;
window.jQuery = window.content.jQuery;
Well it works but naturally as the jquery object belongs to the parent document I can manipulate only the DOM nodes of parent document from the iframe and not the DOM nodes of the iframe itself! I think if I could replace the "document" object of "window.$" with iframe's "document" object it would work!
1) Is "=" copy by value or by reference? If I succeed to replace the "document" object in "window.$", will it be also replaced in "window.content.$"?
I have been doing research on parent object nodes & child nodes. I have a small problem with the code I made. What I need for it to do is depending on which link u click, it adds or deletes the node specified in the function. And the name of the div shouldnt matter as it should be used when clicking on the link <a href="javascript:addevent('divname');">Add Element</a>.
for instance:
"Add element" | "Delete element"
if u click on the add element, then it adds an element, and if u click on the delete element, then it deletes the added element.
Here is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[code]....
I have a question about OOP Javascript...
How can you call a parent method from a child object?
for example...
Am i using the right way of making an object? prototypal vs classical?
integrating PHP-HTML-JS I'd need some help for doing the following:I have a index.php including:
<script type="text/javascript">
function filter (phrase, _id){
var words = phrase.value.toLowerCase().split(" ");
[code]....
and a child.php including a table object with the id LIST.I'd need to change the parent.php in order to filter on real-time the table LIST via the FILT input on the parent form. I have tried different values instead of 'this' on the js function calling but nothing succesfully.
this is my code:
CSSStyleDeclaration.prototype.__defineSetter__('di splay',
displaySetter);
function displaySetter(value) {
var parent = findParent(document, this);
if (parent) {
if (parent.tagName == 'TD'
&& value.toLowerCase() == 'inline' ) {
value = 'table-cell'
}
}
this.setProperty('display', value , 'important');
}
function findParent(obj, style) {
var nodes = obj.childNodes;
if (obj.style == style) {
return obj;
}
for(var i = 0; i < nodes.length; i++) {
var suBsearchResult = findParent(nodes[i], style);
if (suBsearchResult) {
return suBsearchResult;
}
}
return false;
}
As you can see each time I need to scan whole document for parent which I would like to avoid. Is there any other way to get an object on which style is applied to?
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?
I have defined a method in an iframe named as refresh1().In the iframe we are showing records in a table.on clicking a record of table or you can say row a showmodal Dialog object will open which shows the info of clicked record.I want to call refresh1() method onclick of save button whic is defined in modal dialog.I have triedparent.window.dialogArguments.refresh1() but it is not workin.
View 2 Replies View RelatedHow do I define a child of a frame? What's the opposite of parent.document?
View 1 Replies View RelatedThe scenario is of two different web servers. The parent frame (html
page orginates from server 1) has script like
function x1()
{
.....
alert('parent invoked');
....
}
Inside child frame (html orginates from server 2) the html refers to
parent script like
{
.....
parent.x1();
....
}
It throws Microsoft Jscript runtime error: permission denied. I am
using IE based on WinCE 4.2 version platform.
I'm new to jQuery and Javascript overall, I have searched the internet to make use of jQuery instead of the HTML's iframe tag. My problem is links inside a .load file, I want them to refresh the box on the index.php file, not the file itself (in this case the links are in blog.php)
Here's everything I can provide with:
Files:
"index.php"
"blog.php"
In my index.php file I have this script to make my index.php links open the required file in my div box.
"index.php"
<script language="javascript" type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#html").load("blog.php"); // shows the blog.php when I first enter index.php, which I want to have
$(".link_click").click(function(){
$("#html").load($(this).attr("id"));
});
});
</script>
Here's "index.php" link:
<a class="link_click" id="blog.php">Blog</a>
Here's my div box in "index.php" where I show the information within the loaded file:
<div id="html"></div>
All this works, but here's my problem, I have multiple links within "blog.php" which I want to make "index.php" to refresh the "index.php"'s html div. Is there some kind of way to edit the "blog.php"'s script to make it "index.php" the parent or reference?
"blog.php"
<script type="text/javascript">
$(document).ready(function(){
$(".link_click").click(function(){
$("#html").load($(this).attr("id"));
// Need to change this(?) to make it reference the index.php's html div box
});
});
</script>
I created a new Javascript *class*
function TableData(headers, row)
{
this.headerArr = headers;
this.rowArr = row;
[code]....
when I call it,though (printTable())i get the error Value undefined(result of expression parent.B.obj.printTable) is not object. i dont rly understand javascript functions... but i think that should work? idk i call it on an onclick event
this there any var to set the referring url manualy?
is there anything at all so i can put in this var my own value, like
when i paste an address on the firefox url and the page will set some
value i want and it won't be blank.
I am creating a job ticket object that will interact with a database. It has to update the database on the fly via AJAX. Within the job ticket object, I have instances of a Component Object. Within the Component Object, I have an instance of an Editor Object. One of the methods of the Editor object is a function to edit some text and when it's submitted, it will update the database. All of that is working fine. My problem is that I need to refresh the screen with the new contents of the database. I have a method in the Component Object that refreshes the screen, but how do I call it from within the Editor Object? I believe it has to be called there because the editor object has a handler for the form submission and the AJAX function. So I'll have to reference a callback function once the AJAX request is handled, but I don't know how to call it.
I know that sounds kind of convoluted, so hopefully, this very simplified code will paint a better picture of what I'm trying to do:
Code:
Now I want to call refreshScreen, but I don't know how:
Without having to create a cookie....I would simply like to "grab" the referring web page of visitors to my site.
I am going to call this script from a small flash Action Script file but that doesn't really matter at this point.
If anyone can answer this simple question I'd appreciate it. I have done a search but could not get a direct answer within the first 4 pages.
I create eLearning materials which are given away as a communty service to help people improve their health. A typical eLearning project has a few educational screens (using a Learner Management System-LMS-template) and an interactive exercise (on an external web page-htm or html-usually accessed by button which navigates to the exercise's URL).
The interactive exercise should only be accessed from inside the eLearning lesson using the button, because it requires understanding of the way it works plus important cautions to assure proper use. I need to prevent the use of the URL outside of taking the lesson (for example, someone taking the lesson acquires the exercise's URL from their browser history and then may give this to others who access the exercise directly-without necessary knowledge and cautions).
I tried document.referrer, using JavaScript. Using the referrer URL from inside the lesson and adding the JavaScript to the exercise's htm code worked OK in FF, but not in IE 8. In FF, if the referrer was not the correct single URL from inside the lesson, then it redirected; if the correct URL, the exercise appears.
The JS code follows:
<script language="JavaScript" type="text/javascript">
<!--
var oksite = "http://www.mysite.com/xyz/courseidxxxxx/yyyy/zzz.html";
[code]....
In IE 8, I was not able to get it to work. Using an alert, I noticed that the referrer in IE 8 was blank.My web hosting (GoDaddy) is a shared Windows hosting. I would have to upgrade from IIS6 to IIS7 to use PHP. Bigger challenge: I've never used PHP. If possible, I would prefer to use JS. But, I am open to any suggestion that will help.I am also wondering if part of the IE 8 issue is that I am using IE 8 X 64?