I am writing a small script to fade the opacity of an image/object.
The script itself works fine only I do have some unwanted behaviour.
I do use a tablecell object and the mouseover/mouseout to activate the
script.
In the same cell are some links listed and when you move the cursor
over the links the image starts to flicker. This is because of the
getElementById that identifies each link as an object.
Anyone knows how I can solve this behaviour? (Below is the sourcecode I use)
Since jQuery.browser and jQuery.browser.version are depreciated as of jQuery 1.3, what is the preferred way to check if the browser (in this case IE6) needs to have the "BackgroundImageCache" set?The closest match I see is jQuery.support.opacity, but I'm not sure if that is pertaining to how the browser interprets the alpha properties of images or if it's other elements as well? Ref: document.execCommand("BackgroundImageCache", false, true)[URL]...
I'm building a website with a image menu like accordion, using jquery+easing+kwicks [URL]ith CSS, I can change the opacity of the element hovered (the opened kwick), but I'm looking to someway to change the opacity of the inactive kwicks (the images that close when you open a hovered image).I tried to do it with css, or hacking kwicks plugin, but I couldn't make it.
I have a 10 checkboxes. Along with these 10 checkboxes I have 10 images that are associated with each checkbox. What I woudl liek to happen is when I click on one of the checkboxes it selects a class for the img object that will make the image go dim using opacity filter in css. When I untick the checkbox I want the image to go back to being opaque.
I've created a slide show out of HTML and CSS but I'm trying to add an opacity effect so that when the link is clicked the image fades in from nothing.At the moment on click the image fades to zero straight away;
Code: window.onload = initAll; function initAll () {
Is there a cross browser way to change the opacity of an image? I have found a way that works for IE and Firefox but would like it to work in Safari and Opera as well.
I am using the following function in order to change an image opacity on a mouseover and mouseout. This function works fine but does not handle a onClick. What I mean by this is...... How can I create/alter the function to handle an onclick? I want to be able to click on an image (one of many) and have that image opacity change to 50%. There are other similar images whose opacity would need to remain at 100%. If one of those are clicked, that images opacity would then change, and the previous would restore to original value of 100% I thought about passing the clicked images id to the function but I can't find a way to compare an image id VS a passed image id.
got a function fu() which should display the NAME of the image upon onmouseover,but when I try it,all the images show the same name,although they have different names in the code. I thought the problem might be in the getElementById argument,that is why i've put 3 question marks instead of an ID...
My company just redid our web site...http:[url]....
We know we have a few kinks to work out, but one of them that I can't figure out involves the top nav... It is grows and shrinks when you scroll updown, and during that process flickers where ever there is flash behind it. Likewise, there is a loading gif that we put in when you change pages, and it also flickers.It only seems to be on FF on PC or Mac.I've already tried messing with solid background colours, and z-indexs on the container that's flickering and that doesn't seem to do it.
I have a chat script in php that is working great, I use meta refresh to see new posts and that is very irritating for the users. I have come across many a javascript that claims no flicker in the refresh, but they do.
I don't know that much javascript, but I have heard thet AJAX can be used to poll to the server to get data without refreshing. I have been searching like crazy and I haven't seen very many tutorials for this.
I have my server side script working, I just want to refresh without flicker. Does anyone know how to call to the server script without refreshing the page?
Bit of the opposite of what a lot of people seem to be after it seems, but I was wondering if it is possible to make an image "flicker" randomly by randomly changing how transparent it is?The goal is to create a flickering neon sign, but to do it without using flash. I've got the flickering working fine in flash, but just not loading fine without messing things up so I'm hoping I can do it with jquery or even just js.
I have an issue with a spry accordion panel causing a flicker. The page is at: [URL] When I do a keyword search however and get a list of results, the flicker dissapears. It is flickering on some pages and not on others.
I've adapted code from theslideSwitch.js tutorialby Jon Raasch, which is basically a fading slideshow. The script promotes the 'active' slide to a higher z-index and animates the opacity for a fading effect. It's working fine with a pause added to stop the slideshow temporarily on mouseover. The issue I'm having is I'm trying to stop the script from queuing up when repeatedly mousing over/off the slideshow. When this happens it flickers and goes berserk. I've experimented withstop(true,true)in various locationsbut haven't got it working properly. Where to insert this in the following code?
Code is below... // slideshow function function slideSwitch() { var $active = $('#hp-featured div.active'); if ( $active.length == 0 ) $active = $('#hp-featured div:last'); var $next = $active.next().length ? $active.next() : $('#hp-featured div:first'); $active.addClass('last-active'); $next.css({opacity: 0.0}) .addClass('active') .animate({opacity: 1.0}, 1000, function() { $active.removeClass('active last-active'); });}; var playSlideshow = setInterval( "slideSwitch()", 5000 ); // pauses the slideshow on mouseover, then plays again on mouseout $(function() { $('#hp-featured div').hover(function() { clearInterval(playSlideshow); }, function() { playSlideshow = setInterval( "slideSwitch()", 5000 ); });});
I want to restrict getElementById to search children of a specific element instead of searching the entire document, in the same way that I can do getElementsByTagName using a specific element as the parent.
In this particular instance the parent is a table and the elements I'm interested in are all TDs, so I did the basic getElementsByTagName('TD') off the table and looped through this array checking the IDs. However, I'm suspecting that the browser can do getElementById faster than I can do a loop in javascript. Is there a neater way to do this? For now, I'll settle for IE-only solutions, though it would be nice to have things work in generic browsers.
I keep getting an error stating "getElementById("ballElement") is null, but I have a div with that exact id. I have looked at the JS script before that line, but found no errors there either. Please take a minute to see if you find something.
I've been trying to get opacity reporting working in IE 5.5 but the Microsoft documentation does seem to work as I interpret it even though this documentation page seems have been written for IE 5.5
In IE I have a routine that dynamically assigns objects' opacity. This works fine for some elements but not for others. It works for buttons and inputs but not for img, span and select.
This is the line that sets opacity from a loop through all elements:
I would like to set opacity of some element to 0 through JavaScript, using GetElementById function. This is my short code inside body of HTML: <script> document.getElementById("element").style.opacity="0"; </script> <div id="element"> noopacity </div> It doesn't seem to work, what am I doing wrong?
I want to amke something fade out, if and only if it is already set at 100% opacity.
I need to make a function that will allow me to do this.
Here is my current code:
//Time=millisecond Start and End = Amount of Opac to start with. Id = which div to affect function opacity(id, Start, End, time) { //frame speed here var speed = Math.round(time / 100); var timer = 0;
// if(Start > End) { for(i = Start; i >= End; i--) { setTimeout("Opac(" + i + ",'" + id + "')",(timer * speed)); timer++; } } else if(Start < End) { for(i = Start; i <= End; i++) { setTimeout("Opac(" + i + ",'" + id + "')",(timer * speed)); timer++; } } }
I've got two problems with these functions:[code]The first is that they fade in and out as expected, unless I mouse over any of the text in the div. Then the fadein and fadeout functions seem to compete with each other.The second is that showcount keeps getting set to undefined, so it never gets to 4, where upon fadeout should return without fading the div into the background.I should say that I believe the first problem has to do with mouseover seeing the html as a separate entity from the div, but that seems odd because it's a child of the div!
Is there anyway to get the value of the opacity of a div using javascript. I tried to use the following syntax but it returns and undefined value code...
I have a script that needs to see the current opacity value of divs but I can not find the code to make it work in IE. I've googled it for over an hour with no answer. For non-IE browsers, here is the code I am using div_opac = document.getElementById(some_div).style.opacity;