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 RepliesIn my CSS i have my img{display: block}.
i am trying to change an image display to inline everywhere it appears using javascript. Works good in IE but not in Safari. Is this not a legit in Safari...
Code:
var patt1=/viewCalendar/gi;
var calImg = document.getElementsByTagName('img');
for (i=0; i<calImg.length; i++)
[Code]....
I am am trying to change the "display" property of a div from "none/block" to normal in order to display it on mouseover event. But I do not know why it is not working!
Here is the html code
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
[Code].....
For a application I am writting I need to make some table columns apear and disapear by clicking on a link. I do this by changing the "style" property in the <td> tag.
The HTML is generated by ASP.NET, which automaticly sets the style property of the <td> tag to the right value. and makes links to the right Javascript function call to change a specific property.
This is the HTML output of 2 table columns: Code:
I have an object that has a fade method
Code:
ImageHandler.prototype.fade = function()
{
var oThis = this;
if(// some conditions)
{
window.clearTimeout(oThis.timer);
}
// the this.timer is set to null in the constructor.
this.timer = window.setTimeout(function(){ oThis.fade() }, 150);
}
Problem I have is that the timer is not cleared. The if when the timer should be cleared works fine, so I took it out in this example to minimize the code.
I also tried window.clearTimeout(this.timer) with no luck. Any ideas?
I currently have a normal link like Code:<a href="http://sitepoint.com" class="link">sitepoint</a> and when a user clicks on it I want to be able to change the "link" class to a different class. However, I don't want to add anything to the actual link html. Is it possible to do this using javascript without modifying the original link code?
View 4 Replies View RelatedI am building a simple "accordion-like" interface in jQuery. The HTML looks like this-
<div class="mediaList accordion">
<div class="mediaListItem item $alt">
<div class="mediaTitle head group">$head</div>
[code]....
See the below objects:
function Manager()
{
this.reports=new Reports();
}
function Reports()
{
//How do I access Manager from here?
}
I have several tags on a webpage of the same class. If the user clicks a
specific checkbox I'd like to be able to alter the display property of the
class, affecting all objects of that class.
This is an intranet application so we know that javascript will be enabled
and the browser will be IE.
How can I affect all the members of this class? Is there a way I can toggle
the DISPLAY property of a class so all the elements using that class would
be affected? Code:
I have the following situation:In CSS:
[Code]...
How can I get the CSS properties from such "class inheritance" set-up? More in particular, how can I get the marginLeft from the class "combination" .northSouth.ambiPixelBox? I tried the following in jQuery, but that failed:
[Code]...
I have following css code in a html file:
<style>
.myClass { color:red; }
</style>
How can I extract the value of the property "color" from the class "myClass"?
Pseudo-code (which of course doesn't work), so you get the idea:
<input type="button" onclick"alert('The CSS color is '+document.style.myClass.color)">
The script is working, tab-content is changing but when clicked a tab I want to change class property of the li of active tab as class="current"How can I do it
<ul class="nav-content">
<li class="current first-li"><a href="#tabs-1">tab 1</a></li>
<li><a href="#tabs-2">tab 2</a></li>
[code]....
creating a function that changes a specific CSS property for all 'asp:TextBox' type controls that have the CSS class of 'style1' this function should fire when I click the 'btnTest' button
jQuery(document).ready(function() {
$("btnTest").click(function() {
For some reason I cannot get jQuery.css('name') to return a style property that was assigned by a class. However, it returns the property if it was assigned by style="". Has anyone else run into this issue? Bug?
Here is my test code:
Could somebody confirm if and how I can change the TYPE of a textbox from
PASSWORD to TEXT depending on whether a user checks a checkbox.
In essence I have a login and password form and the end user wants the
option to check a checkbox to make the Password textbox show normal text
rather than the asterisks. If the checkbox is unchecked then it shows the
asterisks when entering the password.
Does anybody know why IE5+ does *not* honour array objects (like a table)
across a session?
Example:
Frame A contains a var tableVar which is set via form Frame B (on init)
using top.A.tableVar = document.getElementById("someTable");
As long as Frame B is *not* 'refreshed/ reloaded' witk another page the
variable in Frame A is ok.
However, when the page is changed it just 'kills' the rows in tableVar.rows
(the lenght just turns to 0).
When tested with something simple like a String (instead of a table) the
above mechanism works as expected.
After two full days of mucking about this is strting to smell funny.
Does anybody have any idea/ suggestion as to the what and/ or why of this
behaviour.
In the code below I have eight div's belonging to a class "mainmenu". There is styling for said class "mainmenu" in the header and that is what I would like to modify with my jQuery. What I am trying to do is set jQuery up to monitor each div for the onhover event and change the "background:" property for each div that is being hovered. I have a good book on jQuery but I don't really see this type of situation being covered. Is this possible to do?
[Code]...
I've got a website with font sizes using 'em's. I've made it so that in my 'body' CSS styling, I can change the font size and it changes it right throughout the whole site.
I have hyperlinks to increase and decrease the font size but have no idea how to get the links to change the 'font-size' property in my 'body' definition. As a secondary requirement (but not essential) I also need to remember this value and store in a cookie so the user doesn't need to keep resizing the page on every reload.
In this game i have the letters as images and they are listed at the top in two rows.
This is the code
As this is not really the best way to do it, I was wondering if i could set the letter squares to be objects of a Button class. I just don't know how to do it.
I have a page: [URL] that works perfectly fine in every browser I try, except for actual IE7 (it even works fine in IE8 emulating IE7). When you search for something on that page and have a display of results, each result has a link that changes a table row's display to visible, and hides the row when clicked again. It doesn't do that in IE7. here are no errors or warning in Firefox's Error Console. But IE7 has an "Error on Page" notice (which does NOT appear in IE8 emulating IE7), that says:
Line: 59
Char: 11
Error: Could not get the display property. Invalid argument.
[Code]I really don't know what to do, or where to begin. Everything in my limited knowledge seems to be working just fine. Most of my site's visitors use IE8, but enough use actual IE7 that I really need to fix this.
How would I get an element's display property? For example, I can get the width by using the_element.offsetWidth, but what do I use for display?
I tried the_element.style.display, but it doesn't seem to work.
currently I have a page with six links. Now since I want to display the imformation on those six links (when each is clicked) in a #mainDiv (below all the links). if figured the most efficient way of doing so was to have all six "links" in six different div's -- all with display: none... and when a user clicks a link I just have the appropriate div set to display: block. Code:
View 38 Replies View RelatedI am trying to select a div element based on its display property. Due to some reasons I can't use Id to select this element, DIV element is structured like this:
<div
class
="details"
id
[Code]....
I am currently encountering a problem with setting "display" property from "none" to "block":
Browsers will refresh itself when the display property is changed; this causes the element to display then suddenly disappear after the page reload. Do you guys have an idea what I can do to avoid it?
I tried using jquery's show command, css command with setting display to block, and pure javascript method like document.getElementById("theId").style.display="block".
I'm attempting to change the display property of certain divs depending on the criteria of multiple select boxes.
I got it to work by GetElementsByTagName('div') but it then selects all divs rather then the select few i actually want it to work on. I tried changing the selection to GetElementsByName but this doesn't work, why i don't really know.
I've dumped the source code below:
Code:
I am trying to change the class of my DIV using CSS.
Here is the Javascript:
Code JavaScript:
<script type="text/javascript">
function.mouseOver()
{
[Code].....