hide / show div javascript is working in firefox but not IE

1 New Member

Hi,

I want to show a div depending of the value of a <select> option, using 2 functions hidediv() and showdiv() - it is working fine in firefox, but not in IE (tested with IE 6 and 7). <body onload="javascr ipt:hidediv()"> DOES work in IE, but the rest does not.
Any ideas?
Thanks a lot

Tim

here is the code
----------------------------

Expand|Select|Wrap|Line Numbers

 
<html>

<head>

<script language=javascript type='text/javascript'>

Expand|Select|Wrap|Line Numbers

 
function hidediv() {

    if (document.getElementById) { // DOM3 = IE5, NS6

        document.getElementById('genre_select1').style.visibility = 'hidden';

    }

    else {

        if (document.layers) { // Netscape 4

            document.genre_select1.visibility = 'hidden';

        }

        else { // IE 4

            document.all.genre_select1.style.visibility = 'hidden';

        }

    }

}
 
function showdiv() {

    if (document.getElementById) { // DOM3 = IE5, NS6

        document.getElementById('genre_select1').style.visibility = 'visible';

    }

    else {

        if (document.layers) { // Netscape 4

            document.genre_select1.visibility = 'visible';

        }

        else { // IE 4

            document.all.genre_select1.style.visibility = 'visible';

        }

    }

}

Expand|Select|Wrap|Line Numbers

 
</script> 
 
</head>

<body onload="javascript:hidediv()">

      <form name="form" action="chart.php" method="post">

        <select name="view_by">

          <option value="" onclick="hide()">-----Chart view-----</option>

           <option onclick="javascript:hidediv()">Most votes</option>

          <option  onclick="javascript:hidediv()">Latest entries</option>

          <option  onclick="javascript:hidediv()">Most profile views</option>
 
          <option  onclick="javascript:hidediv()">Age</option>

          <option onclick="javascript:showdiv()">Genre</option>
 
          <option  onclick="javascript:hidediv()">User name a-z</option>

          <option  onclick="javascript:hidediv()">------------------</option>

         <option  onclick="javascript:hidediv()">Non competition entries</option>

        </select>
 
        </select>  <input type="submit"  class="button"  value="Go" />

        <br/>

        <div id="genre_select1"><select name="genre_select">

        <option value='1'>1</option><option value='2'>2</option> </select></div>

</form>

</div>

</body>

</html>

Sep 12 '07 #1

Subscribe Reply

7764

epots9

1,351

Recognized Expert Top Contributor

what is your doctype? you forgot to state what doctype you want to use at the top of your html.

By not declaring a doctype ie acts even worst.

Sep 12 '07 #2

pbmods

5,821

Recognized Expert Expert

Heya, Safiratec. Welcome to TSDN!

Please use CODE tags when posting source code:

[CODE=javascrip t]
JavaScript code goes here.
[/CODE]

Sep 12 '07 #3

acoder

16,027

Recognized Expert Moderator MVP

IE does not support onclick for option elements. Use the select element's onchange event handler instead.

Sep 13 '07 #4

Similar topics

3197

Mozilla slowness on div show hide routine

by: David | last post by:

Hi everyone, Hoping there are some .js/browser experts out there that can help with this weird problem. I have made a swap div routine and applied the events to menu buttons with a closer layer behind the menus. The closer div has a lower index than the submenu divs so it appears behind them. The closer div contains a transparent gif...

Javascript

6871

JavaScript - HIDE/DISPLAY text boxes

by: dmiller23462 | last post by:

Hi guys....I have absolutely NO IDEA what I'm doing with Javascript but my end result is I need two text boxes to stay hidden until a particular option is selected....I've cobbled together the JavaScript in this code from a couple different sites but I'm not 100% sure what each line is doing...This is the ASP code that I'm using for the...

Javascript

12181

Hide/show <div>

by: MOHSEN KASHANI | last post by:

Hi, 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: <head> <style> ..noshow { display: none; }

Javascript

2939

show/hide thingy

by: alex | last post by:

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...

Javascript

4217

Swap/restore image while show/hide divs

by: bridgemanusa | last post by:

Hi All: I have a very long page of html that I want to take portions and hide them in divs, then show when a link is clicked. I have the hide show part working when the link is clicked, however I would really like to use linked images instead to do the following: - When open.gif is clicked, the contents of the div show and open.gif is...

Javascript

8012

Hide/Show Rows based on text box input

by: jimstruckster | last post by:

I have a table with 10 rows, I want all rows except for the first to be hidden when the page first opens up. If the user puts a value in a text box in the first row then I want the second row to display. If they put a value in the text box in the second row then display the third row etc. etc. etc. to 10 rows. I'm pretty new to javascript,...

Javascript

4844

show/hide div not fully working in IE

by: ryrocks | last post by:

Hi, Im making a 'contact us' page. The user click on the div, this then reveals another larger div displaying more information giving the effect of the box expanding or dropping down. I have 3 starting divs on my page, each one expanding onclick. The show/hide elemant works fine. There is one slight problem... I want the user to be able to...

Javascript

2583

show/hide css divs with flash actionscripting

by: techtherapy | last post by:

Hello All! This ones a little different as I'm using flash actionscripting to control some javascript swaping. The following page uses a hideDiv, ShowDiv Javascript and the following actionscript that is working flawlessly in Firefox/PC, Firefox/Mac, Safari/PC, and Safari/Mac but not ie6 or 7. They both have the same issue. They will...

Flash / Actionscript

3346

Show and hide on the same click

by: timplx | last post by:

Hello all, New to javascript and have never worked with programming languages like c++, so my logic in some of these statements might be incorrect or redundant Got a problem with my page... using java and external css to show/hide items on the same click. I found a script that uses the getElementById function to adjust the display style of a...

Javascript

7918

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...

General

7843

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language...

Windows Server

7967

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For...

Windows Server

6621

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then...

Career Advice

5392

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert...

C# / C Sharp

3840

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in...

Networking - Hardware / Configuration

3875

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

2353

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

C# / C Sharp

1185

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...

General