Show/hide Only Working On One Of Three Popups?
Mar 5, 2011
I am trying to track down an issue with some content in a couple of popups generated with j-query. If you go to [URL] and role over and click on ethiopia on the African continent, you will get a map that pops up. On the map you will see one or more flags. If you click on them another popup will be generated and it has tabs at the top. Clicking on these shows or hides certain content. If you do the same thing for say India or Nepal, it all works except the tabs at the top. They do nothing. I have compared the code to the ethiopia code and it should be the same. I have tried naming the content areas uniquely although I do not think that should make a difference in this case.
View 9 Replies
ADVERTISEMENT
Jun 17, 2011
I am using the following code to show and hide divs. When I click it the second div does show but only for about 5 seconds then disappears why?
PHP Code:
View 2 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
Dec 1, 2010
I'm trying to create a simple javascript accordion that will let me show/hide <p> paragraphs when I click on an <h2>. When the page is loaded, the <p> are automatically hidden. (This part works ok). When you click on the H2, I want the paragraphs to then appear. Something with the h2 onclick event or either the way I'm calling the DOM is not working. I was hoping for some help/guidance.HTML
Code:
<div id="content"> <h2>Header 1</h2> <p>Here is my header 1 paragraph</p> <h2>Header 2</h2> <p>Here is my header 2 paragraph</p> <h2>Header 3</h2> <p>Here is my header 3 paragraph</p> </div>
[code]....
View 1 Replies
View Related
Jun 16, 2009
I have this jscript code and I want to show the first div onLoad. Trying to figure this out, what I did was:
Running on firefox works fine, the first div is showing onload BUT testing on IE doesn't work at all. It displays an error:
Here's the jscript i'm using:
View 2 Replies
View Related
Oct 30, 2009
I have a function which shows and hides a div. It's working perfectly. But when i add another syntax such as FileSystemObject and AJAX with it, the show/hide function won't work anymore. get it to work.
<script>
function showhide() {
document.getElementById("div").style.visibility = "visible"
// Ajax Function Below //
[Code]....
View 7 Replies
View Related
Oct 26, 2011
I saw this great post to show hide div using jquery. For some reason it doesnt work in IE 7. [URL]. By the way, works fine in IE8, chrome, FF.
View 3 Replies
View Related
Feb 2, 2011
Getting my show/hide function to work in all browsers.
The function below works everywhere but Firefox.
Can someone see why it's not working?
My javascript function:
View 6 Replies
View Related
Sep 24, 2009
I have several 'galleries' for each artist on my website. Clicking on each thumbnail opens a popup window with a larger image and details. It works fine on all the browsers except IE. What do I need to add/subtract/alter so that it works in IE? Tried to find the solution with the other threads, but without success. Here's the website: [URL]
View 2 Replies
View Related
Oct 30, 2010
If I use the following code without the <form> tags, it works perfectly. As soon as I add in the <form> tags, the script breaks.
<form>
<button id="show">Click</button>
<div id="stuff" style="display: none;">
[code]....
View 2 Replies
View Related
Jun 13, 2011
The following script works in all web browsers fine, just not IE6. It also has to work in IE6 so ignoring it isn't an option. Javascript is below:
<SCRIPT START>
$(document).ready(function() {
// hides the slickbox as soon as the DOM is ready
$('#div1').hide();
$('#close').hide();
// shows the slickbox on clicking the noted link
$('#open').click(function() {
$('#div1').fadeIn('slow');
$('#close').fadeIn();
$('#open').fadeOut();
return false;
});
// hides the slickbox on clicking the noted link
$('#close').click(function() {
$('#div1').fadeOut('fast');
$('#close').fadeOut();
$('#open').fadeIn();
return false;
});
// toggles the slickbox on clicking the noted link
$('#slick-toggle').click(function() {
$('#div1').toggle(400);
return false;
});
document.getElementById("loading").className = "loading-visible";
var hideDiv = function(){document.getElementById("loading").className = "loading-invisible";};
var oldLoad = window.onload;
var newLoad = oldLoad ? function(){hideDiv.call(this);oldLoad.call(this);} : hideDiv;
window.onload = newLoad;
});
<SCRIPT END>
View 1 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, 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
Jul 6, 2009
I want to use a toggle to hide and show some content but it isnt working
html code:
JS code:
But this code dont works correct, notiv that i want to use more then one box.
View 5 Replies
View Related
Aug 16, 2011
I'm using mootools-core-1.3.2.js & mootools-more-1.3.2.js to toggle hide/show a div
but since I started using jquery-1.4.4.js the mootools toggle stopped working. Here is the jquery code I'm using on all of my pages
Code:
$().ready(function() {
function formatItem(row) {
return row[0] + " (" + row[1] + ")";
}function formatResult(row) {
return row[0].replace(/(<.+?>)/gi, '');
} .....
View 11 Replies
View Related
May 6, 2010
Does anyone know why this isn't working? The toggle function works perfectly fine with PHP loops, but when I insert the table td tr tags, it does not hide the loop when the page first loads...It just shows the results in the div which it shouldn't be doing.
Here's what my code looks like...
JS
Code:
<script type="text/javascript">
function toggle(element) {
if (document.getElementById(element).style.display == "none") {
[Code]....
View 3 Replies
View Related
Oct 21, 2011
For some reason, in IE8, on product pages (Example) of my ecommerce site, the 'Size Chart' and 'Email to a Friend' popups don't work, and the product image lightbox won't work eitherbrowser I have tested in, including IE7. It seems to only be IE8 that is having this problem.Upon looking at the page source, one thing I have noticed that both the 'Size Chart' and 'Email to a Friend' buttons have in common, is that the popups seem (I'm far from an expert) to be 'triggered' by a span element (class="more") within the HTML. For example:
<div class="row ">
<label >Size: </label>
<strong class="fl"><select name="size" id="size" onchange="checkstock(this.value)"><option
[code]....
View 6 Replies
View Related
May 27, 2009
I have tested the thumbnail images that link to a popup detail page and they seem to work fine in Safari and Firefox on a mac and in IE on Windows (not sure which version of IE, I was using the PC at a UPS Store). Why does my client insist that they do not work? Any javascript issues with my code? I know it is a bit old since it was created a few years ago but I even got it to work on my iPhone today.
Here is the link: [URL]
View 1 Replies
View Related
May 21, 2002
I am just finishing a site for a photographer which uses Flash for the interface, PHP to display a number of image thumbnails (4 scripts, depending on the route the visitor has chosen) and then 1 PHP page with lots of JavaScript to open the correct image in a new popup window.
It all works in the latest versions of NN & IE but the problem is that some of the site owners' clients use older browsers and the JavaScript popups are not working in NN 4.7.
The address of the developing site is here. The JavaScript that I am using is an adaptation of Anarchos' great script.
Are there fundamental things I am missing regarding NN 4.7 and JavaScript or would my scripting in JavaScript be wrong?
View 8 Replies
View Related
Nov 12, 2010
I recently learned that the <option> tags can not use the onclick attribute inside of IE.This works great for firefox, but sadly not a single version of internet explorer supports it (from what I am told via countless Google searches).I have been modifying my attempit at a solution to use the <select> tag with the attribute onchange. Maybe I am casing this wrong, or not seeing a solution as the below code does not operate in any browser, and no errors are reported back through firebug or IE.Excuse my sloopy attempt at {smarty tags} this script is written in a bunch of PHP object->vales and to save space cored the issue down to it's basics.On change of the select box, the value="5-28" is sent to javascript showBox to split the number away from the id_trips and only focus on the locations (the number before the '-' . IF the location matches the switch value then the box should show / hide or value change. The IDs are all correct I just think that there is a ' or a " or something off as I am not a javascript expert.
my SQL return values
<code class="php">
//PHP VARIABLES from QUERY sample loop 1
[code]....
View 1 Replies
View Related
Mar 6, 2009
why isn't this working ok in ie7?:
[URL]
the javascript is:
Code:
<script type="text/javascript">
/* <![CDATA[ */
function closed_changed(day) {
[Code].....
it should call closed_changed(), which sees if it's ticked/checked, if it is it calls clear_open() and sets the four open related input elements to empty/blank (because a shop can't be open and closed at the same time). works fine in firefox (pc and mac) and safari. not ie7. why not? (the intended clear does happen but only when another subsequent closed box is ticked; it works on the previous day which was ticked; so it's lagging one behind)
View 2 Replies
View Related
Jun 20, 2010
I am trying to show and hide different div objects on a webpage all with different ID's as you can see. Only the first object will work "('killstreakwin')", or any that is put first, none of the others work after that. It's not the HTML side, it's definatly the javascript function. I've tried to use a loop but I don't know how to implement it into something like this.
[Code]....
View 15 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
Aug 11, 2005
I am trying to hide some form elements in a form by default and show/hide
depending on which radio button is clicked. This is what I have but it is
not working: Code:
View 2 Replies
View Related
Sep 6, 2005
I'd like to have a show/hide widget on my web site, kind of like "show
details" / "hide details" in Google Groups. Is there a tutorial
explaining how to make them? Google's is a bit complex and it's easy to
get something wrong. If the browser does not support the required
features, I want it to generate a completely static page with the
"details" shown automatically.
View 3 Replies
View Related
Oct 26, 2009
Check this code:
<a>text</a>
<div id="pkg">pkg</div>
<div id="table_pkg">table_pkg</div>
I'd like to show table_pkg and hide pkg when I click on <a>text</a>. How can I do?
View 3 Replies
View Related
