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.
I added the tooltip for mouseover event on select box items. Design New Cable in this page, i added mouseover tooltip on 9th select box items. First at the time of loading the page, it will show only one select box...
i've been having an issue with the jPicker and jquerySpinButton plugins. if i apply each plugin to one instance (say, a span) they work fine. however, the next time I do the call, the elements are not modified by the plugin. on the demo page, there should be two spin boxes, and two color selectors. only the top 2 work, the bottom 2 are deformed.[URL]..
Submenu items aren't visible when they are Cufonized. To fix this change superfish.js line 105 to: .find('>ul').hide().css('display','none'); and line 113 to .find('>ul:hidden').css ('display','block');
I've recently begun this week going through tutorials to learn some jQuery. My whole motivation was to create little windows that aren't entire new pop up pages. Think of being on facebook, going through some pictures and clicking the "Share" button. It's a new window that pops up but not an entirely new page if that makes sense.Unfortunately the w3schools tutorial didn't really point me in a direction to be able to do this. Any ideas on where to learn it?My real intentions are to learn how to do something like the pop up that you see when you first load this page:
I 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!)
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);
When my page loads, it automatically jumps down as if it were jumping to a named anchor. It's more apparent on longer pages (doesn't replicate if page fills screen). Happening in Win FF/IE/Chrome Disabling stylish-select.js (from [URL] where he used to allow comments but not anymore) fixes it, but I don't know enough Javascript to debug, Good example at [URL] Script is at [URL]
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.
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.
I 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:
I have a simple javascript overlay (like a lightbox) with a message that pops up. The user is meant to click a button, see the overlay thanking them for their vote, and then be redirected to the affiliate page (its a poll site) after about 3 seconds. I have everything down, except, it will either display the overlay as one of the onClick events, or it will do the timedRedirect but not both. I've tried putting the redirect before and after, and when its before it redirects, when its after, it shows the overlay. How can I do a timed redirect and show this message?
I'm not sure is this is a CSS issue or one that can be solved with JavaScript, but I'm having a problem with this page URL...where the text on the four flyer images aren't being positioned correctly upon the uploading of the page. However, when you refresh again, it positions correctly. At first I thought this was a caching issue on my computer, but it did the same thing on someone else's.I'm a perfectionist (as you all are as well ) and I don't like things moving around or being out of position.If it doesn't happen on your computer when you first upload it, try it again because it's an on and off thing.
I was under the impression, via W3Schools that 'checked' is only a property of radio/checkbox input objects. I was trying out this code that loops through several different types of inputs:
Code: //start loop var elem = theInput[i]; //grab the input if('checked' in elem && !elem.checked) { continue; } //...do some other stuff //end loop
As you can tell, I want to skip all radio/checkbox inputs that aren't checked because they are meaningless in my circumstance.....the problem is, it skips over EVERYTHING (that isn't checked) regardless of if it's a hidden input, text input, password input, etc..... I did a quick test:
I have a simple hide and fadeIn. When you rollover a word it will reveal the definition. The problem I am having is if you move the mouse around quickly from one word to the next word sometimes it gets hung up and a definition will not hide. The result gives this hanging defintion and whatever the other definition the mouse is rolledover.
Here is the code I'm using:
There are about 70 words in a box with the definition being reveals on the right hand side. Is there a way of making sure there is always only one definition being shown?
I am implementing some tabs using jquery and have run into a problem where a google map on one of the tabs is not displaying. I read that a solution is to "Use the off-left technique for hiding inactive tab panels"i.e Code:
With the code below, I am having an issue that only seems to occur in IE. The issue is that the "payer_pane" span should be hidden unless the "NEW" option is selected in the "relationship_person_id" select list. In IE, the payer_pane appears despite what is selected in the "relationship_person_id" select list. In Firefox and Safari, the span hides and appears as expected.
// this will need tweaking when we add multiple token types, but is hard coded for now so we're aware of it. var current_person_id; var current_gateway_id; $('document').ready(function() {
I am trying to hide/show table when hide/show button is pressed
Problem: The code works fine when I remove 'slow' from line 10. But with 'slow' in line 10 content of toggleButton doesnt change from Hide to Show when pressed.
I am working on a webapp that, if there are more than 10 rows to a table, has any rows in excess of 10 initially hidden, but discoverable via clicking on a link.In the source, I marked the rows that should be hidden with two classes, one of them named "additional", and tried the following:$.ready( function() { $(".additional").hide(); } );That didn't seem to do anything. So, as a test, I moved the script to the ottom of the page and simply had:$(".additional").hide();That still didn't do anything.I can workaround by using CSS to initially set display to "none" for the tr's that should not be initially displayed, but I'd like to know why the hide didn't work, and what I need to know to use .hide() and show() for my document.
I have a php page (intro.php) that loads a div. This div is a menu and contains 2 links:
link 1:intro.php?layout=classic link 2:intro.php
Currently when clicking these links, the page will refresh and the menu re-appears. This is not what I want. When clicking these menu links I want the page to load, but the menu div to be hidden. I think this is possible to use something in the link like: intro.php#hidediv?