For example, I have the following piece of code:
I have found I cannot access the selectedIndex property unless I preceed by get(0). Am I missing a simpler way of getting at not jQ properties from a jQ object?
It would appear that it is not possible to retrieve CSS properties such as min-width if they have been set from a class. However, I don't want to have to style everything directly with the style attribute whenever I need these properties. Is there a reliable method of getting these properties as applied to element from a CSS class?
View 2 Replies View RelatedI am fairly familiar with the concept of Objects and their properties and methods, but javascript being object based as opposed to object oriented has me stumped on how to access an object's properties from an onclick event handler created for another object created within the original object.
In the example below, I have a constructor function called anyObj. to which I pass an object reference to an element.
anyObj has 3 properties and one function increaseWidth()
increaseWidth() creates a new button with an onclick event handler and this is where I have a problem.
The onclick function needs to increase the value of anyObj's this.width property. I originally had a line this.width += 10; in the onclick but quickly realised why this wasn't working because the this in the onclick function refers to the new button object and not the this.width property of anyObj.
The workaround I have used, and it works, is to make a copy of all the this.xxxxx properties. eg. width = this.width; and use the width variable in the onclick as you can see below. This "workaround" works fine but doesn't feel ideal to me.
So is there a better way to access the anyObj()'s properties from within the onclick function than the way I have done it? Obviously I would prefer to not have to make copies of all the anyObj() properties like I have to make them accessible to the onclick function.
function anyObj(divObj){
this.elem = divObj;
this.width = 50;
this.height = 50;
[Code]....
I've created an object and within this object, I've added an eventlistener. But the problem now is that after addEventListener is being called to access a callback function, the callback function is not able to access the properties within its own class. Code:
View 14 Replies View RelatedI have a very simple setup with an IFrame code...
The first alert works just like it should, but the second doesn't appear (and all further execution stops). There is no single property or element of the contentDocument i can reach. Can anyone help me to figure out the problem?
how to add extra properties to html elements as I was storing data in html attributes. After looking at some others code including Raphael and this addEvent code. [URL] They seem to treat objects just like an array. obj[property] = value; This would have been extremely helpful to know previously as I have needed to be able to include variables in property names - but have resorted to making the whole thing a string and calling exec() on it.
View 2 Replies View RelatedAwebappI am working onmust use millimeters instead of pixels for the top, left, width, height and font-size style attributes. There happens something strange when setting these style attributes with mm values.
[Code]...
I have the following question.
In my code, Ifirstdeclare a GLOBAL property to store all my global var's in, (with already some properties)[code]...
Does the second block of code overrides the first GLOBAL object? Is there a way to push more properties to an existing object using the same pattern?
I am trying to get the url and name from a series of links inside a div. I can change from name to ID if necessary, but can't be 100% sure they would be unique within the page. My test is like so
<div id="myLinks">
<a href="http://www.example.com" name="example">example</a><br>
<a href="http://www.google.com" name="google">google</a><br>
[code]....
I have a billion elements that all share the same class. I have another billion elements that all share another class. This cannot be changed. My objective is to use one element to trigger onclick a change in the others elements' css properties, that is each element is paired with another, producing a billion unique pairs. From hours of deciphering the cryptic documentation examples ive come up with the following, which doesnt work. Assume that im using "name=item#" in the element's tag to identify each pair.
One fundamental issue with this is that it will change the opacity of both elements in the pair were both elements to share a name,or it will only affect the element being clicked on if not, but i only want it to change the opacity of the element that isnt being clicked. Another issue is that there are instances where i may need to set a setTimeout on a css property, and ive not found any documentation on integrating javascript and jquery together within a function.So how do i get this function to accept input from one element and affect the css properties of the other? And what would a setTimeout look like if it were placed around the opacity property?
I have a menu that is made from a ul element (with li children).
Here is an example:
<
ul id="menu" >
<
li><a href="#divEntire2">Home Page</a></li>
[Code].....
However, if I do something like $(this).css('background-color','maroon'), the text and a section of bar under it does turn maroon. This happens even I just click on the bar.
I'm not sure this is the right group to post to, I've just found this group.I notice the old alt.dhtml group has been murdered, overwhelmed by spam. On my page: [URL] I am trying to get an element's style.top, style.marginTop, and backgroundColor. I can successfully do getElementById( ) on the element, but I can't get any settings from the element. If you bring up the page, all of this stuff is supposed to display in a header-like line just under the small banner. I can see that the doc's scrollTop has been retrieved OK (it wiggles if you move the vertical scroll bar) but all the other stuff is MIA. What am I doing wrong that I can't get this element's style properties? In the source, the function 'scroll(),' which is trying to read these
properties, is at line 52.
ie. the equivalent of typing them in a style sheet, but doing it dynamically?
View 6 Replies View RelatedI have issue with the sliding container from right to left on click. i have a image (width 250px) on the left of the page. When i click on the link, the container overlap the image and stop on the 0 position of browser window but i want to stop this container 250 pixels from the left. Please let me from where i can adjust theeftpositionsfromjquery.min.js,jquery.localscroll-min.js,jquery.scrollTo-min.js, or is there any other property to set the container from left
View 6 Replies View Relatedi'm looking for the best way to use global properties that defined at class level insid event handler functions.
for example :
function MyClass() {
this.v1 = "hello";
this.v2 = {name: 'joe', age:'30'};
this.link1 = $("<a/>", {id: "link1"});
[Code].....
actually, in link1Handler 'this' returns to link1 not to main class. so how to get class properties or functions inside the private functions of the same class?
I want to be able to pass the width of a window to CSS properties. Specifically I would like the width and left-padding of a DIV to be the exact pixel width of the browser window. Ideally, if the user resizes the window, the CSS would update. What is the simplest way to do this?
View 4 Replies View RelatedI'm kind of new to learning javascript so please consider the following code:
orderUser = {
products: [ 'Beer', 'Soda', 'Wine' ],
users: [],
regUser:function(){
varnew_user_id = 12;//normally this wouldn't be a static number ofcourse
orderUser.users[orderUser.users.length] = new_user_id;
}}
There's an object that has some properties and a method. The method registers an user id to the users property. What I'd like to do next is keep track of what users have ordered. Is this possible with (multidimensional?) properties? Something like
userProducts[ 12 ] = [ 1, 0 ] //Soda, Beer
doesn't work. Would there be no other way than arrays?
This object was passed to my click event handler. Why are so many properties missing? The click event came from an <a> in a <li>, propagated down to the <ul> on which the handler was set.
If I click on the <ul>, the event object looks "normal".
[Code]...
I want to set opacity parameter value before calling: $('x').animate({opacity:1},v1);
of course, other than setting a switch case line for each possible expected value.
I have an object on the document element that allows for other components to register with it, i have a custom event something along$(document).bind("register",function(thechild)..So in the child object when they are created i call$(document).trigger("register",this);And indeed i get the DOM object. However i'm looking for the plug in object, i want to be able to call methods on the passed childobject and access it's Config.Does that make sense? How can i write a plug in that is applied to various objects that also registers itself with an 'overseer' object on the document element in such a way that i can allow that overseer object to call methods on any registered child objects?
View 2 Replies View RelatedI thought I'd try to begin with the accordion and tab, but I have had no success yet. I must be missing something simple. Here is the first test page:[code]Instead of getting tabs, I get my pages (generated by cgi perl scripts) displayed in tiny little scrollboxes at the top left.Equally bad, Firefox is telling me, in the error console, that jQuery.Tabs is undefined.FireFox doesn't like the filter and zoom properties in your style sheet.So, then, what do I need to do to get the tabs to work in the first instance. And then, how do I modify it to use an Accordion to display the same material. Are there any issues I need to be aware of when I start having my perl scripts (using predominantly the Perl packagesCGI and CGI::Session)create these pages?As far as possible, I am trying to keep this all valid HTML5, so that I can eventually make this interface mobile device friendly.
View 6 Replies View RelatedI am getting a Javascript error from Firefox 1.0.5 when I try to reference a
table within a window that has just been opened and written to. I get the
Javascript error "cartTable has no properties" where cartTable is the
variable I assigned the table reference to.
cartTable=winDVDCart.document.getElementById("cartTable")
Previous to this, I have just opened a new window, used the document.write
method to write some HTML into it, and then used the document.close method.
At that point I call a new function to add some extra things into the new
window and this is the first statement that gets run. It seems as if the
table isn't quite finished loading when I try to reference it and that is
causing problems. I am not getting any errors in IE6 and it is working just
fine. I figured that maybe I could implement a loop to just wait until the
table is fully loaded but that will just loop infinitely for some odd
reason.
while (!winDVDCart.document.getElementById("cartTable")) {}
This code just loops infinitely, but if I just put an alert within the {}
for the while loop, it shows the alert once, I click ok and everything works
great after that. Could anyone point me in the right direction on this?
When i assign some css properties should i allways use the postfix like
measurment units (so use: 150px instead of only 150).
I'm trying to get the properties for the following objects:
0: [object Object]
1: [object Object]
2: [object Object]
3: [object Object]
This was generated by using the following code:
[Code]...
Since object names can't simply be a number ie(this.oProducts.Product.0), how can I access the object properties in the list above?
i want to set page properties within the page itself. i can easily open a new window, but i don't want to have to do that. width, height, toolbar, scroolbar, navigation, etc... it seems like i've done this before, but for some reason i'm drawing a blank. any suggestions out there?
View 2 Replies View RelatedI only get an error telling me "test has no properties"...
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.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>
<script language="javascript" type="text/javascript">
var test = document.getElementById("test");
var title = test.getAttribute("title");
alert(title);
</script>
</head>
<body>
<p id="test" title="test title">This is a test</p>
</body>
</html>