JQuery :: .hide() Not Hiding Elements In IE
Aug 28, 2009
I'm having an interesting IE6 and IE7 issue that may just be par for the course. i'm curious if anyone else has run into this problem.
Here's the URL: [url]
I have a bunch of nested lists with IDs in certain ULs, like <ul id="collapse">. i'm trying to use jQuery .hide() to hide all the ULs with that specific ID. everything works as expected in firefox, safari, chrome, IE8, etc. but IE6 and IE7 seem to only notice the first UL in the DOM tree. so IE6/7 hides that first UL, then stops.
View 3 Replies
ADVERTISEMENT
May 27, 2010
why I'm getting an uncaught exception with this?
var nav = "navigation";
$link = $("#" + nav + " ul ul");
$.each($link, function() {
[code]...
View 1 Replies
View Related
Feb 13, 2010
I want to show or hide some tags of registration form with changing a combo
I wrote this code :
$('select[name=user_type]').change(function(){
FormType = $('select[name=user_type]').val();
switch (FormType)
{
case 'teacher': $('.teacher_form').show();
[Code]...
View 2 Replies
View Related
Aug 16, 2010
If you want to see what I'm talking about at any point, go to [URL] and hit the "web" button in the top-rightish area. Or, you know, check the source code, because you can't see any of that stuff right now.
So, I'm working on a portfolio for myself. And I want to make it for myself, because, well, I don't want to be lame.
My portfolio has three parts: stuff I've designed on the web, stuff I've written, and other stuff. Those are separated by the three buttons in the top right. You hit one, and the old visible item fades out, and the new one fades in. It's pretty.
Now, the "web" section is the problem. Right now, the div associated with it contains 3 div's. Each of those divs contains a p, and is not visible by default. On ready, I do this:
function readyFunction()
{
var pages = [];
submenu();
[Code].....
But when I try it out, nothing shows. It should show the first element, right?
I am aware that by calling toArray(), I am turning jQuery objects into DOM objects. That's not the problem, is it? How would I fix that?
View 1 Replies
View Related
Apr 14, 2011
Let's say I have two lists for menus and one list for sortable content.
If I click on "A" in the #type list, the content list is sorted, the li's with the classes "B" and "D" are hidden by attaching a class of .hidden to display:none. In turn becoming:
My question is, how do I apply the new content results to the #location menu? If "B" and "D" are hidden then numbers "3" and "4" shouldn't be displayed. I'm having trouble getting the two to talk to each other. I've tried .is(':visible"), .each(), etc. and can't quite crack it.
View 1 Replies
View Related
Mar 14, 2010
I have a page I am working and I am having some trouble with: I need to show and hide areas based on a radio selection. I initally started using the show / hide feature in Jquery but the problem is the elements need to be removed but then put back if the user selects the radio buttonagain as it has form elements that have validaion on them. The validation is still trying to validate the form elements becuase they are still on the page but just not showing. This is the radio group the user makes the selection from:
<input name="terms_usr" type="radio" id="terms_usr_1" value="1"/>
<label for="terms_usr_1">Credit Card</label>
<input type="radio" name="terms_usr" id="terms_usr_2" value="2"/>
<label for="terms_usr_2">C.O.D</label>
[Code]....
View 3 Replies
View Related
Oct 7, 2010
I awhen it comes to "developing" jQuery but I am trying to do something that is seemingly something simple but I can't for the life of me, figure out the best way to do it.
http:[url].....
Here, you'll see the area below the navigation that has five buttons which are supposed to help scroll between the five associated divs.All I want to do is hide the currently shown div and then slide in the div associated with the button clicked.http:[url].....Here is what the animation is SUPPOSED to look like but the problem is is that the correct one uses Prototype and I am trying to use only one library and jQuery is the most suitable because I use it for other effects in the site and jQuery and Prototype obviously don't mesh well.
View 3 Replies
View Related
Apr 21, 2010
Basically, I have an element I want to hide before it is shown when a condition is met. For reference, it's checking whether a particular radio button is selected. if ($('[name="'+q1110.name+'"][value="'+q1110.value+'"]:not([checked])')) $('#_divhide').hide(1, function () { q1110.toggle = false; }); Right now, only in IE 6, it shows that element for a split second, then hides it. I don't want it shown at all unless the radio button is checked. As usual, I can't manipulate anything in HTML unless it's done through JS.
Also, the slideUp and slideDown functions don't work properly in IE 6. They do hide and show, but the animation isn't smooth. The element disappears and reappears without any animated effects. It's kind of a bummer since it works perfectly in FF 3.6.
View 2 Replies
View Related
Mar 30, 2010
I got a table with hundreds of rows...and I want the user to be able to hide a single one by clicking on the table row.
How can I do this without typing in hundreds of ids like 1,2,3,4,5... Since you can't get elements by class and ids have to unique I'm not sure how to do this. Also the order of the rows will change when they get updated so it would end up being a mess of unordered ids.
View 16 Replies
View Related
Jan 17, 2006
Here's my situation:
1. I have a web browser component that does not support Javascript
(well it does, but we've disabled it)
2. I have to display some HTML in it, where the user has a link titled
"Hide|Show Options" that can hide/show a particular section of the
HTML.
I have not found a way to achieve it without using Javascript or any
other scripting language.
Is it possible to do this using pure plain HTML?
View 3 Replies
View Related
Jul 20, 2005
I am trying to hide a drop down box in a form on a jsp page using the:
style.visibility="hidden";
The form element is hidden ok but my problem is that the space still
exists where the element is.
Can anyone tell me how to hide these elements so that they dont mess up
the layout of my form.
View 1 Replies
View Related
Jun 20, 2009
i've been searching the web for the best way to hide window elements in FireFox. But i'm not finding anything with clear defined answers.
View 1 Replies
View Related
Aug 8, 2010
I have some pages being loaded via ajax and I want some of the elements hidden when the page is loaded.I could hide them with CSS and then change the css attribute when I want them to show but that just seems clunky to me since I'd have to assign <input style="visibility: hidden;"> to everything I wanted hidden on load. I know how to make it visible later when I need it.Using jquery's document.read doesn't seem like a good solution either since I'd have to make a list of everything I might want hidden right there on the main page.
View 5 Replies
View Related
Jun 21, 2010
I am building a sort of tree view in javascript with items that can be expanded and collapsed (with default being collapsed).The problem is the page can get very large, and the user sees the the browser render the list with all the items expanded, and then sees them all collapse after half a second.[/quote]You could use a setInterval in the head section that's on a tight loop, that waits and watches for the tree, then hides it and removes the setInterval process.
View 2 Replies
View Related
Jan 30, 2010
I'm using the following css code which wrapped around a dynamically populated field;<span class="ui-widget-header platform ui-corner-all"></span>
When the span is empty I want to hide it, and I've used this jquery to do this.
However, the ui-widget-header class appears to be stopping it from hiding - if I remove this class it hides fine.
View 5 Replies
View Related
Jun 29, 2011
Is it possible to hide more than one element using one .hide(); For example can something like this be done -
$('#one', '#two', '#three').hide();
as opposed to listing them individually like -
$('#one').hide();
$('#two').hide();
$('#three').hide();
View 1 Replies
View Related
Jun 16, 2011
$('a.showContent').click(function(e) {
e.preventDefault();
$(this).each(function(i) {
$(this).parent().parent().find('.hide').slideDown();
[code]...
is also not doing it..how do I hide elements with same link that I used to show them?
View 4 Replies
View Related
Jun 16, 2009
i want to hide some elements on my site, but don't want to makethese inaccessible for users without javascript enabled. Some usersare complaining about being able to see that element for a splitsecond before the page has finished loading and the element is hidden.Is there a way in which I can hide the elements right from the start,
View 2 Replies
View Related
May 5, 2010
oving jQuery at the moment, and have sort of hit a hiccup with showing and hiding specific elements with the same class. My idea is, what if I wanted to add a little button to show and hide the contents of a specific comment on a forum post, or blog, whatever. This would be easily done with id's but I'd like to just apply a class to each one of them and allow them to hide their contents. Here is the javascript and html as an example of what I am talking about.
[Code]...
View 2 Replies
View Related
Sep 9, 2010
i've got a question. I would like to show childlists in a sidebar which have less than 2 elements in it, and hide childlists which have more 4 elements in it.this is what i got til now:
$('.sf').children('li').children('ul').length <= '2'){
$('.sf').children('li').children('ul').show();
}
but with this code, all childlists will be shown.
View 2 Replies
View Related
Sep 21, 2010
I have several elements in a repeater control like this:
<table id="Table2" class="table2" align='left' style="padding-left: 3px;
margin: 0; width: 400px;">
<caption>
Blah
[Code].....
However the problem with this is that when I change the dropdown box it changes the hide/show status for every item in the repeater.
What is the best way to only have it hide/show the items in the repeater where the dropdown box is located?
View 4 Replies
View Related
Aug 19, 2010
I am new to jQuery and I am having trouble with the syntax, selectors and refining when trying to create functions. What I am trying to achieve: I have a gallery consisting of a ul with images placed in vertically stacked list items. The ul is in a fixed size wrapper with overflow:hidden so only the first list item displays. The user clicks a button and the first li is hidden using hide(400). This makes the other list items flow up and reveals the second list item within the wrapper window.
When the last list item is visible, the click will show(400) all of the list items again, causing them to flow back into order and only the first item will be showing again. Further clicks will repeat this process from the beginning. I know what I would like to do in terms of code, but I am having trouble with the correct syntax, selectors and refining. I have included the html and description version of the code I was hoping to create. I know the code could be much more efficient by placing functions into variables and testing for true false, but I would like to see the steps with my longer code description for learning purposes. Perhaps afterwards someone can blast it off in two lines.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]">
<html xmlns="[URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>list hiding test</title>
<style>
.listWrapper {
height:25px;
width:380px;
background-color:#d6d6d6; .....
View 2 Replies
View Related
Aug 4, 2010
how one can show and hide a div element using a pulldown menu. i need the different selections in the pulldown menu to show hidden DIV elements on the page. this will be used in a system where i only have access to the template, so the only approach i can use is jquery. how to change it for the specific selectors i need.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code].....
View 2 Replies
View Related
Jul 2, 2009
Take a look at my testing website: [url]
You'll find the following javascript in the source code:
Now this all works...well, sorta.
The DIV elements specified are hidden when the page is first loaded.
These DIV elements then re-appear (as programmed above) when the mouse pointer is hovered over them.
These DIV elements are listed on the right-hand side of the test webiste.
They contain the Google Ad's you will see listed along the right-hand side of the website.
However, you were not suppose to see the Google Ad's when the website first loads up.
The DIV elements are initially hidden, but the Google Ad's contained in the DIV elements are always visible!
I want the Google Ad's to only appear if a mouse pointer happens to hover over them ( a little test of mine.)
I don't get it...the DIV elements disappears when appropriate, why not their contents: the Adsense?
View 3 Replies
View Related
Mar 17, 2011
I have a set of radio buttons on my pricing page:
And a corresponding text_field input element div I'd like to display based on which radio button the user selects:
When the page loads, I'd like to see:
When the user clicks on a (different) radio button, or clicks one for the first time, I'd like whichever div is currently showing to be hidden, and the newly selected one to be shown.
Right now I have jQuery code at the bottom of my page that looks like this:
For each of the four options.
When the page loads, the correct div is shown, and when I select a new button, the new div is shown, but the already showing one isn't hidden.
I've read some posts that suggest using change() instead of click(), but others indicate that's problematic in IE.
View 1 Replies
View Related
Jan 17, 2011
If I want to hide a title / heading if a field below is not filled in, what would be the js for that?
I have an "Attachments" h2 heading and three following fields for the client to add up to three attachments. But if none are filled in I want the h2 heading to not display.
This is what I have so far:
This should take care of the three fields, but how do I tie in the heading too?
View 3 Replies
View Related