Im animating a div to go up, its a long animation upto -8000px but it doesnt show a fix speed, at the begining is really slow and speeds up then at the end it slows down.
View 1 RepliesI'm wondering whether anyone else has experienced the <ul>s remaining visible on mouseout to the bookmark bar in Chrome. Giving the whole thing a top margin doesn't seem to be working.
View 1 Replies View RelatedI've set my margin as a % and am trying to get the value via jquery. It's being returned as a pixel value from safari and firefox, chrome is returning the percentage. OuterWidth returns an incorrect value (reporting as 1px more than innerWidth and I know it's 4px).
View 5 Replies View RelatedI would like to get the height of a div. This div contains other markups tag like some paragraph. However, I don't manage to get the height of this div if some paragraphs inside of it have some margin defined, even when using outerHeight(true)...
ps : a test case (simpel html file wit the required javascript) can be found there : [URL]
I occasionally need to set a negative margin on objects for positioning but 1.6.x ignores the declarations. This use to work fine with earlier versions. Has this issue been addressed? I tried all the combinations I could think of and the setting is ignored if a value is negative. (did not find a problem reference when setting a negative value in the forums)
$(objRef).css(marginLeft, "-20px");
$(objRef).css("margin-left", "-20px");
$(objRef).css(margin, "0px 0px 0px -20px");
[Code].....
I already have most of the code to successfully float my sidebar and make it follow your scrollbar.The problem I have however, is that there is a small margin between the sidebar and the footer when the scrollbar reaches its end.How do I correct this little margin? Nothing, that important but I do want to fix it badly.
View 21 Replies View RelatedI'm trying to set a modal to the top right corner of the screen using block ui. In IE 6 the right margin is working, but it's ignoring the top margin and centering the modal in the window. In other browsers it behaves as expected
View 1 Replies View RelatedAll expanding textarea plugins I've seen always insert an additional line at the very end. This signals the user that more text can be typed since there is more space (such as [URL]). But can anyone direct me to an expanding textarea plugin which doesn't add an extra space at the bottom? I want it to grow only to the exact number of lines which have been typed.
View 1 Replies View RelatedIf I have the following:
<div class="jcarousel-clip jcarousel-clip-horizontal" style="width:
459px; height: 220px;">
<ul id="mycarousel" class="jcarousel-list jcarousel-list-
horizontal" style="height: 220px; width: 918px; left: 0px;">
<li class="jcarousel-item jcarousel-item-horizontal jcarousel-
item-1 jcarousel-item-1-horizontal" jcarouselindex="1"></li>
<li class="jcarousel-item jcarousel-item-horizontal jcarousel-
item-2 jcarousel-item-2-horizontal" jcarouselindex="2"></li>
<li class="jcarousel-item jcarousel-item-horizontal jcarousel-
item-3 jcarousel-item-3-horizontal" jcarouselindex="3"></li>
</ul></div>
Trying to figure out how I can do a .each on each <li> and then add an additional style to the last <li> in the list.
Stumbled onto this one: retrieving the margin doesn't seem to work in Firefox or Opera. This is code I'm using, which works fine in Chrome, Safari and IE:
var contentmarginl = parseInt($('#wrapper').css('marginLeft')); // fails
var contentwidth = $('#wrapper').width(); // works alert(contentmarginl);
The alert returns (in my case) 350 in the complying browsers and 0 in FF and Opera. Is this a bug or my error? Is there a known workaround? EDIT: Just tested in XP sp3 IE7 & IE8. Returns Not a Number (NaN)
I recently wrote this slider function which automatically detects margin-top CSS values, then offsets the desired div, then simultaneously slides and fades the div in using jQuery's animate() function. It seems to work well with only one div. However if I set it up to slide multiple divs, I am having an issue I cannot figure out.
First, here's the example...[url]
You will have to few the example in Safari or Firefox as I have disabled the javascript in IE using conditional comments. You can view source to see my HTML, CSS, and Javascript.
My issue is this. The #header div slides in great. After a set delay, the #about div slides in. I want each div to slide in separately, one after another. However, when the #about div slides in, it seems to affect the #header element. When the #about div is in motion, I do not want the #header element to move.
I have successfully implemented the Datepicker plugin but am having very difficult problems with the image alignment of the calender icon.
The icon seems to have no padding/margin/spacing between the input box and the image, and is also not aligned correctly.
I have viewed the documentation but can see no reference on how formatting is achieved.. I looked at jquery-ui css (redmond) and can see no reference to how this is aligned.
It's possible to set custom speed for each pic or for some pics?and How remove the frame
View 4 Replies View RelatedI am new at this jquery stuff. In fact, I'm more of a cut and paste kind of gal I have a web page that I incorporated a slideshow. The picture seems to change a bit faster than I'd like, and I can't seem to make the picture go slower than it already is. Can anyone tell me what value I need to change to accomplish this? I changed a couple numbers, but didn't seem to have an affect. Also, is there a way to add a pause and play button so if the fading picture bothers someone, they can pause it?
[Code]...
Suppose I want to populate a drop down ajaxly. The population is written like:
var $select = $("#target");
$.each(datas, function(){
$("<option/>")
.val(thia.value).html(this.name)
.appendTo($select)
.data('srcData', this);
});
But the speed is considerably slow when the datas is large. I know that I can use just string concatenation and html() finally to speed it up but what can I do with the data()?
I am using the Google audio player on a website and the html is:
[Code]...
and write a click function but it doesn't work. How can I do this?
I want an div#breadcrumb to animate when some other divs are hovered.
This is my code:
var BrHo = $('#breadcumb') + $('#nKnapper') + $('#Navigation');
BrHo.hover(function(){
$('#Breadcumb').animate({
opacity: '1',
fontSize: '14px',
}, 2000)
}, function(){
$('#Breadcumb').animate({
opacity: '0.1',
fontSize: '10px',
}, 2000)
});
It's not working. It seems like I have to convert BrHo variable to an Array? Is that
right?
I can't change the speed on any jQuery functions that use that parameter, for example fadeIn(). No matter if I add slow, fast, 100, 180000... my tags/images/whatever always fade in at the same speed which is something between half and one second. Is this a bug?
View 2 Replies View RelatedI want to use animate function(changing the top value of UI tag)for the ui tags with a speed of 6000.Well the top value does change for the UI tag but it the animation is not visible meaning that it moves very fast.Instead it waits for 6000 ms and then at the 6th sec it suddenly changes the top value without giving the animation effect. This problem i m having only for UI tag below is the code
$('#van-one li a').mouseover(
function()
{
$('#van-one li ul').animate({top:"25px"},6000,"linear");
}
);
This is realy frustrating me, i cant get the hide on this page
<!--
$(document).ready(function() {
var showText="Click to expand";
[code]....
I am trying to implement a div containing a form drop down on hover and I have everything working except for when I try to add any sort of animation or speed to the '.show' or '.hide' effect. When I try to add speed or seemingly any other effect to the div, the select elements of the search form fires the hover event. Does this make sense?
[Code]...
So I have set the speed, timeout and delay for my transitions. If I launch the page and let it autoplay the timing is great. However when I click one of the links on the right and it changes slides, or I click a link in one of the slides the timing between slides increasesI am not sure what I am doing wrong as I have not defined timing anywhere else. Below is the code that I am using.
<script type="text/javascript" src="scripts/jquery-1.js"></script>
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript">
[code]....
there is a way to add an animation to an element that is being animated?I have an element called #example, i call $(#example).animate({"left",500},10000}, after 5 seconds i want to animate also the top attribute, then i call $(#example).animate({"top",500},10000}. It does not work.I have to stop animate, then create a second animate, or there is some way to merge the two animations?
View 2 Replies View RelatedI'm having trouble displaying an animated loader.gif when submitting a form.
What i have is this function
And i have a div like :
My problem is that while it works fine on safari and chrome, in firefox, when the submit event is fired, tha animation on gif freezes. I've done a lot of serach and o can't fina a solution.
i have an animated gif (a circle being filled) as a slidebullet for the active slide. It works just fine when u dont touch the controlls, but if i click another bullet it does not restart the gif animation when switching to the gif on that bullet, so it looks really cheap.. Is there a jQuery (or another) way of restarting the animation from the beginning when manually switching bullet/slide?
View 3 Replies View RelatedI use cycle for a news scroller, the slides do not stay long enough on the screen and I want to slow this down but i can't find out how. I have used delay but it only affects the first slide.
[Code]...