Change The Display Properties Of A Class
Jul 28, 2006can u change the display properties of elements in a certain class?
View 1 Repliescan u change the display properties of elements in a certain class?
View 1 RepliesI'm trying to make a webpage where you can change the colour of various elements within the page, which has numerous div classes in the css and numerous divs all with different names. What I'm trying to work out and can't find anywhere is can you change the properties of a css class using javascript, and if so, how?
View 2 Replies View RelatedI need to change the background-image (or possibly background-position) property of each new instance of a div with a particular class. I will have a set of images to choose from, or could create a sprite with all of the images.
Example:
Code:
<div class="desc">content</div> **needs background-image: url(pic1.jpg)
<div class="desc">content</div> **needs background-image: url(pic2.jpg)
...
etc.
The page code is dynamically generated from our CMS, so can't change the HTML.
I have a number of elements of "some-class".
I'd like to change the styles of some-class:
from
..some-class{color: red; display: block}
to
..some-class{color: red; display: none}
How do I do that?
I am embedding Spidermonkey in a C app. and I'm having trouble setting
class (not instance) property values. For example, I am setting up
the class as follows:
static JSBool constructor(JSContext *cx, JSObject *obj, uintN argc, jsval
*argv, jsval *rval)
{
printf("constructor argc = %d
", argc);
*rval = OBJECT_TO_JSVAL(obj);
return JS_TRUE;
}
main()
{
....
static JSClass my_class = {
"MyClass", JSCLASS_HAS_PRIVATE,
JS_PropertyStub,JS_PropertyStub,JS_PropertyStub,JS _PropertyStub,
JS_EnumerateStub,JS_ResolveStub,JS_ConvertStub,JS_ FinalizeStub
};
static JSPropertySpec class_props[] = {
{"Prop1", 0, JSPROP_ENUMERATE},
{0}
};
JSObject *proto;
proto = JS_InitClass(cx, JS_GetGlobalObject(cx), 0, &my_class,
constructor, 1, NULL, NULL, class_props, NULL);
The above code correctly (verified through a JavaScript program). creates a new class with the Prop1 class property.
The following code correctly adds an _instance_ property:
jsval val = INT_TO_JSVAL(42);
JS_SetProperty(cx, proto, "MyProp2", &val);
After three days I still can't figure out how to set the value of the class
property, or, for that matter, create a new class property with a particular value. I am looking to do something like this:
jsval val = INT_TO_JSVAL(88);
JS_SetProperty(cx, ???, "Prop1", &val);
ie. the equivalent of typing them in a style sheet, but doing it dynamically?
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?
how the class attribute works in CSS: I can specify that every attribute with class="foo" be italicized with: .foo {font-style: italic;}
What if I want to do the same sort of thing in Javascript? Is there something built-in like document.GetElementsbyClass("foo").style = "italic" (I'm just making this code up of the top of my head, I don't know how javascript works.)
It seems to me that with JavaScript you're supposed to use the name="" attribute instead of class="". Why the diference?
I looked at webmonkey that had an article about this, but their writing style is simply confusing and I can't make heads or tails of their articles.
On a page I display a link of search results which are hyperlinks, which all have the same URL get paramaters with different values (i.e. companyreport.aspx?....). I want to then click on a search result hyperlink and then generate a Div popup (this is called through a javascript call that is attached to each search result hyperlink's onClick property.
For the hyperlink that is clicked, I need to take its 'href' value and use it (reason for us is in a bit).
On the popped up Div element is a dropdown box and two buttons (accept / decline). Once the accept button is pressed, I want to then go to the page the selected hyperlink was pointing to by using the 'href' value I obtain from the clicked search hyperlink and to also append to this hyperlink the a new GET parameter and the value of the dropdown box.
I have got this to work currently but it seems quite mess, so was wondering if there is a better solution to this.
For the search results hyperlinks I have...
Code:
PromptRequestReason(this.href); return false;
this '' javascript method is....
Code:
function PromptRequestReason(hrefLocation)
{
lnkDERequestReason.href = hrefLocation;
popup('popUpDivReason');
}
then on the DIV popup I have the following link....
Code:
<a id="lnkDERequestReason" onclick="this.href = this.href + '&reason=' + document.getElementById('drpPortfolios').value">Select</a>
now this all works, but I really seem like I am taking the long way around when there could be something simple.
Not sure if this fits in JavaScript, but I remember seeing some sites where you would right click an image to see the location properties, and the url that was stated was not where the image was actually hosted and they were essentially cloaking the url. How would you go about doing that? I realize doing this you can still get the image url via other methods, but still interesting in knowing.
View 1 Replies View RelatedI just donīt know the right syntax for this:
I want to change the css class of the li element from the name hidden to the variable filterVal, but i donīt know the right syntax.
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 Relatedsay that I have 2 css classes, 1 is "test failed" and the other is "test ok". And that i have like 20 diffrent div's with their own id, and class either "test failed" or "test ok".Code:<div class="ok/failed" id="one-twenty"> </div>I would like to (depending on what button the user pushes" display the "ok" test cases or hide them and the same thing for the "failed" one's.How can this be done in javascript?Tried the following but it does'nt work
Code:
var allHTMLTags = new Array();
function getElementByClass(theClass) {
[code]....
Basically we need to find a word which is inside a class and display a link.
So something like this
find a word equal to "1 line custom"
then
display this <a href="/1-line-custom.htm">click here</a>
I'm having an issue I was hoping someone could help me with. I'm very new to jquery and just picking it up as I go. I'm trying to display the first 10 table rows with a certain class. The rows with this specific class(.filtered) are not ordered in any way. Basically I have a loop which runs through 10 times, and in that loop I'm trying to say "display the [i]th table result where class = filtered" so at the end of the loop, I will have 10 rows, all with the class .filtered. Here's what I have, but I'm fairly sure my syntax is wrong.[URL]..
View 3 Replies View RelatedBasically we need to find a word which is inside a class and display a link.
So something like this find a word equal to "1 line custom" then display this <a href="/1-line-custom.htm">click here</a>
I could use a hand changing the display property of a group of objects based on classname. What I have here doesn't work; perhaps you can see why? I think the basic problem is that I don't know how to access the objects properly.. Code:
View 3 Replies View Related[Cod]...
What trying to achieve is to have a div which when you mouseover a div and h4 within will change properties.This is working but when you mouseover the div and pass over either the border of the containing div or the h4 text the animate/fadeTo repeat again. Is someone able to tell what Im doing wrong? Also you may notice the function is effecting more than one container div at a time which is not what Im going for.
Is there a way to seperate them like this or somehow?
[Code]...
I have a form with a list of things. The number of things in the list is variable, depending on certain factor, different things, different numbers of things. Next to each thing is a radio button.
There is a question with two radio buttons, "yes" and "no".
When "no" is selected, I want the radio buttons to be disabled, and the color of the text to change to gray.
For the radio buttons, I have a simple JS function:
javascript Code:
function enableCFFID()
{
document.cartform.cffid.disabled=false;
}
[Code].....
For the test that goes with each thing, obviously I don't want to have to assign unique ID (perhaps in a span tag that encloses the text). I would want a common name for all of them.
But this would mean I can't use getElementById.
What other method can I use to change the class for a group of span tags who's number is variable?
I have created the no.of div tags in my website applications. Now i want to change the class name of the tags. How should I? Below is some code which i want to change:-
<test.aspx>
<tr>
<td style="width:100%;">
<div class="roundedcornr_box_203203">
[Code].....
Now i want to change the class name at runtime using javascript e.g. roundedcornr_box_203203 will be replaced by roundedcornr_box_408625 etc..
Does anyone know of a way to change the text inside a container and then change the class of two containers?
View 4 Replies View RelatedI'm working on a site where we display two lists of boats, sail or power via the organic tabs plugin. Now, our client wants us to show one list type by default depending on the class of the body tag - for example, if the user was on a sailing boat page, the body would have a class of 'sailPage' and therefore the list that would be shown by default would be the 'sail list' - and vice versa for the power (although be default this one shows first anyways as it is the first 'panel' in the HTML') In my admittedly rather clumsy way, I've written the following jQuery function which does seem to work (well, the first half) - however when the user clicks back on to the 'power' tab whilst on page with a class of 'sail', the power list doesn't display. There also seems to be a problem in IE7 where the content of the lists will not display until you select the other tab first, and then select the second tab again?
<div
id
=
"sailOrPower"
>
[Code].....
I've been going out of my mind trying to get this to work, and now I'm out of time! It seems like it *SHOULD* be simple! All I am trying to do is get all of the <li> items that belong to a particular UL ID, and change the class name onmouseover. I've cut down the code to bare-bones to try and isolate the problem. I can get it to work if I use unique IDS for each list element, but that seems silly. The latest piece of code I am working with:
<script type="text/javascript">
var mylist=document.getElementById("mylist")
for (i=0; i<mylist.childNodes.length; i++){
if (mylist.childNodes[i].nodeName=="LI") {
mylist.onmouseover=function() {
[Code].....
I have a list like this:
<tr>
<td>Some Text One</td>
</tr>
<tr>
[Code]....
When I click a radio button, I want the text to "dim", that is, change color.
So I have two CSS classes, on and off.
Here's the JSfunction enableCFFID()
{
document.cartform.cffid.disabled=false;
document.getElementsName('cffidtext').class="cffidon";
[Code].....
Is it possible to change the CSS class of an entire table row using JavaScript?
View 2 Replies View RelatedThis is probably really simple but I cant seem to figure it out.
Code:
<div id="imgcontainer" class="imgcontainer">
<img onclick="makeActive(1)" class="active" src="images/demo_01.gif" alt="testimonial" />
<img onclick="makeActive(2)" src="images/demo_02.gif" alt="testimonial" />
[Code]....
When an image is clicked it should:
1) clear the classes of all of the images
2) assign the clicked image a class of "active"
3) I then want to show a corresponding text (which would be in the same function.