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 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'?!)
I'm using jsTree-0.9.9a. As a test this is the code i'm using to display the ID
oncreate: function(NODE, REF_NODE, TYPE, TREE_OBJ, RB)
{
if (TYPE === "inside") {
parent_id = $(REF_NODE).attr('id');
alert(parent_id)
}}
This works fine when the parent has no child nodes, however, when a child node exists nothing is returned.
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...?
How can I create a duplicate of parent node in DOM??
View 14 Replies View RelatedHow To Find The Parent Node of any item in JSON Data
View 1 Replies View Relatedwithin a function for an onchange-handler ($(...).change(function(e) {...) i tried something like:
$(":parent input[name^=subsequentProperty]", this);
this does not work, but:
$("input[name^=subsequentProperty]", this.parentNode);
does work.
I want to remove the class-attribute of all <a>-tags in this table-tr:
In addOrder, I want to use removeClass("back_blue_3").removeClass("back_blue_2") of all <a> in this tr.
I tryed this:
But this causes just an error.
How I have to handle it?
Looking for a way to show/hide the parent of a class of elements:
Code:
But FF is giving the error message "'elP.parentNode' undefined". Something I'm not getting.
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'm trying to attempt a simple animation, as indicated by the following code. The intention is to move the object (a paragraph element node with id message) to the right by 200 px and down 100 px, by 1 px a second.
However, there seems to be a bug or my methodology is incomplete as the browser returns the Textvalue of the paragraph without any styling.
Code:
For a widget I made, I have a dropdown select menu. It is constrained to a very small width and IE does not auto expand on click. I wrote a simple javascript to handle this but I run into two problems. The onmouseout function is fired when I click into a child node, and the onmousedown of the <option> tags doesn't work in IE. The code works fine in all other browsers.
var wid;
var campaign_i = 0;
function campaignWidget_capture(myID){
wid=document.getElementById(myID).style.width;
campaign_i++;
}
function campaignWidget_SubDes(myID,state){
if(state==0){
[Code]...
I have a small question. I am building an AJAX-based content editor and in one portion the following xml tag needs to be processed:<
[Code]...
I'm wondering what the best practice is for a particular task I'm trying to
accomplish. I'm using two sets of radio buttons for a user to select values
from. These values then go into a couple of tables to show some heat loss
calculations depending on the values chosen I want the tables to have the
relevant values filled in. Is the best way to accomplish this a long list of
if then else type statements or is there a better way of doing this?
I am looking for advice on what is "best practice" regarding looping
through a form to check its checkboxes and associated data fields.
Here is what I am trying to do (Here is the page I am working on:
http://www3.telus.net/thothworks/LinLeastSqPoly4.html).
I provide a form for a user to enter up to twenty (M = 20) data pairs.
The user need not enter data for all twenty pairs, but
the user must indicate that data is present by checking the checkbox
beside each valid pair.
If a checkbox is checked, two things happen:
i) a counter, numRows, is incremented to keep track of the total
number of valid pairs entered.
ii) the associated two data values (being x and y) are checked to
ensure that they are valid numbers and, if so, are entered in an array
for use later.
Previously, my forms were small, and I was able to examine each
checkbox of a form individually:
"if (checkbox1.checked) do action A;
if (checkbox2.checked) do action B;
if (checkbox3.checked) do action C;
etc."
However, now that my form has twenty checkboxes, and may get bigger, I
would like to learn how to accomplish this task with a concise loop.
Following is my first attempt and it seems to work. If anyone can
suggest improvements for this code ....
I have been going back and getting rid of so many of my onclick's and such, trying to switch to a more unobtrusive method of adding events to anchors.
I've run into one snag that's kind of dissonant for me, and wondered if anyone had any advice.
By adding an event, you can turn:
<a href="#" onclick="something(); return false;>Click me</a>
Into:
<a href="new.html" class="something">Click Me</a>
But what goes in href if you don't have anything to actually link to? One example is a page I've written that is entirely self-contained, and all href's that drive the interface end up pointing to #. Is this acceptible in edge cases like these with the unobtrusive approach?
If someone has JS turned off the markup is essentially meaningless, so I was wondering how people deal with this lapse in the separation between behavior and structure.
I have a photo blog [url] and want to create an effect that fades-in the displayed picture when the page is loaded.
An important requirement for me would be that the page also has to work without Javascript.
Currently I am using the following small plugin:
It is called directly beneath the <img> element:
This way it works fine with the current versions of Firefox and IE. I did not test other browsers or versions yet. I tried to call it in $(document).ready but then IE might display the picture shortly before it is hidden and faded-in.
Since I am not 100% happy with having the code in the middle of the HTML and with depending on the timing of execution to avoid flickering I wanted to ask for other solution or best practices to achieve what I would like to do.
One solution that came to my mind is to do create the image in JScript and only fade it in after it is loaded. To work without Javascript I could still put the <img> element where it was but within a <noscript> element. But not sure how well the <noscript> is supported by older or exotic browsers.
Which is considered best practice?
<div onmouseover="doThis();">
myDiv.onmouseover = doThis;
myDiv.addEventListener("mouseover",doThis,false);
...or something else?
I just wanted to get your opinions on this: I have several pages with page-specific JavaScript (i.e. script I know cannot be reused...it can only be run against elements found only on that page).
My question is, would you recommend just putting it in SCRIPT tags in the header, or should I create thispage.js so that the code is separated into another file? It slows the request because the browser has to ask for another external file, but keeps code out of the HTML doc.
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 Related