Script Hiding Div On Tab Click Not Working In IE8?
Jun 12, 2009
The following code works perfectly in FF, Chrome, and IE7, but in IE8 the two tab divs do not hide (or then show; they are visible) with clicking the tabs.
html4strict Code:
<div class="tabbed sermons">
<ul class="tabs sermons">
<li><a rel="tab1" href="#" onclick="donothing();return false;">Sunday Mornings</a></li>
[Code]....
I can't see why this would not work in IE8. I am not familiar with all the CSS changes in this new browser, so perhaps that's the issue? Again, the tabs never hide and clicking the tabs does nothing, so I'm guessing that section of script is not doing anything.
View 2 Replies
ADVERTISEMENT
Aug 18, 2011
I am trying to show the time and when you click it I want it to go away. But its not working.
<script type="text/javascript">
var date=new Date();
var time=date.getHours();
[Code].....
So I dunno what im doing wrong but when I do this the page is blank.
View 4 Replies
View Related
Jul 2, 2009
ive just got this script ive got set up and it works fine, but not what i expected.i want it so i have headings and when i click those headings sub headings show up and when i click on that heading again they dissapear however i also want it so that you can have multiple headings open at once .how would i be able to modify this code so that if i have say sub1 open and i click to open sub2 sub1 remains open
var persistmenu="yes" "yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" enter "sitewide" for menu to persist across site, "local" for this page only if (document.getElementById){ DynamicDrive.com change[code].....
View 1 Replies
View Related
Sep 21, 2010
I have a simple HTML:
<tr><td><div class="panel">Click me 1</div></td></tr><tr><td>...</td></tr>... several tr's to be hidden on Click me 1 ...<tr><td>...</td></tr>
<tr><td><div class="panel">Click me 2</div></td></tr>
<tr><td>...</td></tr>
[Code]....
Is it possible to write jQuery code that will hide all <tr>'s that's under the <tr> with <div> (Click me 1) inside them? But not to hide those that's under the <tr> with <div> (Click me 2).
Class name "panel" must be same for all clickable <div>'s. <tr>'s and <td>'s can't have any class or id.
View 2 Replies
View Related
Aug 18, 2009
I would like to know if there is a way to keep the script as is but also add a function to this script so that if a user clicks on another tab (div) the open tab will close on click? Please see code below:
<!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 4 Replies
View Related
Mar 10, 2011
I'm getting started with jQuery. I want to write a form where I can add and hide fieldsets.At the end there is a button "add Theme". If I click on it, the next fieldset whose display is none should be shown. And every fieldset except the first one have a button remove. This is my code, but it doesn't work .
<!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
Feb 6, 2007
In my list box if i select one item corresponding to that 4 fields has
to be appear below the list box and if i select another item only 1
field has to be appear below the list box and if i select another item
no fields has to be selected.
View 2 Replies
View Related
Jul 2, 2010
I am trying to let my user hide or show certain div's on a page. I am managing it in Firefox but IE wont do it for me. IE errors saying Object doesnt support the Property or Method? I have dynamic naming for the divs and call the script like so where you see x my array fills in the number index so the div's gets id's like myDiv(0) up to whatever.
Code:
<a href="javascript:showhide('myDiv(<%=x%>)')">Show Hide Div</a>
The Script that gets used is as follows.
Code:
<script language="javascript">
<!--
var state = 'none';
function showhide(myDiv) {
if (state == 'block') {
state = 'none';
} else {
state = 'block';
} if (document.all) { //IS IE 4 or 5 (or 6 beta)
eval( "document.all." + myDiv + ".style.display = state");
} if (document.layers) { //IS NETSCAPE 4 or below
document.layers[myDiv].display = state;
} if (document.getElementById &&!document.all) {
hza = document.getElementById(myDiv);
hza.style.display = state;
}}
//-->
</script>
View 11 Replies
View Related
May 25, 2011
I am using CuteEditor for my WYSIWYG text editor. I like to hide all the icons until the user click on the textbox editor. Is there a way to do this in jQuery?
View 18 Replies
View Related
May 29, 2010
The code works great to hide the columns. The only issue is when you un-hide them again, it does come up correctly. I want the headings to all be on the top row and then the actual data be on the next row. If you do all of them, it stacks all the headings on top of each other and then puts the data rows in order with 8 rows etc. Code is below.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">[code].....
View 6 Replies
View Related
Sep 15, 2009
I've built a tool where users can search for something & the results show up in a select list as selectable options..... sometimes the results can take a few seconds to load depending on how many results there are... so I was attempting to show some "Results are loading" text when they search, & then hide it when they are displayed.
However for some reason it's not working correctly.. both commands don't appear to work until the select list options have loaded & hence rendering them redundant.... I have tried putting them inside separate functions but no change in the behavior.
What basically happens is I press the button to search & it searches & once the results show up so does the loading text.... however if I include the hide text command then the text doesn't show at all as it's hidden as soon as it's shown.
Here is the code I am using..
function searchCats(text) {
// Set URL for ajax request
var url = 'search_cats.php?search_text='+text;
// Set up element we're modifying
[Code]....
View 6 Replies
View Related
May 11, 2009
First post here - I am trying to hide options in a form select field if they are empty. The code below works...but even I know it must be a horrid way of doing it! Anyone care to tidy it up for me? I would learn much from the experience,
[Code]...
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
Aug 15, 2011
I have this code:
$
(
'#region_dc').
click
[code]....
The click works fine. Check the checkbox, the hidden div displays. But when I uncheck the checkbox, I want it to go away.
View 3 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
Nov 3, 2011
When I click on a link, I want to remove it's class, then add another link, THEN, when I click on it again, I want to reverse it.
html4strict Code:
Original
- html4strict Code
<a href="#" class='link1'></a>
[code]....
View 3 Replies
View Related
Aug 7, 2010
I have a dead simple .click() event setup for a div with the id of nextLink. This works perfectly in all the "real" browsers. But I can't even get an alert to fire from IE7 & 8. I have whittled the code down to the simplest it can be to illustrate the problem.
$('#nextLink').click(function () {
alert("nextLink here");
});
<div id="nextLink">Next</div>
I have seen this problem on many a post, but never found an answer to the problem in this basic form. I have tried both .mouseup and mousedown, but to no avail.
View 7 Replies
View Related
Sep 19, 2010
I have seen this title a few times, but not the same question. I have succesfully bound the .click() method to a radio button group. In IE 7 and FF I can click the button and the .click() function will fire. What doesn't work is a basic .click() (i.e. trigger('click')) event. The code I'm executing is this:
$('#appraisalAge:checked').click();
The above code selects the currently checked button and than .clicks() on it.The HTML that the above code is referencing is:
<div>
<g:radio name="appraisalAge" value="NEW" checked="${offering.appraisedAmount ==null}"/><span><g:message code="offering.appraisal.is.new"/></span>
[code]....
View 4 Replies
View Related
Feb 15, 2012
why isn't this working?
$('body').find(".overcolor").click(function(){
alert("hi");
});
View 1 Replies
View Related
Jan 31, 2011
I have a button that is a facebook button that is coded as:
<div class="fbshare1"><a class="login-button"><span>Like</span></a></div>
In a js file, I reference it by
$('.fbshare1 .login-button span').live('click', function(e) {
It works fine in Firefox and IE8 but IE7 doesn't recognize the click. Is there a reason for that or is some other kind of problem?
View 3 Replies
View Related
Jul 18, 2011
Im trying to make divs with diferent classes for each element this way (rails 3)
This give me this HTML code:
But is not working.
View 1 Replies
View Related
Mar 30, 2010
I had a developer make a modifacation to a page where a button is automatically clicked when a customer hits the page. He did this, and it works fine in ie, but not in firefox, and I wont be able to get hold of him until next week.
The code he used is...
View 2 Replies
View Related
Aug 25, 2009
I have this code that works:
var btnInput= document.getElementById('btnInput');
btnInput.addEventListener("click", showVal, true);
Why doesn't this work?
$('btnInput').click(showVal);
$('btnInput').bind('click', showVal);
View 1 Replies
View Related
Jan 7, 2010
i'm appending a child div in a parent div. parent div has alreadychild div's which have classes ws_c1 and plus.
$
'<div></div>'
.addClass
[code]....
View 2 Replies
View Related
Aug 23, 2011
I know that it should work in those browsers, so hopefully someone can tell me where I'm going wrong.I created a function....it does not sit inside the document.ready function, so maybe that is part of the issue. I am not sure how to accomplish this another way. Wasn't sure how to pass an argument to the function using an anonymous function in document.ready. The idea is to have a side navigation panel that shows/hides divs on the page. I am creating a website for my upcoming wedding and want to do it all on one page and just fade in the divs. If I click on 'ceremony' for example, I want it to hide any open divs, then show the ceremony div. For the divs I always want on the page, I gave a class of 'static.' That is the reason for the 'not' condition in the code. I hope I have explained clearly enough. Here is the code,Btw, this does work in firefox6 and ie9 without issue.Here is the javascript:
function showDiv(showThis){
$(this).click(function() {
$('#containers > div:not(.static)').css('display','none');
[code]....
View 3 Replies
View Related
Nov 12, 2010
$(function() {
$("#ForButton").click(function() {
console.log("frak me");
[code]....
View 3 Replies
View Related
