JQuery :: .hide Wont Work When Speed Specified?
Jun 26, 2009This is realy frustrating me, i cant get the hide on this page
<!--
$(document).ready(function() {
var showText="Click to expand";
[code]....
This is realy frustrating me, i cant get the hide on this page
<!--
$(document).ready(function() {
var showText="Click to expand";
[code]....
I have a problem with hide() method on ie9: if I put this command after a flag, it (hide) doesn't work anymore.Obviously the same code works pertefect on firefox.[code]
View 3 Replies View RelatedI'm trying to hide a few options in a dropdown box using .hide(). This works perfectly fine in firefox and chrome, but it doesn't work in IE and Safari. My original code is more complex but I've narrowed it down to this.I've tried several combinations and nothing has worked.hide() works, but not for things within option tags for some reason.[code]
View 1 Replies View RelatedjQuery Code...
Clicking the link toggles the visibility of the Disclaimer, but it does not toggle the text of the a#toggleButton. How can I make this work?
Here's my issue, hoping someone can help. I have a page with 5 roundabouts on it showing pictures depending on a button click. Buttons would look like:
DOGS CATS BIRDS FISH REPTILES
So if you click Dogs, I want it to hide the roundabout for Cats, Birds, Fish, and Reptiles but show Dogs. This works perfectly in FF, Chrome, IE8, IE7, but if I view in compatibility mode or with an IE6/7 browser, all 5 roundabouts show and even if I hit the buttons, which fire the show/hide code, nothing gets hidden. Here's some code, I'm hoping someone has a tip on where I am going wrong in getting this simple show/hide of a div.
[Code]...
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've created a gallery with multiple slideshows; each of them show/hide when you click on their corresponding link. The first slideshow appears when the page loads, but the others are hidden with a div style. It works great in most browsers, except Internet Explorer :(. For some reason, IE only shows part of the slideshows; the whole iframe is there, but only a small portion of the photos appear (although the slideshow itself also continue to run fine).
I realized that the problem is the div style (style="display:none; ). When I remove it from all the slideshows, then they appear fully instead of partially in Internet Explorer. However, the purpose of hiding them is defeated, as they all show up at once when the page loads. I want to keep them all hidden until you click on their respective link to show them. The page can be viewed here: [URL] Firefox shows how it should display....
[Code]...
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");
}
);
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 Replies View RelatedI 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]....
So I am trying to hide content and show it when selected with a select box. The first select box works fine no problems.
However I added a second one with two options, and it will not work at all. If I use the same name it messes up, and if I make a new name, it does nothing at all.
ShowNext function is the new one I added that doesn't work.
<script type="text/javascript">
function ShowReg(op) {
document.getElementById('public').style.display='none';
document.getElementById('alliance').style.display='none';
[Code]....
Basically, as you can see,*I've created a gallery page with multiple slideshows using iframes & javascript; each of the galleries show/hide when you click on their corresponding link. The first slideshow "Family" appears when the page loads, but the others are hidden with a div style. *Then, when you click on each gallery's link, that gallery appears, but all the other galleries hide.It works great in most browsers, except Internet Explorer. For some reason, IE 9 beta only shows part of the slideshows; the whole iframe is there, but only a small portion of the photos appear (although the slideshow itself continues to run fine). IE 8 doesn't load the galleries at all, except for the first one ("Family"); the div section appears for them, but the slideshows do not play.
I realized that the problem is the div style (style="display:none; ). The first gallery, "Family", shows fine because it's not hidden to begin with.*When I remove that div style from all the slideshows, then they appear & play fully (instead of partially or not at all) in Internet Explorer. However, the purpose of hiding them is defeated, as they all show up at once when the page loads. I want to keep them all hidden until you click on their respective link to show them.Coding:
Code:
<script type="text/javascript" language="JavaScript">
<!--
[code]....
I 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]...
Is it possible using slideToggle to set a faster speed for hiding than for showing?
View 4 Replies View RelatedI am trying to hide this code:
HTML Code:
using this code
HTML Code:
This works fine when I place this code under the html in the main source, but if I try to add this Jquery code to an external js sheet it doesnt seem to work?
Currently my js sheet is called in the header, when I move this link to the footer of my page the code works again, so Im guessing this has something to do with where the jquery code is placed in relation to the code Im trying to hide?
How I can keep my js in the header but still make the content disappear on click?
I am using the cycle plugin on the homepage of my website and it it taking 6.5s ish to fully load the page. All the elements are loaded in less than 1s but it takes 5s plus to render the final page. Is this a CSS issue or is there a better way of using the cycle plugin?
[URL]
This is the site: [URL] And the attached javascript: [URL]
Now Begin and Contact are fine, but as you can see, the Einde part isn't sliding in. I'm hiding my "Second" div at the end of the transformation to avoid horizontal scrollbars. But after I show it again, to slide it back to the left, the transformation somehow doesn't work.
If I comment out the slide-to-left transformation, the Second div shows on the right, with horizontal scrollbar. So it does actually do the transformation, but doesn't seem to do the slide. I've also tried re-setting the -webkit-transition property again after I show() the Second div, to set a delay on it again. However, this had no effect either.
I have a website at: [URL] The page works on Google Chrome, Mozilla Firefox, and IE-9. It sort-of works on IE-8, however, the problem is that on IE-8, there is about 2 seconds where everything is shown on top of everything else in a mess. This is bad.
The website is unusual in that it uses a menu to slide screens from right to left. This has implications. For instance, I need the menu to appear on all screens, so I use absolute positioning, and then use javascript to calculate the center position. The same goes for a logo image. And on top of that, some screens (which are really DIVs) have items positioned by absolute and relative positioning within them, and those positions are often calculated via javascript (and then set).
On IE-8, the result is not good. I think what is happening is that the browser first shows everything as it appears before javascript is run, and then slowly the javascript is run, which puts everything in the correct position. So initially, not only is everything in the wrong position, but different DIVs appear on top of each other.
I am using the following script on one of my pages (script comes from [url]:
Code:
The script works great, BUT I need to use it in 2 different areas of the same form. It only works on an id="selectMenu" and of course I cannot have more that 1 id.
How can I get this script to work in multiple select fields? (at least more than 1)
I am having some issues using jQuery multi-select, it works fine but really lags when I have multiple instances (can crash the browser in some cases) am using jQuery 1.3 & jQuery 1.7 as the demo (have tried updating to the newer versions but problems persists)
I am using the following [url]
Does anyone have any idea to speed this up, or an alternative plugin that works a little better?
I would like to design a page that measures the user's download
connection. Does anyone have an example link or script that might aid
me in this task?
anyway to check connection speed?
View 3 Replies View Related