according to the api, the fadeTo method can now be called with just an opacity in 1.4.3, no duration, however, i cant get it to work. here's a jsbin with what i've tried: [URL]if i modify .fadeTo(0) to .fadeTo('slow',0) it works.
View 3 Replies
The JS file works and the menu fades but theres not change on hover, heres the code i'm using for the js:
$(document).ready(function(){
if ($.browser.version = jQuery.browser.msie &&
parseInt(jQuery.browser.version) == 6) {
[code]....
I have this html:
<div class="foo parent">
<div class="child"></div>
</div>
with some css:
.foo{
position:absolute;
left: -117px;
[code]....
...works fine on the parent but the child disappears.Including both the parent and the child in the selector also give the same problem:
$(".parent, .child").fadeTo('fast',0.50)
...does the same thing. It think someone must have run into this before.
I have the exactproblem explained here: [url] but I cannot seem to find a solution.
View 9 Replies View RelatedDocument.getElementById(fadeImageID).style.opacity is working in firefox but its not working in IE.
View 2 Replies View RelatedI have a link which when clicked either fades up a full screen overlay and a popup box ontop or fades them both down. This works perfect in every browser except IE7 and IE8. The popup box fades in and out OK but the overlay just appears or disappears with no fading (which is bizarre!)
[Code]...
I have a div with some content in it, within the content there's an anchor and when you click it all the content but the anchor itself should fadeTo('slow', 0.2);
What I have now is;
$("p a#somelink").click(function()
{
$(this).parent().parent().children("p").fadeTo("slow", 0.2);
return false;
});
Which obviously just fades all paragraphs. Is it possible to do what I want and with which selection string would I achieve it?
I am trying to bind the live event to the fadeTo(). I am doing so because after the page is loaded, I am adding new elements to the page through ajax and need them to come in as faded. This is what I currently have.
$('.work').fadeTo('fast',.35);
This is what I have tried to do.
$('.work').live(fadeTo('fast',.35));
Above does not seem correct, but I have searched for more info/documentation on using live() with fadeTo but have found nothing.
When I call FadeTo or Hide, the fontstyling on my elements seems to get lost. This happens with both1.3.2 and 1.4.1 on IE8, running IIS6 on my local Windows machine. The attachment illustrates the problem. Click the Hide/Show button to toggle between the states. With minor and obvious modifications in the source code you can switch back and forth between the FadeTo and Hide/Show techniques. Both are set to happen slowly, so thatyou can see that the problem begins immediately as soon as the function is called. The font style on the screen visibly changes, and remains corrupted afterwards as you toggle back and forth. My own classes on the elements, linked to the embedded CSS,remain unchanged througout the scenario.The attachment is named test.txt because, of all things, this site doesn't seem to allow htm files to be attached. Rename it to test.htm (youwill also have to adjust the path to your jquery file) and give it a run.I'm a noob,so I fully expect that there's a simple explanation for this. I look forward to it.
View 3 Replies View RelatedI currently have 3 jQuery events assigned to the document keydown, keyup and click.
Here is my code:
var logkeydown = false;
$(function(){
$(document).keydown(function(e){
var key; e?key=e.keyCode:key=event.keyCode;
[Code].....
They toggle the boolean value of whether the keyboard key 'e' is currently pressed. If so, when the user clicks any of the site, I have a Thickbox fading in. This works great in Firefox and Safari, but IE7 begins to fade in the Thickbox (btw, I slightly altered the thickbox code to fade it in/out) but halts half-fade until the 'e' key is released.
I'm having trouble with the fadeTo() function. I'm doing it on rollover on a series of thumbnails that loads based on featured images of pages in a Wordpress site. I've got things working, but there seems to be some delay in the availability of the effect. The effect doesn't happen until a few seconds after the page is loaded, even in local testing. And even then, it seems to only seems to happen kind of one at a time, down the line of thumbnails. Here's the code I'm working with:
[Code]....
how to validate forms and the next topic I'm learning is the phone feature! My code isn't working and not sure why! I read other opinions and tried to follow some templates but again.. Nothing is working out for me..
[Code]...
If number is more than 24 digits, modulus operator is not giving correct output [code]...
This statement is to produce a random integer within a specified range. I get the desired result when passing the values within a function like this:
Code:
<html>
<script type="text/javascript">
function get_randomRange(low,high){
[code]...
the results form the second example look like the number are possibly being multiplied somewhere? why does the first example work and the second not?
Im trying to pass one variable as 20* and after that im trying to check whether any special characters exist or not. But 20* cant be converting to string. It is giving script error.because of that my validation goes wrong.
if i pass "20*" as input ( with quotes) , validations working fine. how to convert string if it is 20*
i tried new String() finction and adding "" to that varible. But it is not working.
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...
View 3 Replies View Relatedhere is my [URL].. Basically when mouseover I animate the opacity. Works well in Firefox but in IE 8, the shadow appear on the text. Is there anything I miss out or is there any problem with my PNG file?
View 4 Replies View RelatedI was trying to apply an alpha of 50% to a div but using opacity with CSS but it is not validated in CSS 2.1.
View 5 Replies View RelatedI originally tried this but found it to be quite problematic: [URL]I don't think it's jQuery 1.4 compatible either.I then went on to try a JavaScript script that I found elsewhere, but that also brings up new problems!All I need is a simple bug-free jQuery plugin that will fix the opacity bug in IE6.
View 2 Replies View RelatedI am seeing a weird issue where the dialog opacity does not work with IE8 browsers controlled by settings under a Windows Group policy. I can run IE8 from my house and the dialog opacity works fine. Does anyone know what Group Policy setting might turn off opacity in IE8?
View 2 Replies View RelatedI'm currently using the following code to animate three boxes on page load:
Code:
function animateVideo(){$('.video').animate({opacity:1.0,top:"-=50px"},500,"swing");}
function animateProduct(){$('.product').animate({opacity:1.0,top:"-=50px"},500,"swing");}
function animateMap(){$('.map').animate({opacity:1.0,top:"-=50px"},500,"swing");}
[Code]...
I've been told i can use the jQuery effect fadeTo() which will work, however i'm not sure how to adapt my animate() code to use the fadeTo() function at the same time as moving.
I have a real problem with the google maps API in IE7/8, the "powered by google" which i can't remove due to the t&c's loses its alpha transparency when i apply opacity to it "to acheive the sliding in effect" seen here: [URL] I'm trying to set the alpha back using this:
Code:
$('#map_canvas div div a div div').css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=http://maps.gstatic.com/intl/en_gb/mapfiles/poweredby.png)");
(jQuery)
But this does not seem to do anything, and looking at the source in firebug Lite for IE, it seems this is already set on multiple div's surrounding the logo anyhow.
I have several images as thumbnails on my page and applied the 'changeImg()' function the onmouseover event. It then shows the thumbnail image as 'big' image at a certain position. It looks kind of boaring and it would be nice to apply jquery to have a nice effect problem: after quite some time I still don't seem to be able to integrate it into the existing javascript function.
[Code]...
I would like to apply an opacity on my navigation roll over,
View 5 Replies View RelatedIE6 is reporting an error for this line:
Code:
$('#receptioncontent').animate({opacity: 'toggle', height: 'toggle'}, 'fast');
The error is:
"Unexpected call to method or property access."
It's strange because (I think) everything on the page works correctly - so I don't understand the error. If I uncomment the line above there are no errors.
jQuery version is 1.3.2 I'm testing in IE6 on Windows XP SP3. How can I stop this error from being reported?
I have 2 divs on a page, the outer div has an inner div nested within it, both have different background images set to them. I managed to program the following fine:
$(function(){
$("div.outer").hover(
function() {
$("div.inner").stop().animate({"opacity": "0"}, "slow");
},
function() {
$("div.inner").stop().animate({"opacity": "1"}, "slow");
});
});
So that when you hover over the div, the inner div with the background image fades in, and then out on rollout. Why will the following code not slide the inner div up and down:
$(function() {
$("div.outer").hover(
function() {
$("div.inner").stop().animate({top:"-200px"},{queue:false,duration:200});
},
function() {
$("div.inner").stop().animate({top:"0px"},{queue:false,duration:200});
});
});
I am using jQuery 1.5 min.
