JQuery: Show/hide Buggy In Chrome
Oct 28, 2010
I'm having a heck of a problem with some jQuery. The key issue is that I can't change the structure of the HTML. The items hide/show just fine in Firefox, but in Chrome they're buggy.
The "home-teaser" pops under the "home-thumbnail" div. I suspect it has to do with how I hide all the "home-teaser" first and then show the one I want.
Code:
<div class="view-content">
<div class="views-row views-row-1 views-row-odd views-row-first">
<div class="home-thumbnail"><img /></div>
<div class="home-teaser"></div>
[Code]....
View 2 Replies
ADVERTISEMENT
Sep 21, 2009
I am building a simple show/hide list with the jquery. It works great on IE and Firefox but in Chrome and Safari the closing menuitems shift the whole menu to the left for a second and then back to its origin. I have about 20 menuitems that each hold about 5 submenu items. The goal is to show the 5 items only on mouseover on the menuitems and then hide it once the mouse moves away.
Here is the code:
<script type="text/javascript">
$(document).ready(function(){
//Hide all subsubmenus
$(".subcategories").css("display","none");
});
</script>
<li><a href="/kleinanzeige-aufgeben/geschenke.htm" onmouseover=" $
('.subcategories:not(#86)').hide('fast');$('#86').show('fast');"
title="Geschenke">Geschenke</a></li>
View 4 Replies
View Related
Mar 5, 2011
just started using jQuery,and i'm having a problem using the function .show()/.hide() to make a div appear and disapear when a certain option value is selected.It's working fine in firefox but not working at all in chrome and IE 8.This is the function code i'm using :
$(function(){
$("#produtos").click(function(){
$("#produtos_valor").show("slow");
[code]....
View 3 Replies
View Related
Sep 12, 2011
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.
Code:
View 1 Replies
View Related
Mar 5, 2010
I have bashed up a very simple accordion mock type script (I do not want to use accordion, I don't like the effect). The problem is it's buggy in IE as you'll see if you try it - Link
View 1 Replies
View Related
Aug 4, 2010
I have implemented a tooltip type control in my site. Basically when a user rolls over an image with the class 'friend_pic', a div with the id "members_tooltip" pops up with more information about the source of the image and when the user rolls away from the image the div gets removed. The data is retrieved via an ajax post. The tooltip pops up down and to the right of the mouse pointer and there is also a function to move it as the mouse moves.
This sort of works but gets buggy if you roll around the image really quickly often the div's content will disappear but the empty div stays on the page. Here is how it is coded: //display a tooltip type popup with more information about a person when you hover over their pic
[Code]...
});Again it only happens when the mouse is moved really quickly, and the error is often the content of the tooltip being removed but the empty div remaining.
View 2 Replies
View Related
May 27, 2010
I have four images on a page that on hover, needs to replace the main text with relevant text pertaining to that image. It's working but buggy. If I roll over slowly and roll off slowly, I get the desired effect. When I rollover quickly both div's content show. I have attached a thinned out version of what I need to be able to do. This example is a solution close to what I need but if there is some kind of onComplete event that can be called when one function is finished executing ....
View 1 Replies
View Related
Nov 22, 2011
I am using Javascript: pop up function to pop up bar chart on a new page to show the pointer of the student. My JS codes can run on IE and firefox but fail on chrome. Chrome give me the blank chart as shown below.
I want to display the same thing as in IE and firefox in chrome as well. Below are the codes:
Codes of the main page (manage_student.php)
Code:
Codes of the pop up page
Code:
I need chrome to display as in IE and firefox.
View 1 Replies
View Related
Jan 22, 2009
I am having problems, basically I have a set of nested lists I need to show and hide
Code:
<ul id="smenu3"><ul id="smenu4">
<li>stuff here..</li>
<li>stuff here..</li>
<li>stuff here..</li>
</ul><ul id="smenu5">
[Code]...
I always want "smenu3" to show with "smenu4" and "smenu5" collapsed... When the user clicks the link, it calls a javascript function to show "smenu4" like so...
[Code]...
View 7 Replies
View Related
Apr 10, 2011
I have some divs laid on top of each other. By clicking somewehre specific I want to hide all the divs but except for one - which is related to the point i clicked - to show up.Here is my code so far:The function will be called by something like this:
<a href="javascript:void(0)"><img src="album_emilia.jpg" width="90px" height="125px" onclick="setAlbum('emilia')"/><p>Emilia</p></a>
function setAlbum(album) {
$('.right_nav').each(function() {[code].....
All these divs are in the same from the right_nav-class.I guess the problem lies within line 6, where I want to select the div that should show up and is given as the argument of the function.The commented lines are things I already tried, but didn't work either, especially $(this).style seems to be invalid.It does hide all divs as i want, but the one i want to show again doesn't show up. It just stays hidden...
View 9 Replies
View Related
Jul 3, 2009
I got this example code which show rows when click on it, the problem is it shows all but I want if I click on one row it shows that one and hide others.
<head>
<title>Jquery Table Display</title>
<script type="text/javascript" src="jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="jquery.tabledisplay-0.2.js"></script>
[Code].....
View 2 Replies
View Related
Mar 23, 2011
i searched the forum, but did not find a working solution for my problem. IE6/7 are not hiding the divs in the $(document).ready function. Tried also:
$("#closed").css('display', 'none'); document.getElementById('closed').style.display = 'none'; It is working when i add the ID "closed" to the <li>-Element instead of the <div>-Container. All other browsers are working fine.
[Code]...
View 2 Replies
View Related
May 14, 2011
the box. Anybody know what's wrong?i have the following code:
<!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">
[code]....
View 1 Replies
View Related
Apr 26, 2011
I'm trying to get jquery to show a specific div "apDiv2" after a hide effect. Basically the click function will hide all divs with ids containing 'adDiv' in the id and then I want to fade up a specific div based on the id of the clicked object. It hides all the divs correctly but the show doesn't seem to work.
[Code]...
View 3 Replies
View Related
Oct 10, 2010
I am trying to learn jquery. my example below is to show and hide content in a group divthe code works but i want to know if this is best practice to write what i did. Is there better way to do it?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html
> <head
[code]....
View 2 Replies
View Related
Jun 23, 2011
Need to use one single button to toggle the show and hide for divmy code looks something like this
function showTable(number){
$('#div_'+number).show('slow');
$('#button_'+number).html("Hide Table");
$('#button_'+number).click(function(){
[Code]...
View 1 Replies
View Related
Jan 30, 2010
I'm having a problem on: [URL] I've got a menu on z-index:0; and a footer on z-index:1; if you're doing a mouse over, the menu pops up under the footer. But the menu is longer than the footer (it's a png image) so you see the menu stock under it what isn't exactly the meaning. if there was a overflow-bottom:hidden; it's was solved but now i don't know what to do!
View 3 Replies
View Related
Apr 27, 2011
jquery hide & show table row concept
View 1 Replies
View Related
Apr 27, 2009
For me one of the best things about jQuery is that I don't have to worry about browser compatiblity.I wrote some code to extend an excisting jQuery application (Galleria) and only tested it in FireFox. I split a long list with thumbs in several blocks: deel0, deel1, deel2 etc. After that I hide every block except the first one. If the visitor clicks on "Next serie" I hide the first block and show the second. All seemed to go well until I tested the page in IE6. The jQuery effects "hide" and "show" work fine in FireFox but not in IE6. When I click on "Next serie" the next block of thumbs don't show.
[Code]...
View 5 Replies
View Related
Oct 8, 2009
[code]I want div 'LoggedOut' to be switched with div 'LoggedIn', based on user login condition. If logged out show div 'LoggedOut' else hide 'LoggedOut' div and show 'LoggedIn div'.
View 2 Replies
View Related
Feb 6, 2010
I'm using a simple jQuery show/hide toggle effect for the FAQ on this page:
[URL]
I would like to add Show All / Hide All links to the top and bottom of the page that will show and hide all answers at once.
View 1 Replies
View Related
Sep 20, 2011
I have this code, which of course works perfectly in everything but IE:
var
showHide=
function
[code]....
View 8 Replies
View Related
Apr 23, 2010
Note that these issues are specific to IE8, and I am using for the purpose of creating a program which works in IE, FF, Chrome, so I've only tested my solutions in those 3. I wasn't sure whether to start this as a question (as I am asking for an easier solution) or if I note it as a problem or discussion.
Any time I've used .show(x) where x > 0 on anything inside of a table, I get this "flicker", which has been mysterious to me for a while. As I need the row to expand it's height when the object grows, so I can't use "position:absolute;", which I found as a suggestion elsewhere (and does work...if the space is already allocated).
[Code]...
I hope this helps anyone who is having the IE "flicker" issue, and I hope even more that someone out there can give an easier solution!
View 2 Replies
View Related
May 14, 2011
I want to have a couple of links like
'Link1' >> opens box1
'Link2' >> opens box2
'Link3' >> opens box3
The boxes are not closing good?
I have this code but something is going wrong:
<!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 1 Replies
View Related
Dec 22, 2010
I am attempting to create a sort of popup effect when you hover over a certain div (.box)This is the code I have worked out but nothing seems to work.What I think it is supposed to do is on hover of the div "box" the opaque id will show which has the styling to make the entire page opaque around the div. None of it works however. And yes, this in in wordpress if there are any conflict issues.
jQuery("body").append("<div id='opaque' style='display: none;'></div>");
jQuery('.box').hover(function() {
jQuery(this).show('#opaque');
[code]....
View 5 Replies
View Related
Feb 13, 2011
I need to make a simple drop down menu with full-width div's. The hidden div's should show on mouseover, and not close until the trigger and div lose the mouseover, either because the mouse tracks over another menu ink and triggers it's tab, or because the mouse leaves the menu completely. There are lots of menus that function this way -- [URL] -- but I'm trying to avoid hacking through all the css and js files they call to find the pertinent styles and functions.
View 2 Replies
View Related
