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.
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>
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 //
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]
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>
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.
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 :
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
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") {
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:
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.
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?
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: <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)
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.
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...
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:
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.
